SlideShare a Scribd company logo
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

More Related Content

What's hot (20)

PDF
Oracleapex 150914085107-lva1-app6892
Mohamedcpcbma
 
PPT
Chapter1 introduction to asp.net
mentorrbuddy
 
PDF
REPORT ON ASP.NET
LOKESH
 
PPTX
Introduction Asp.Net Core, MVC, Docker (Linux), Postman and Swagger
Agusto Sipahutar
 
PDF
Code vauch
Umesh Hodar
 
PPTX
2019 .NET Mobile Development Hot Topics
Alejandro Ruiz Varela
 
PPTX
CCI 2019 - PowerApps for Enterprise Developers
walk2talk srl
 
DOC
Week1 dq5
amaxwell2012
 
PPTX
AngularJs
saeed shargi ghazani
 
PPT
Adobe Flex Introduction
Amal Biswas
 
ODP
technology@web
Dinesh kumar
 
PPTX
Developing an aspnet web application
Rahul Bansal
 
PDF
07 Integration Project Part 1
crgwbr
 
PPT
Wiring the Web
goodfriday
 
PPTX
What's new in visual studio 2013
Taiseer Joudeh
 
PPTX
Access SharePoint Remotely
Mohamed Yehia Abdul Kader
 
PPTX
Introduction to asp.net
shan km
 
PPTX
Ordina SOFTC Presentation - Developing against SharePoint 2010 Lists
Ordina Belgium
 
Oracleapex 150914085107-lva1-app6892
Mohamedcpcbma
 
Chapter1 introduction to asp.net
mentorrbuddy
 
REPORT ON ASP.NET
LOKESH
 
Introduction Asp.Net Core, MVC, Docker (Linux), Postman and Swagger
Agusto Sipahutar
 
Code vauch
Umesh Hodar
 
2019 .NET Mobile Development Hot Topics
Alejandro Ruiz Varela
 
CCI 2019 - PowerApps for Enterprise Developers
walk2talk srl
 
Week1 dq5
amaxwell2012
 
Adobe Flex Introduction
Amal Biswas
 
technology@web
Dinesh kumar
 
Developing an aspnet web application
Rahul Bansal
 
07 Integration Project Part 1
crgwbr
 
Wiring the Web
goodfriday
 
What's new in visual studio 2013
Taiseer Joudeh
 
Access SharePoint Remotely
Mohamed Yehia Abdul Kader
 
Introduction to asp.net
shan km
 
Ordina SOFTC Presentation - Developing against SharePoint 2010 Lists
Ordina Belgium
 

Similar to Ember js java script framework (20)

PDF
Ember Overview in 5 Minutes
Jay Phelps
 
PDF
Riding the Edge with Ember.js
aortbals
 
PDF
Ember,js: Hipster Hamster Framework
Billy Shih
 
PPT
Ember.js: Jump Start
Viacheslav Bukach
 
PPTX
Ember
Domenic Simone
 
PDF
Create an application with ember
Chandra Sekar
 
PPTX
Brief Introduction to Ember
Vinay B
 
PDF
Viliam Elischer - Ember.js - Jak zatopit a neshořet!
Develcz
 
PPTX
Ember - introduction
Harikrishnan C
 
PDF
Ember presentation
Daniel N
 
PPTX
Introduction to Ember.js
Vinoth Kumar
 
PDF
A Beginner's Guide to Ember
Richard Martin
 
PDF
Ember.js - Jak zatopit a neshořet!
Viliam Elischer
 
PDF
Intro to ember.js
Leo Hernandez
 
PPTX
Introduction to Ember.js
Jeremy Brown
 
PDF
Workshop 16: EmberJS Parte I
Visual Engineering
 
PDF
Developing Single Page Apps with Ember.js
Leo Hernandez
 
PDF
Intro to emberjs
Mandy Pao
 
PDF
Delivering with ember.js
Andrei Sebastian Cîmpean
 
ODP
Introduction to ember js
Adnan Arshad
 
Ember Overview in 5 Minutes
Jay Phelps
 
Riding the Edge with Ember.js
aortbals
 
Ember,js: Hipster Hamster Framework
Billy Shih
 
Ember.js: Jump Start
Viacheslav Bukach
 
Create an application with ember
Chandra Sekar
 
Brief Introduction to Ember
Vinay B
 
Viliam Elischer - Ember.js - Jak zatopit a neshořet!
Develcz
 
Ember - introduction
Harikrishnan C
 
Ember presentation
Daniel N
 
Introduction to Ember.js
Vinoth Kumar
 
A Beginner's Guide to Ember
Richard Martin
 
Ember.js - Jak zatopit a neshořet!
Viliam Elischer
 
Intro to ember.js
Leo Hernandez
 
Introduction to Ember.js
Jeremy Brown
 
Workshop 16: EmberJS Parte I
Visual Engineering
 
Developing Single Page Apps with Ember.js
Leo Hernandez
 
Intro to emberjs
Mandy Pao
 
Delivering with ember.js
Andrei Sebastian Cîmpean
 
Introduction to ember js
Adnan Arshad
 
Ad

More from sara stanford (15)

PPTX
Crowdsourcing Collaborative Medical Research
sara stanford
 
PPTX
Microsoft’s HockeyApp - Mobile Application Testing Tool
sara stanford
 
PPTX
Self Service Business Intelligence
sara stanford
 
PPTX
Flux and React.js
sara stanford
 
PPTX
Interaction Design - A Heady Mix of Things
sara stanford
 
PPTX
Less Design That is More…
sara stanford
 
PPTX
IndexedDB - An Efficient Way to Manage Data
sara stanford
 
PPTX
Big data combat
sara stanford
 
PPTX
Lambda Behave - Java 8's Testing Framework
sara stanford
 
PPTX
Robotium
sara stanford
 
PPTX
Cloud computing
sara stanford
 
PPTX
Mobile device management
sara stanford
 
PPTX
Google Material Design
sara stanford
 
PPTX
10 Reality Checks to be Performed Before Implementing Mobile Sales Force Aut...
sara stanford
 
PDF
SQL Server Service Broker – A Competent Architecture by Microsoft
sara stanford
 
Crowdsourcing Collaborative Medical Research
sara stanford
 
Microsoft’s HockeyApp - Mobile Application Testing Tool
sara stanford
 
Self Service Business Intelligence
sara stanford
 
Flux and React.js
sara stanford
 
Interaction Design - A Heady Mix of Things
sara stanford
 
Less Design That is More…
sara stanford
 
IndexedDB - An Efficient Way to Manage Data
sara stanford
 
Big data combat
sara stanford
 
Lambda Behave - Java 8's Testing Framework
sara stanford
 
Robotium
sara stanford
 
Cloud computing
sara stanford
 
Mobile device management
sara stanford
 
Google Material Design
sara stanford
 
10 Reality Checks to be Performed Before Implementing Mobile Sales Force Aut...
sara stanford
 
SQL Server Service Broker – A Competent Architecture by Microsoft
sara stanford
 
Ad

Recently uploaded (20)

PPTX
Finding Your License Details in IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
PDF
Top Agile Project Management Tools for Teams in 2025
Orangescrum
 
PDF
Driver Easy Pro 6.1.1 Crack Licensce key 2025 FREE
utfefguu
 
PDF
Linux Certificate of Completion - LabEx Certificate
VICTOR MAESTRE RAMIREZ
 
PDF
Digger Solo: Semantic search and maps for your local files
seanpedersen96
 
PPTX
Foundations of Marketo Engage - Powering Campaigns with Marketo Personalization
bbedford2
 
PDF
[Solution] Why Choose the VeryPDF DRM Protector Custom-Built Solution for You...
Lingwen1998
 
PDF
유니티에서 Burst Compiler+ThreadedJobs+SIMD 적용사례
Seongdae Kim
 
PDF
vMix Pro 28.0.0.42 Download vMix Registration key Bundle
kulindacore
 
PDF
Alexander Marshalov - How to use AI Assistants with your Monitoring system Q2...
VictoriaMetrics
 
PDF
Generic or Specific? Making sensible software design decisions
Bert Jan Schrijver
 
PPTX
Tally software_Introduction_Presentation
AditiBansal54083
 
PDF
SAP Firmaya İade ABAB Kodları - ABAB ile yazılmıl hazır kod örneği
Salih Küçük
 
PPTX
Homogeneity of Variance Test Options IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
PPTX
Empowering Asian Contributions: The Rise of Regional User Groups in Open Sour...
Shane Coughlan
 
PDF
Build It, Buy It, or Already Got It? Make Smarter Martech Decisions
bbedford2
 
PPTX
Change Common Properties in IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
PDF
iTop VPN With Crack Lifetime Activation Key-CODE
utfefguu
 
PDF
IDM Crack with Internet Download Manager 6.42 Build 43 with Patch Latest 2025
bashirkhan333g
 
PDF
Unlock Efficiency with Insurance Policy Administration Systems
Insurance Tech Services
 
Finding Your License Details in IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
Top Agile Project Management Tools for Teams in 2025
Orangescrum
 
Driver Easy Pro 6.1.1 Crack Licensce key 2025 FREE
utfefguu
 
Linux Certificate of Completion - LabEx Certificate
VICTOR MAESTRE RAMIREZ
 
Digger Solo: Semantic search and maps for your local files
seanpedersen96
 
Foundations of Marketo Engage - Powering Campaigns with Marketo Personalization
bbedford2
 
[Solution] Why Choose the VeryPDF DRM Protector Custom-Built Solution for You...
Lingwen1998
 
유니티에서 Burst Compiler+ThreadedJobs+SIMD 적용사례
Seongdae Kim
 
vMix Pro 28.0.0.42 Download vMix Registration key Bundle
kulindacore
 
Alexander Marshalov - How to use AI Assistants with your Monitoring system Q2...
VictoriaMetrics
 
Generic or Specific? Making sensible software design decisions
Bert Jan Schrijver
 
Tally software_Introduction_Presentation
AditiBansal54083
 
SAP Firmaya İade ABAB Kodları - ABAB ile yazılmıl hazır kod örneği
Salih Küçük
 
Homogeneity of Variance Test Options IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
Empowering Asian Contributions: The Rise of Regional User Groups in Open Sour...
Shane Coughlan
 
Build It, Buy It, or Already Got It? Make Smarter Martech Decisions
bbedford2
 
Change Common Properties in IBM SPSS Statistics Version 31.pptx
Version 1 Analytics
 
iTop VPN With Crack Lifetime Activation Key-CODE
utfefguu
 
IDM Crack with Internet Download Manager 6.42 Build 43 with Patch Latest 2025
bashirkhan333g
 
Unlock Efficiency with Insurance Policy Administration Systems
Insurance Tech Services
 

Ember js java script framework

  • 2. 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
  • 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 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
  • 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. THANK YOU Visit www.spec-india.com & Request a FREE POC to Test Drive our Services