16
@asuschev Артём Сущев stepic.org ведущий фронтенд разработчик

Ember start-zero

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Ember start-zero

@asuschev Артём Сущев stepic.org ведущий фронтенд разработчик

Page 2: Ember start-zero

start from zero party#emberspb

Page 3: Ember start-zero

Кто использует?

Page 4: Ember start-zero
Page 5: Ember start-zero

http://emberjs.com/

http://angularjs.org/

Page 6: Ember start-zero

технология требует времени на усвоениеt

Sпешком авто

Page 7: Ember start-zero

OK, OK, OKКакую задачу решает ember?

Page 8: Ember start-zero

до ~2006

8

<HTML>

http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
Page 9: Ember start-zero

до ~2011

9

<HTML>

<HTML>

<HTML>

<HTML>

http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
Page 10: Ember start-zero

после ~2011

10

<JS>

<JSON>

<JSON>

<JSON>

http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
Page 11: Ember start-zero

11

Идеологическое развитие

http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
Page 12: Ember start-zero

12

Bindings

bit.ly/ember-bind-1

bit.ly/ember-bind-2

http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://bit.ly/ember-bind-1
http://bit.ly/ember-bind-2
Page 13: Ember start-zero

13

Computed properties

bit.ly/ember-comp-1

bit.ly/ember-comp-2

http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://bit.ly/ember-comp-1
http://bit.ly/ember-comp-2
Page 14: Ember start-zero

14

App.Router

App.NoteRoute

App.NoteController

App.NoteView

App.NoteModel

URL

“декорирует”

является “контекстом”

шаблон “note.hbs”

передает

создает

создает

создает

JSON

AJAX / localStorage / web sockets

http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
Page 15: Ember start-zero

15

Код примера github.com/H1D/ember-ios-notes-example Эти слайды: slideshare.net/artemsuschev/hello-ember Буду рад помочь: twitter.com/asuschev или [email protected] !emberjs.com/guides/getting-started/ - стартовая точка coding.smashingmagazine.com/2013/11/07/an-in-depth-introduction-to-ember-js/ - большой, хороший туториал codeschool.com/courses/warming-up-with-emberjs - приятный курс с видео (платный) emberwatch.com/ - агрегатор видео, слайдов, примеров, книг…. emberweekly.com/ - еженедельник “что нового в ember.js тусовке” emberjs.com/api/ - документация по всем классам ember.js embercasts.com - скринкасты от создателей ember.js discourse.org - громадное open source приложение на ember eviltrout.com/ - блог автора Discourse, много мудростей =)

Follow up

http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
https://github.com/H1D/ember-ios-notes-example
http://www.slideshare.net/artemsuschev/hello-ember
https://twitter.com/asuschev
mailto:[email protected]?subject=
http://emberjs.com/guides/getting-started/
http://coding.smashingmagazine.com/2013/11/07/an-in-depth-introduction-to-ember-js/
https://www.codeschool.com/courses/warming-up-with-emberjs
http://emberwatch.com/
http://emberweekly.com/
http://emberjs.com/api/
http://embercasts.com
http://discourse.org
http://eviltrout.com/
Page 16: Ember start-zero

16

Разводим хомяков!

[email protected]

http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
http://stepic.org/
mailto:[email protected]?subject=

Ember - introduction

Ember - introduction

Software
Project Ember - Garage1217 MANUALS/EMBER I... · Project Ember Project Ember Operation Guide: Normal Operation and Notes: - Plug in the amplifier and then the power supply (in that

Project Ember - Garage1217 MANUALS/EMBER I... · Project Ember Project Ember Operation Guide: Normal Operation and Notes: - Plug in the amplifier and then the power supply (in that

Documents
G. B. Shaw Ember és felsőbbrendű ember

G. B. Shaw Ember és felsőbbrendű ember

Documents
Zero Wait-State Agile EC MCAD Implementation Quick Start Presentation

Zero Wait-State Agile EC MCAD Implementation Quick Start Presentation

Documents
láthatatlan ember

láthatatlan ember

Documents
EMBER THREADS

EMBER THREADS

Documents
Ember CLI & Ember Tooling

Ember CLI & Ember Tooling

Documents
VueJS - Current Affairs 2018, Apache Commons … v/s Ember Similarities Ember provides Ember command line tool, i.e. ember-cli for easy installation and compiling for Ember projects

VueJS - Current Affairs 2018, Apache Commons … v/s Ember Similarities Ember provides Ember command line tool, i.e. ember-cli for easy installation and compiling for Ember projects

Documents
Rpt Zero Days Hit Users Hard at the Start of the Year

Rpt Zero Days Hit Users Hard at the Start of the Year

Documents
Ember and WebSockets

Ember and WebSockets

Food
The start with zero money facebook marketing plan empower paradise blog

The start with zero money facebook marketing plan empower paradise blog

Documents
Ember Data

Ember Data

Software
Worldwide Cross Cultural Studies Ember and Ember (1)

Worldwide Cross Cultural Studies Ember and Ember (1)

Documents
From Zero-Shot Learning to Cold-Start RecommendationFrom Zero-Shot Learning to Cold-Start Recommendation Jingjing Li 1, Mengmeng Jing , Ke Lu , Lei Zhu2, Yang Yang1, Zi Huang3 1 University

From Zero-Shot Learning to Cold-Start RecommendationFrom Zero-Shot Learning to Cold-Start Recommendation Jingjing Li 1, Mengmeng Jing , Ke Lu , Lei Zhu2, Yang Yang1, Zi Huang3 1 University

Documents
Ember Conf 2016: Building Mobile Apps with Ember

Ember Conf 2016: Building Mobile Apps with Ember

Technology
SpecSheet Marine Ember E1150 E2150 B 030215productimageserver.com/literature/brochure/81340BR.pdf · i2Systems EMBER LED MINIATURE STEP LIGHT MODEL E1150 / E2150 CLIENT Ember™ Ember

SpecSheet Marine Ember E1150 E2150 B 030215productimageserver.com/literature/brochure/81340BR.pdf · i2Systems EMBER LED MINIATURE STEP LIGHT MODEL E1150 / E2150 CLIENT Ember™ Ember

Documents
Deliver Audacious Web Apps with Ember 2media.pragprog.com/titles/mwjsember/intro.pdfThis book is a brisk introduction to the core features of Ember 2, Ember Data, and Ember CLI. These

Deliver Audacious Web Apps with Ember 2media.pragprog.com/titles/mwjsember/intro.pdfThis book is a brisk introduction to the core features of Ember 2, Ember Data, and Ember CLI. These

Documents
Ambitious Ember Applications - Leanpubsamples.leanpub.com/emberjs_applications-sample.pdf · SettingThingsUp 2 EmberStarterKitfolderstructure Lets start by dropping in Twitter Bootstrap³

Ambitious Ember Applications - Leanpubsamples.leanpub.com/emberjs_applications-sample.pdf · SettingThingsUp 2 EmberStarterKitfolderstructure Lets start by dropping in Twitter Bootstrap³

Documents
Healthy Start Coalition News - Zero Exposure Project

Healthy Start Coalition News - Zero Exposure Project

Documents
Ember and containers

Ember and containers

Technology
Ember testing internals with ember cli

Ember testing internals with ember cli

Engineering
Accurate Indoor Localization With Zero Start-up Costgroups.csail.mit.edu/drl/wiki/images/6/6a/sgil_mobicom...Accurate Indoor Localization With Zero Start-up Cost Swarun Kumar Stephanie

Accurate Indoor Localization With Zero Start-up Costgroups.csail.mit.edu/drl/wiki/images/6/6a/sgil_mobicom...Accurate Indoor Localization With Zero Start-up Cost Swarun Kumar Stephanie

Documents
Ember newsletter

Ember newsletter

Documents
Project Ember - Garage1217 Amplifiers Home Page MANUALS/EMBER 2.1 MANUAL...Project Ember Project Ember Operation Guide: Normal Operation and Notes: - Plug in the amplifier and then

Project Ember - Garage1217 Amplifiers Home Page MANUALS/EMBER 2.1 MANUAL...Project Ember Project Ember Operation Guide: Normal Operation and Notes: - Plug in the amplifier and then

Documents
Cityof ember

Cityof ember

Education
PIPA vs EMBER

PIPA vs EMBER

Self Improvement
Ember Resources Inc.emberresources.com/wp-content/uploads/2017/04/... · EmbEr rEsourcEs Inc. / YEar End 2016 managEmEnt dIscussIon and analYsIs 2 aBout EMBER REsouRcEs Inc. Ember

Ember Resources Inc.emberresources.com/wp-content/uploads/2017/04/... · EmbEr rEsourcEs Inc. / YEar End 2016 managEmEnt dIscussIon and analYsIs 2 aBout EMBER REsouRcEs Inc. Ember

Documents
Ember JS - Why Ember Matches My Wavelength

Ember JS - Why Ember Matches My Wavelength

Technology
Centre national de la recherche scientifique · Ember data : Cest une bibliothèque qui permet de gérer le stockage de données d'une application Ember. ember install ember-data

Centre national de la recherche scientifique · Ember data : Cest une bibliothèque qui permet de gérer le stockage de données d'une application Ember. ember install ember-data

Documents
Az Ember Idegrendszere

Az Ember Idegrendszere

Documents