Ember.js
A better framework for SPA

Vinay B
What is Ember?
• A framework for creating ambitious web
application.
• MVC client side JavaScript framework.

• Convention...
Ember Architecture
Server – side MVC
Request

Router
Controller
View

Browser

Model
Ember Architecture
Client - side MVC
Web API
Ember
Data/Models
Controller

Router
Views
(Template)

Browser Events
Ember Components
• Router
• Controllers
• Components

• Views
• Templates
• Models
Ember - Router
• Maps Application state in URL.
• Keeps the URL up to date as you transition
between routes.
Ember - Controllers
• Present data for the view layer to render.
• Object Controller and Array Controller.
Ember - Components
• Creating a custom HTML tag.
• It is a reusable controls for simplify the templates.
Ember – Views(Templates)
• Ember uses a Handlebars for templating.
• Handlebars is like regular HTML along with
expression...
Ember - Models
• It is a place where you store your data.
• Models are handled by Ember-Data.
Ember

Thanks!
Upcoming SlideShare
Loading in …5
×

Brief Introduction to Ember

528 views

Published on

Basically a javascript framework for creating ambitious application.

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
528
On SlideShare
0
From Embeds
0
Number of Embeds
17
Actions
Shares
0
Downloads
9
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Brief Introduction to Ember

  1. 1. Ember.js A better framework for SPA Vinay B
  2. 2. What is Ember? • A framework for creating ambitious web application. • MVC client side JavaScript framework. • Convention over configuration and open source. • Designed for Single Page Applications. • Auto updating template.
  3. 3. Ember Architecture Server – side MVC Request Router Controller View Browser Model
  4. 4. Ember Architecture Client - side MVC Web API Ember Data/Models Controller Router Views (Template) Browser Events
  5. 5. Ember Components • Router • Controllers • Components • Views • Templates • Models
  6. 6. Ember - Router • Maps Application state in URL. • Keeps the URL up to date as you transition between routes.
  7. 7. Ember - Controllers • Present data for the view layer to render. • Object Controller and Array Controller.
  8. 8. Ember - Components • Creating a custom HTML tag. • It is a reusable controls for simplify the templates.
  9. 9. Ember – Views(Templates) • Ember uses a Handlebars for templating. • Handlebars is like regular HTML along with expression that will change. • App must have at least a outlet as placeholder for template.
  10. 10. Ember - Models • It is a place where you store your data. • Models are handled by Ember-Data.
  11. 11. Ember Thanks!

×