Сложные социальные приложения с помощью JS MVC фреймворков

564
-1

Published on

Презентация Владимира Людинова "Сложные социальные приложения с помощью JS MVC фреймворков" с конференции Z-Tech 9.02.2013

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
564
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
4
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Сложные социальные приложения с помощью JS MVC фреймворков

  1. 1. Сложные социальныеприложения с помощьюJS MVC фреймворковVladimir Ludinov @ Stuzo
  2. 2. Обо мне 10+ лет в веб разработке 3 лет в Stuzo как front-end developer 30+ Facebook приложений
  3. 3. История развития веба 1999 - XMLHttpRequest 2002 - ASP, JSP, PHP 2005 - “Ajax” 2006 - jQuery 2008 - JavascriptMVC 2010 - Backbone
  4. 4. Социальные приложения Сложная логика интерфейса Множество визуальных компонентов Краткие сроки
  5. 5. jQuery подход
  6. 6. Проблемы Нечитаемый код Связанный код Одноразовый код Часто все в одном файле Сложно поддерживать
  7. 7. Требования Читаемость Повторное использование Простота поддержки
  8. 8. JS фреймворки Widget based: ExtJS, Qooxdoo ... Toolkits: YUI, Dojo, ... Microframeworks MVC: 30+
  9. 9. MVC шаблон (1970) Разделение сфер влиянияMVC, MVP, MVVM...MV* (MV Whatever)
  10. 10. Копроненты JS MVC Система модулей (OOP, injectors, mixins) Шина событий (сообщений) Шаблонизатор Ajax и роутинг хелперы
  11. 11. С jQuery на Backbonehtml:
  12. 12. С jQuery на Backbonejs:
  13. 13. Представления
  14. 14. Модели и инициализация
  15. 15. Выводы Кода в два раза больше Более структурированный код Читабельный ? – Предсказуемый! Более поддерживаемый код
  16. 16. TodoMVC30+ фреймворков
  17. 17. Критерии выбора Зрелость фреймворка Сообщество Документация Дополнительные возможности Личное впечатление
  18. 18. Top 3 Angular Backbone Ember
  19. 19. Backbone Достоинства  Предстказуемый код  Очень гибкий  Хорошо документирован  Большое сообщество  Расширенные возможности представления (Chaplin) Недостатки  Много кода инициализации
  20. 20. Ember Достоинства  2-хсторонняя привязка данных  Сильное сообщество Недостатки  Оченьплохая документация  Сложная архитектура
  21. 21. Уникальные особенности Angular 2-х сторонняя привязка данных Декларативные шаблоны
  22. 22. Просто работает
  23. 23. Или более в “MVC стиле”
  24. 24. «Из коробки» Удобный роутинг Валидация форм Rest хелпер
  25. 25. Валидация форм
  26. 26. Rest хелпер
  27. 27. «Из коробки» Директивы Фильтры Локализация
  28. 28. Директивы, Фильтры, Локализация
  29. 29. «Из коробки» Реализация «promise»
  30. 30. Реализация «promise»
  31. 31. Angular Достоинства  Гораздо меньше кода  Доп. возможности из коробки Недостатки  «Магия» – Высокий порог входа  Слабые возможности представления  Вложенные представления  Модальные диалоги
  32. 32. Ссылки https://github.com/kjbekkelund/writings/blob/m aster/published/understanding-backbone.md http://todomvc.com/ http://angularjs.org http://emberjs.com/api/ http://chaplinjs.org/
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×