Ember.js. Init...
Тимур Болотюх
Що таке новий веб?
• Односторінковий веб (SPA)
• Мобільні додатки
• Веб додатки не відрізняються від нативних
• Дані на клієнті
Чому ?
Ember.js. Init...
Ember.js. Init...
Yehuda KatzTom Dale
Історія Ember.js
Хто використовує Ember.js?
Що дає нам Ember.js
• Допомагає будувати архітектуру десктопного рівня

• Формує архітектуру додатку

• Робить багато того, що другі фреймворки не роблять

• Ember страється звільнити час для вирішення ваших проблем

• Забезпезпечити вас інструментами

• Дозволяє писати код асинхронно
Ember.js. Init...
Router
Route
Model
Ember.js. Init...
Controller
Ember.js. Init...
View
Ember.js. Init...
Templates
Chris Wanstrath - Mustache.rb
Jan Lehnardt - Mustache.js
<h1>Hello, {{username}}</h1>
Logic-less Templates
Основні концепції
&
Feature
Кодогенерація
Кодогенерація
Convention over
configuration
App.PostRoute

App.PostController

App.PostModel

App.PostView

post.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
Ember.js. Init...
Ember.js. Init...
https://gitter.im/dev-
ua/ember
http://www.ember-club.kiev.ua/
http://emberwatch.com/
http://emberjs.jsbin.com/
?

More Related Content

PDF
Як протерти штани в коледжі, щоб потім заробити на нові
PDF
Behat & Mink поспішають на допомогу
PDF
Шлях від студента до веб-розробника
PDF
Behat & Mink. Rescue rangers
PDF
Conversion centered design 3
PDF
Discovery phase
PPTX
Stfalcon QA Meetup 31.01.2020
PPTX
Stfalcon QA Meetup 31.01.2020
Як протерти штани в коледжі, щоб потім заробити на нові
Behat & Mink поспішають на допомогу
Шлях від студента до веб-розробника
Behat & Mink. Rescue rangers
Conversion centered design 3
Discovery phase
Stfalcon QA Meetup 31.01.2020
Stfalcon QA Meetup 31.01.2020

More from Stfalcon Meetups (20)

PDF
Stfalcon PM Meetup 21.11
PDF
Stfalcon PM Meetup 21.11
PDF
Design of the_future_30_05_2019
PPTX
2 5404811386729530203
PDF
Team evolution
PDF
Mobile&Privacy
PDF
Global sales - a few insights
PDF
How to build your own startup
PDF
Первая и последняя встреча с клиентом
PPTX
Парнерство нидерланды
ODP
Риси гарного менеджера
PPTX
Между заказчиком и разработчиком
PPTX
Cv vs resume
PPTX
PPTX
майстер-клас “Управління ризиками”
PPTX
Kubernetes: від знайомства до використання у CI/CD
PPTX
Як ефективно працювати в мережі LinkedIn
PDF
HR-правила на кожен день
PPTX
Не Scrum'ом єдиним: інструменти і фреймворки, які підійдуть під будь-які прое...
PDF
Юридичні моменти ІСО, криптовалют і майнінгу
Stfalcon PM Meetup 21.11
Stfalcon PM Meetup 21.11
Design of the_future_30_05_2019
2 5404811386729530203
Team evolution
Mobile&Privacy
Global sales - a few insights
How to build your own startup
Первая и последняя встреча с клиентом
Парнерство нидерланды
Риси гарного менеджера
Между заказчиком и разработчиком
Cv vs resume
майстер-клас “Управління ризиками”
Kubernetes: від знайомства до використання у CI/CD
Як ефективно працювати в мережі LinkedIn
HR-правила на кожен день
Не Scrum'ом єдиним: інструменти і фреймворки, які підійдуть під будь-які прое...
Юридичні моменти ІСО, криптовалют і майнінгу
Ad

Ember.js. Init...