Ember JS - JavaScript Framework

1
ember.js
2
The Basics of ember
3
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
  embers handlebars integrated templates
• ember enables automatic updates of templates on
  data change
• The increase in reusability by the use of common
  idioms increases productivity

4
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

5
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

6
Controllers

• Controllers empower the models with display logic
• They inherit from ObjectController or
  ArrayController for single records or multiple
  records respectively

7
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

8
Views

• Views render reusability to a template and also
  the treatment of
• Events
• Graphics
• Animations

9
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

10
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

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

12
Visit www.spec-india.com Request a FREE POC
to Test Drive our Services
THANK YOU