Slide 1

Slide 1 text

Ember.js Praktična primena Petrović Dušan [email protected]

Slide 2

Slide 2 text

Š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

Slide 16

Slide 16 text

Pitanja?

Slide 17

Slide 17 text

Hvala!