Тімур Болотюх Веб розробник компанії stfalcon.com, захоплююсь новими технологіями, люблю отримувати задоволення від роботи

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

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

4. Чому ?

7. Yehuda KatzTom Dale
Історія Ember.js

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

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

11. Router

12. Route

13. Model

15. Controller

17. View

19. Templates

20. Chris Wanstrath - Mustache.rb
Jan Lehnardt - Mustache.js
<h1>Hello, {{username}}</h1>
Logic-less Templates

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

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

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

24. Convention over
configuration
App.PostRoute
App.PostController
App.PostModel
App.PostView
post.hbs
url: /post

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

26. Promises

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

28. Dependency Injection

29. Run Loop

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

31. Mixin

32. Component

33. Computed properties

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

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

38. http://emberwatch.com/

39. http://emberjs.jsbin.com/

40. ?