Brief Introduction to Ember
Download as PPTX, PDF1 like818 views
Ember.js is a client-side MVC JavaScript framework for building single-page web applications. It uses conventions over configurations and has components like routers, controllers, templates, and models. The router maps application state to URLs, controllers present data to views, templates render markup, and models store and retrieve data. Components allow creating reusable controls to simplify templates.
Brief Introduction to Ember
- 1. Ember.js A better framework for SPA Vinay B
- 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. Ember Architecture Server – side MVC Request Router Controller View Browser Model
- 4. Ember Architecture Client - side MVC Web API Ember Data/Models Controller Router Views (Template) Browser Events
- 5. Ember Components • Router • Controllers • Components • Views • Templates • Models
- 6. Ember - Router • Maps Application state in URL. • Keeps the URL up to date as you transition between routes.
- 7. Ember - Controllers • Present data for the view layer to render. • Object Controller and Array Controller.
- 8. Ember - Components • Creating a custom HTML tag. • It is a reusable controls for simplify the templates.
- 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. Ember - Models • It is a place where you store your data. • Models are handled by Ember-Data.
- 11. Ember Thanks!