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