Ember.js. Init

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

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

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

Чому ?

Yehuda KatzTom Dale

Історія Ember.js

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

Що дає нам Ember.js

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

Router

Route

Model

Controller

View

Templates

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

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

Logic-less Templates

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

Feature

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

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

Convention over configuration

App.PostRouteApp.PostControllerApp.PostModelApp.PostViewpost.hbs

url: /post

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

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

Promises

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

Dependency Injection

Dependency Injection

Run Loop

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

Mixin

Component

Computed properties

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

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

http://emberwatch.com/

http://emberjs.jsbin.com/

?