Šta je Ember.js?
Javascript framework
Koristi jQuery i Handlebars.js
Zasniva se na MVC dizajn šablonu
Slide 3
Slide 3 text
Karakterisitke
Single page application
URL driven application state
Long-live
Slide 4
Slide 4 text
Ember.js arhitektura
Slide 5
Slide 5 text
Router
Stanje aplikacije se čuva u URL pretraživača
Izmenom URL-a, menja se i stanje aplikacije
Route
Definiše model u template-u
Koncepti
Slide 6
Slide 6 text
Template
Handlebars.js
Predstavlja interfejs aplikacije
View
Definiše na koji se template odnosi
Ima svoj kontroler
Koncepti
Slide 7
Slide 7 text
Controller
Objekat koji čuva stanje aplikacije
Komunicira sa template preko view-a
Koncepti
Slide 8
Slide 8 text
Model
Objekat koji čuva trenutno stanje
JSON API
Koncepti
Slide 9
Slide 9 text
Component
Prilagođeni HTML tag
View sa izmenjenim funkcionalnostima
Nema svoj kontroler
Koncepti
Slide 10
Slide 10 text
Primer
Slide 11
Slide 11 text
URL Route name Controller Route Template
/ index IndexController IndexRoute index
/post post PostController PostRoute post
/page page PageController PageRoute page
Naming conventions
Slide 12
Slide 12 text
Naming conventions
URL Route name Controller Route Template
/ index IndexController IndexRoute index
/page/about page.about PageAboutController PostRoute page/about
/folder_tree folder_tree FolderTreeController FolderTreeRoute folder_tree
Slide 13
Slide 13 text
Primer
Slide 14
Slide 14 text
E-commerce
Primer u praksi
Slide 15
Slide 15 text
Korisni linkovi
http://emberjs.com/guides
Ember inspector
Todo MVC
Step by step tutorial to build Ember app
EmberWatch
Ember jobs