ember.js. init

40

Upload: studio-stfalconcom

Post on 30-Jul-2015

134 views

Category:

Software


4 download

TRANSCRIPT

Page 1: Ember.js. Init
Page 2: Ember.js. Init

Тимур Болотюх

Page 3: Ember.js. Init

Що таке новий веб?

• Односторінковий веб (SPA) • Мобільні додатки • Веб додатки не відрізняються від нативних • Дані на клієнті

Page 4: Ember.js. Init

Чому ?

Page 5: Ember.js. Init
Page 6: Ember.js. Init
Page 7: Ember.js. Init

Yehuda KatzTom Dale

Історія Ember.js

Page 8: Ember.js. Init

Хто використовує Ember.js?

Page 9: Ember.js. Init

Що дає нам Ember.js

• Допомагає будувати архітектуру десктопного рівня• Формує архітектуру додатку• Робить багато того, що другі фреймворки не роблять• Ember страється звільнити час для вирішення ваших проблем• Забезпезпечити вас інструментами• Дозволяє писати код асинхронно

Page 10: Ember.js. Init
Page 11: Ember.js. Init

Router

Page 12: Ember.js. Init

Route

Page 13: Ember.js. Init

Model

Page 14: Ember.js. Init
Page 15: Ember.js. Init

Controller

Page 16: Ember.js. Init
Page 17: Ember.js. Init

View

Page 18: Ember.js. Init
Page 19: Ember.js. Init

Templates

Page 20: Ember.js. Init

Chris Wanstrath - Mustache.rb Jan Lehnardt - Mustache.js

<h1>Hello, {{username}}</h1>

Logic-less Templates

Page 21: Ember.js. Init

Основні концепції &

Feature

Page 22: Ember.js. Init

Кодогенерація

Page 23: Ember.js. Init

Кодогенерація

Page 24: Ember.js. Init

Convention over configuration

App.PostRouteApp.PostControllerApp.PostModelApp.PostViewpost.hbs

url: /post

Page 25: Ember.js. Init

Promise — об'єкт або функція з методом then поведінка якого відповідає специфікації (Promises/A+).

АсинхронністьPromises

Page 26: Ember.js. Init

Promises

Page 27: Ember.js. Init

Є Dependency Injection container Routes, Controllers, Views створюються автоматично по правилам вказаним в Resolver (PostController, PostRoute, PostView)

Dependency Injection

Page 28: Ember.js. Init

Dependency Injection

Page 29: Ember.js. Init

Run Loop

Page 30: Ember.js. Init

Об'єктна модель• Має ООП модель схожу на Ruby • Класи • Наслідування • Класи можна перевідкривати • Міксін • Можна підписуватися на зміну властивостей • Проксі об’єкти • Геттери-сеттери • Залежні атрибути • Аліаси

Page 31: Ember.js. Init

Mixin

Page 32: Ember.js. Init

Component

Page 33: Ember.js. Init

Computed properties

Page 34: Ember.js. Init
Page 35: Ember.js. Init
Page 36: Ember.js. Init

https://gitter.im/dev-ua/ember

Page 37: Ember.js. Init

http://www.ember-club.kiev.ua/

Page 38: Ember.js. Init

http://emberwatch.com/

Page 39: Ember.js. Init

http://emberjs.jsbin.com/

Page 40: Ember.js. Init

?