Рецепт приготовления beta.2gis.ru

Илья Таратухин

Transcript

1. Рецепт приготовления beta.2gis.ru Илья Таратухин i.taratuhin@2gis.ru @darkilfa
2. О чем доклад 1. Почему нам не подошел Knockout 2. Единый код на клиенте и сервере 3. History API 4. Модули 5. Организация frontend разработки 6. Сборка приложения, Grunt 7. Выкатываем на бой 2
4. 2gis.ru 1. Работает на клиенте 2. Knockout 3. Приложение построено на биндингах 4
5. Проблемы 2gis.ru 1. Запустили архитектуру 2. Долго инициализируемся на клиенте 3. Отдаем SEO­версию через PHP­костыли 5
8. Javascript
9. Инструментарий • Handlebars • Jquery • Underscore • Собственный фреймворк • Grunt • Jenkins + Ansible 9
10. История
11. History API • pushState • replaceState • statechange 11
12. Модули
17. Модули
18. События • notify('event', params) • broadcast('moduleType:event', params) 18
19. Тупой шаблонизатор
20. А как быть с версткой?
22. Дегустируем приложение
23. Дегустируем приложение • Unit­тесты • Dom­тесты • jshint, jslint • Прочие проверки 23
25. Сервируем приложение
26. Grunt
27. Выливаем на бой
28. Выливаем на бой 1. Собираем в Jenkins 2. Выливаем на стейджинг 3. Выливаем на бой Ansible 28
29. Илья Таратухин darkilfa@gmail.com @darkilfa 29