top button
Flag Notify
    Connect to us
      Facebook Login
      Site Registration Why to Join

    Get Free Article Updates

Facebook Login
Site Registration
Print Preview

Discussion About SAPUI5?

0 votes
78 views

What is SAPUI5?

SAPUI5 (SAP user interface for HTML 5) is a collection of libraries that developers can use to build desktop and mobile applications that run in a browser. With SAP's SAPUI5 JavaScript toolkit, developers can build SAP web applications using HTML5 web development standards.

SAPUI5 is a collection of libraries that developers can use to build desktop and mobile applications that run in a browser.

SAPUI5 combines latest web technologies like HTML5, JavaScript and CSS into a toolkit. It can be used for building Web applications on the SAP platform.

Using SAPUI5 developers can build SAP Web applications using HTML5 Web development standards, according to business intelligence expert Ethan Jewett.

"HTML5 is a set of standards around browser-based technologies [like] JavaScript HTML and CSS, [otherwise known as] Cascading Style Sheets," Jewett says. "SAPUI5 is a library that combines all of those things into a toolkit for building actual Web applications. SAPUI5 … is a higher-level framework for building Web applications on the SAP platform."

Applications can be built using SAPUI5 that connect to any type of back-end system (or that just run in the browser and don't connect to any back-end system at all). However, the original goal of SAPUI5 (and still one of the main goals) was to develop an application framework for use in SAP environments, according to Jewett.

Video for SAPUI5

posted Mar 9 by Manish Tiwari

  Promote This Article
Facebook Share Button Twitter Share Button Google+ Share Button LinkedIn Share Button Multiple Social Share Button


Related Articles

What is EsLint?

ESLint is an open source JavaScript linting utility originally created by Nicholas C. Zakas in June 2013. Code linting is a type of static analysis that is frequently used to find problematic patterns or code that doesn't adhere to certain style guidelines.

The primary reason ESLint was created was to allow developers to create their own linting rules. ESLint is designed to have all rules completely pluggable. The default rules are written just like any plugin rules would be. They can all follow the same pattern, both for the rules themselves as well as tests. While ESLint will ship with some built-in rules to make it useful from the start, you’ll be able to dynamically load rules at any point in time.

ESLint is written using Node.js to provide a fast runtime environment and easy installation via npm.

ESLint is a tool for identifying and reporting on patterns found in ECMAScript/JavaScript code, with the goal of making code more consistent and avoiding bugs. 

Features

  • ESLint uses Espree for JavaScript parsing.
  • ESLint uses an AST to evaluate patterns in code.
  • ESLint is completely pluggable, every single rule is a plugin and you can add more at runtime.​

Video for ESLINT?

https://www.youtube.com/watch?v=aWFwJVjfDlE

READ MORE

What is Tern.Js?

Tern is a stand-alone code-analysis engine for JavaScript. It is intended to be used with a code editor plugin to enhance the editor's support for intelligent JavaScript editing. 

Features:

  • Autocompletion on variables and properties
  • Function argument hints
  • Querying the type of an expression
  • Finding the definition of something
  • Automatic refactoring
  • Tern is open-source (MIT license), written in JavaScript, and capable of running both on node.js and in the browser.

 Tern Supported Editors

  • Emacs
  • Vim
  • Sublime Text
  • Brackets
  • Light Table
  • Eclipse 
  • TextMate
  • SourceLair 
  • Chocolat 

For more read here - http://ternjs.net/doc/manual.html 

READ MORE

What is GoJs?

GoJS is a feature-rich JavaScript library for implementing custom interactive diagrams and complex visualizations across modern web browsers and platforms. GoJS makes constructing JavaScript diagrams of complex nodes, links, and groups easy with customizable templates and layouts.

GoJS is a JavaScript library that lets you easily create interactive diagrams in modern web browsers. GoJS supports graphical templates and data-binding of graphical object properties to model data. You only need to save and restore the model, consisting of simple JavaScript objects holding whatever properties your app needs. Many predefined tools and commands implement the standard behaviors that most diagrams need. 

The Nodes and Links of a Diagram are visualizations of data that is managed by a Model. GoJS has a model-view architecture, where Models hold the data (arrays of JavaScript objects) that describe nodes and links, and Diagrams act as views to visualize this data using actual Node and Link objects. 

Every Diagram must be hosted by an HTML Div element. GoJS will manage the contents of that Div element, but you may position and size and style the Div as you would any HTML element. The diagram will add a Canvas element to that Div element that the diagram will draw in -- this is what users actually see. The Canvas element is automatically sized to have the same size as the Div element.

Video for GOJS Discussion

https://www.youtube.com/watch?v=prMa2nos9Hg

READ MORE

What is Crafty.Js?

Crafty, previously known as CraftyJS, is a small, simple, and lightweight game engine that can greatly help you build prototypal or fully-featured 2D HTML5 games. Crafty is also open-source and completely free. Its code is hosted openly on GitHub.com and is distributed under the MIT or GPL license.

Crafty is a cohesive collection of custom-built Javascript libraries that provide a framework for building browser-based games using standard web technology. In other words, it’s a Javascript-based HTML5 game engine. It’s designed to make it very easy to make simple games with 2D graphics. 

A Crafty.js game is build up of entities -- the player character, enemies, and obstacles are all represented this way.

Lets start by creating a simple colored square:

Crafty.e('2D, DOM, Color').attr({x: 0, y: 0, w: 100, h: 100}).color('#F00');

For More Visit Here - http://craftyjs.com/getting-started/

Video for Crafty.Js

https://www.youtube.com/watch?v=cA5BAIIWapE

READ MORE

What is Sinon.Js?

“Standalone test spies, stubs and mocks for JavaScript. No dependencies, works with any unit testing framework.” Sinon.js is a really helpful library when you want to unit test your code. It supports spies, stubs, and mocks.

Sinon provides spies, stubs, and mocks. They’re all useful as fakes in tests. They come with essential differences for what they’re helpful in doing and how they work.

Test stubs are functions (spies) with pre-programmed behavior.

They support the full test spy API in addition to methods which can be used to alter the stub’s behavior.

As spies, stubs can be either anonymous or wrap existing functions. When wrapping an existing function with a stub, the original function is not called.

Example :

var stub = sinon.stub();

NPM Installation

npm install sinon

Video for Sinon.JS
https://www.youtube.com/watch?v=SvudHPTEsIk

READ MORE

What is WebPack.Js?

Webpack is a module bundler for modern JavaScript applications. It is incredibly configurable, but to get started you only need to understand Four Core Concepts: entry, output, loaders, and plugins.

Webpack constructs two separate dependency graphs and emits two bundle files, one called app.js containing only the application code and another called vendor.js with all the vendor dependencies.

Webpack is fed via a configuration object. It is passed in one of two ways depending on how you are using webpack: through the terminal or via Node.js. 

Webpack enables use of loaders to preprocess files. This allows you to bundle any static resource way beyond JavaScript. You can easily write your own loaders using Node.js.

It allows you to split your codebase into multiple chunks. Chunks are loaded asynchronously at runtime. This reduces the initial loading time

NPM Module for install

npm install webpack -g

Video for Webpack.Js

https://www.youtube.com/watch?v=TaWKUpahFZM

READ MORE

What is Typings?

Typings is the simple way to manage and install TypeScript definitions. It uses typings.json , which can resolve to the Typings Registry, GitHub, NPM, Bower, HTTP and local files.

Packages can use type definitions from various sources and different versions, knowing they will never conflict for users.

Node Install:

typings install debug --save


The public registry is maintained by the community, and is used to resolve official type definitions for JavaScript packages.

When using TypeScript, you will need TypeScript definition files to work with external libraries.i.e. Typings

Video for Typings?

https://www.youtube.com/watch?v=spi5txUoits

READ MORE
Contact Us
+91 9880187415
sales@queryhome.net
support@queryhome.net
#470/147, 3rd Floor, 5th Main,
HSR Layout Sector 7,
Bangalore - 560102,
Karnataka INDIA.
QUERY HOME
...