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
89 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 Casper.Js?
CasperJS is a navigation scripting & testing utility for the PhantomJS (WebKit) and SlimerJS (Gecko) headless browsers, written in Javascript.

CasperJS allows you to build full navigation scenarios using high-level functions and a straight forward interface to accomplish all sizes of tasks.

CasperJS comes with a basic testing suite that allows you to run full featured tests without the overhead of a full browser. Output the tests to xunit for long term code health as well.

Capture data from web pages simply that don't contain APIs. Validate your production environment on a regular basis. Alternatively, use this to load your application with data.

Example Code:

var casper = require('casper').create();

casper.start('http://casperjs.org/', function() {
    this.echo(this.getTitle());
});

casper.thenOpen('http://phantomjs.org', function() {
    this.echo(this.getTitle());
});

Video for Casper.Js
https://www.youtube.com/watch?v=eOuUg6uFUqk

READ MORE

What is Mercury.Js?

Mercury is the creation of Raynos and available as open source under MIT license. It is fast growing in popularity and is getting lot of attention from the community of JavaScript Developers.

Mercury appears to be inspired by react and runs on the concept of virtual DOM rendering. It is modern JavaScript framework, fully modular and can be used to the extent you need.

Looking at the underlying concepts, compact size, modular approach, performance and popularity, Mercury makes its place in list of best 10 JavaScript frameworks of modern times

Benefits

  • Mercury leverages virtual-dom which uses an immutable vdom structure
  • Mercury comes with observ-struct which uses immutable data for your state atom
  • Mercury is truly modular, you can trivially swap out subsets of it for other modules
  • Mercury source code itself is maintainable, the modules it uses are all small, well tested and well documented. you should not be afraid to use mercury in production as it's easy to maintain & fix.
  • Mercury encourages zero dom manipulation in your application code. As far as your application is concerned elements do not exist. This means you don't need to reference DOM elements when rendering or when handling events

Mercury is a small glue layer that composes a set of modules that solves a subset of the frontend problem.

NPM Command

npm install mercury

READ MORE

What is JSDoc?

JSDoc is a markup language used to annotate JavaScript source code files. Using comments containing JSDoc, programmers can add documentation describing the application programming interface of the code they're creating.

JSDoc is the de facto standard for documenting JavaScript code. You need to know at least its syntax (which is also used by many other tools) if you publish code. Alas, documentation is still scarce, but this post can help – it shows you how to run JSDoc and how its syntax works. (The JSDoc wiki [2] is the main source of this post, some examples are borrowed from it.)

JSDoc 3 is an API documentation generator for JavaScript, similar to Javadoc or phpDocumentor. You add documentation comments directly to your source code, right alongside the code itself. The JSDoc tool will scan your source code and generate an HTML documentation website for you.

JSDoc's purpose is to document the API of your JavaScript application or library. It is assumed that you will want to document things like modules, namespaces, classes, methods, method parameters, and so on.

Video for JSDOC - Jump Start
https://www.youtube.com/watch?v=WltHhaSCl1I

READ MORE

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
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
...