Ember.js: The New Black

The new black means 'the new fad, trend, or style of the moment.'

15 mins presentation on how to start with Ember JavaScript framework including use of Ember CLI tool and Ember Inspector browser extension. Also I tried to clarify difference between routes and resources.

Online Keynote version is available: https://www.icloud.com/keynote/AwBWCAESEI5cIGTlINhyDt1JdL0A2IgaKtmM_aCc2HcPH-mnR48FG2-69fD1jDjUrJOASmRuYj9G2uCYs2CFwY7ipgMCUCAQEEIIEKonouq0IbSzRkAtJqW2CF7kgUjUe0L_sxaCoYvtU2#Ember

Transcript

1. The New Black by Marat Dyatko
2. HISTORY SproutCore Apple Ember.js 2
3. IDEAS 3 More Productive Out of The Box Convention Over Configuration Don’t Break The Web
4. WEB BROWSER TEXT EDITOR TERMINAL
5. TERMINAL
6. EMBER CLI 6 Project Creation Blueprint Code Generation Assets Compilation Development Server Watcher & Livereload Server Mock Server npm install ember-cli -g
7. PROJECT CREATION 7 ember new my-project
8. PROJECT CREATION 8 ember new my-project Blueprint NPM Bower
9. DEV SERVER 9 ember server
10. DEV SERVER 10 ember server Broccoli ES6 Modules Express Livereload
11. DEV SERVER 11 ember server Broccoli ES6 Modules Express Livereload
12. TEXT EDITOR
13. ROUTING 13 RESOURCE Big & Absolute UserRoute ROUTE Small & Relative UserCreateRoute UserEditRoute …
14. ROUTER 14
15. ROUTER 15 URLs /users /users/create /users/:id /users/:id/edit
16. ROUTER 16 URLs /users /users/create /users/:id /users/:id/edit JavaScript users.js users/create.js user.js user/edit.js
17. ROUTER 17 JavaScript users.js users/create.js user.js user/edit.js Handlebars users.hbs users/create.hbs user.hbs user/edit.hbs URLs /users /users/create /users/:id /users/:id/edit
18. CREATE /USERS Route + Model + Controller + View
19. THEORY 19 UsersRoute
20. THEORY 20 UsersRoute model [{}, …]
21. THEORY 21 UsersRoute model [{}, …] UsersController
22. THEORY 22 UsersRoute model [{}, …] UsersController UsersView
23. PRACTICE 23
24. PRACTICE 24
25. PRACTICE 25
26. WEB BROWSER
27. EMBER INSPECTOR 27
29. EMBERJS.COM EMBER-CLI.COM EMBERWEEKLY.COM
30. THANKS A LOT FOR YOUR ATTENTION Questions & Answers i@marat.by Marat Dyatko