ember.js

The Basics of ember

Open Source Client Side MVC Based

Scalable Single Page Apps

Uses Common Idioms

Declarative

Two way data

binding

Auto Updating Template

Router

What is ember.js

ember is a JavaScript web application framework running on the client side

It is open source used to develop single page applications

There is a reduced need for writing code with ember’s handlebars integrated templates

ember enables automatic updates of templates on data change

The increase in reusability by the use of common idioms increases productivity

Router

The application state of Ember relies heavily on URLs to manage it

The current state of the application is serialized by the router object

This object holds all the information about the routes

Models

The model for each route stores the following

Current state specific data using the ember data

A model library - a data persistence library to store and map client-side models to server-side data

Controllers

Controllers empower the models with display logic

They inherit from ObjectController or ArrayController for single records or multiple records respectively

Templates

Handlebars provide the capacity necessary to build semantic templates effectively to ember

They are more or less compatible with Mustache templates

ember improvises the Handlebars templates and also ensures that the HTML tags are the latest when the model has any updates

While developing Handles, the need for JavaScript is eliminated and the Handlebars templating language is sufficient to code the HTML for the UIs and the dynamic expressions

Views

Views render reusability to a template and also the treatment of

Events

Graphics

Animations

Components

Components are special views which allow creation of HTML tags for applications using Handlebars

These elements are reusable templates and are also scalable

The HTML is rolled out by the Handlebars and JavaScript takes care of the custom behavior implementations

Advantages

At the top of the list for advantages would be reusability of code

Streamlining of the code architecture is another advantage offered

Sharing code resources amongst ember projects is easier and faster

Ember comes with the Ember CLI suite of tools which has its own advantages

Using these tools the need to organize code into modules is completely avoided

It creates test servers for the developers saving a lot of precious time

Setting up of build tools is also done through this suite

Many add-ons are available making the work faster for the community

On A Parting Note….

ember fosters rapid development when there is a need to communicate with a web service for data exchange and manipulations. It promises improved productivity and a more than conducive environment for the developer community .

THANK YOU

Visit www.spec-india.com

& Request a FREE POC

to Test Drive our Services