Ember.js - praktična primena

DaFED#29
Speaker: Dušan Petrović

Kreiranje Single Page aplikacije uz pomoć Ember.js frejmvorka kroz "Live coding"

Transcript

1. Ember.js Praktična primena Petrović Dušan dusan@fsd.rs
2. Šta je Ember.js?  Javascript framework  Koristi jQuery i Handlebars.js  Zasniva se na MVC dizajn šablonu
3. Karakterisitke  Single page application  URL driven application state  Long-live
4. Ember.js arhitektura
5.  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
6.  Template  Handlebars.js  Predstavlja interfejs aplikacije  View  Definiše na koji se template odnosi  Ima svoj kontroler Koncepti
7.  Controller  Objekat koji čuva stanje aplikacije  Komunicira sa template preko view-a Koncepti
8.  Model  Objekat koji čuva trenutno stanje  JSON API Koncepti
9.  Component  Prilagođeni HTML tag  View sa izmenjenim funkcionalnostima  Nema svoj kontroler Koncepti
10. Primer
11. URL Route name Controller Route Template / index IndexController IndexRoute index /post post PostController PostRoute post /page page PageController PageRoute page Naming conventions
12. 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
13. Primer
14.  E-commerce Primer u praksi
15. Korisni linkovi  http://emberjs.com/guides  Ember inspector  Todo MVC  Step by step tutorial to build Ember app  EmberWatch  Ember jobs
16. Pitanja?
17. Hvala!