Разработка web-приложений
на AngularJS

Докладчик: Алексей Пихтовников

До начала занятий...

Знать ответы на вопросы

  • Что такое переменные, массивы, объекты и функции в JS? Обязательно!
  • Что такое nodejs, npm, bower, gulp и для чего используются?
  • Что такое SASS, Jade и как используются?
  • Что такое framework, MVC, dependency injection?

Также...

  • Желательно познакомиться с методологией БЭМ.
  • И посмотреть, что из себя представляет ES6 и какие даёт возможности (на Хабре).

Подготовить платформу для разработки:

  1. установить IDE (по вашему усмотрению), git, nodejs (вместе с npm), bower;
  2. клонировать с GitHub учебный проект ng-start, выполнив команду git clone https://github.com/xsolla/summer-school-angular.git;
  3. перейти в директорию summer-school-angular;
  4. установить зависимости используя команду npm install;
  5. запустить демо проект командой npm run demo;
  6. если всё сделано верно, в браузере откроется страница с текстом «Главная страница».

План действий

  • Немного теории
  • Максимум примеров
  • Практика
  • Пара слов про Angular 2

Немного теории

  • Что такое AngularJS, область применения
  • Двунаправленное связывание данных и декларативный подход
  • Архитектура Angular приложения
  • Директивы, контроллеры, сервисы и фильтры
  • Библиотеки и расширения
  • Инструменты разработки

Декларативный подход вместо императивного

Сравним два подхода
привязки данных в шаблонах...

Императивная привязка через jQuery




    
    Привет

Привет

Декларативная привязка данных в AngularJS




    
    Привет, {{name}}!

Привет, {{name}}!

Примеры на Plunker

Приложение «Калькулятор»

Angular 2

Ссылки