2. ❖ О проекте
❖ Почему AngularJS 1.x?
❖ Почему Angular 2+?
3. О проекте и условиях
● Платформа для саб-сайтов
Homepage: https://domain.com
Subsite homepage: https://domain.com/subsitename
● Система гибких виджетов
● Большой объем данных
● Сжатые сроки и неопытные члены команда
4. Почему AngularJS 1.x?
● Большая база знаний и готовых решений (ограниченное
время, фокус на бизнес логике)
● Активное, отзывчивое сообщество
(https://t.me/angular_js)
● Прост в освоении
● Все еще развивается
● Angular 2+ сайт написан на AngularJS :)
5. Почему Angular 2+?
● Отсутствие большой базы знаний и готовых решений
(менее ограниченное время)
● Активное, отзывчивое сообщество
(https://t.me/angular_ru).
● TypeScript
● ...
15. Angular сборка от yeoman
http://yeoman.io/ - инструмент для создания сборки.
https://github.com/yeoman/generator-angular - cборка
для Angular 1 (grunt, gulp)
16. Шаги :
● $ npm install -g grunt-cli bower yo
generator-karma generator-angular
● $ yo angular
17.
18. Yeoman Angular generator
● Простота установки;
● gulp или grunt;
● templates и минификация проекта;
● console commands:
yo angular:service myService
yo angular:controller myController
● karma тесты.
19. ❖ HTML5 push state
❖ UI Router
Routing. Subdomains
21. UI Router
● Path, query параметры, а также non-url параметры
● Архитектура приложения на основе state
● Tabs на основе state
● Resolve
● Subdomains
25. ➢ Необходим при
больших объемах
данных
➢ Сортировка,
фильтрация и
пейджинг.
DrupalAngular
➢ Небольших объемах
данных
➢ без лишних запросов
➢ Прост в применении
31. “Подводные камни”
➢ Прототипирование
➢ Local и Dev окружение
➢ Drupal как proxy для Web Services
➢ Drupal.t(), drupalSetting для Headless Drupal
➢ Drupal 404 page
33. AngularJS и SEO
● https://prerender.io/
● Deprecating of Google AJAX crawling scheme
(https://webmasters.googleblog.com/2015/10/deprecati
ng-our-ajax-crawling-scheme.html)
● Используйте Fetch as Google
(https://www.google.com/webmasters/tools/googlebot-f
etch)
● ⚠ Baidu поиcковик