React и Angular для разработки веб-приложений

 

Код курса: React_Angular.

Продолжительность обучения: 40 уч. часов/8-10 дней.

Сроки проведения: по согласованию с заказчиками.

Время проведения курса:  по согласованию с заказчиками .

 

Курс предназначен для разработчиков веб-сайтов, программистов. Программа формирует знания и навыки создания разнообразных виджетов, трендовых возможностей функционала на веб-страницах. Основу курса составляют практические занятия по применению библиотеки React и фреймворка Angular.

• Знания и опыт разработки веб-ресурсов с использованием HTML5, CSS, JavaScript, AJAX
• Понимание принципов объектно-ориентированного программирования.

Программа курса:

1.    React - знакомство, окружение
1.1.    Среда разработки: Visual Studio Code, DOS и командная строка, работа с git и github
1.2.    Знакомство с React
1.3.    Передача свойств компонентам, значения свойств по умолчанию, проверка типов свойств
1.4.    VDOM и оптимизация отрисовки компонентов
1.5.    Соглашения об именовании и расположении исходных файлов
1.6.    Вложенные компоненты
2.    React - события, состояние компонента. npm
2.1.    Модель данных приложения
2.2.    Особенности работы с элементами форм
2.3.    Неконтролируемые и контролируемые компоненты
2.4.    Обработка событий
2.5.    Паттерн "callback", взаимодействие дочерних компонентов с родительскими
2.6.    Состояние компонента, асинхронность его изменений, типовые приёмы работы с состоянием
2.7.    Управляемые и неуправляемые компоненты
2.8.    Stateless и stateful компоненты
2.9.    Чистые компоненты
2.10.    Знакомство с Node.js и npm, semver
3.    Управление зависимостями проекта. Сборка проекта. JSX
3.1.    Управление зависимостями проекта
3.2.    lite-server, browsersync
3.3.    Webpack
3.4.    ES6-модули и CommonJS-модули
3.5.    Возможности ES6
3.6.    Babel
3.7.    Подходы к автобиндингу методов компонентов
3.8.    React 16
3.9.    JSX, понимание декларативного и императивного подходов
3.10.    Плагины React для браузеров
3.11.    Приёмы и особенности работы с JSX
4.    React - жизненный цикл компонентов, оптимизация отрисовки. EventEmitter
4.1.    Сборка с webpack-dev-server
4.2.    Методы жизненного цикла компонентов
4.3.    Типовые подходы к реакции на изменение свойств компонентов
4.4.    Компоненты в функциональном стиле
4.5.    EventEmitter, паттерн "наблюдатель"
4.6.    Работа с props.children
4.7.    Получение ссылок на дочерние компоненты и HTML-элементы
4.8.    Оптимизация отрисовки, глубокое сравнение
5.    React - роутинг, тестирование. Fetch API
5.1.    PureComponent, иммутабельные изменения
5.2.    Типовые ошибки при работе с PureComponent
5.3.    Memoizee, Immutable.js
5.4.    Роутинг
5.5.    Промисы, Fetch API, isomorphic-fetch, AJAX
5.6.    Jest, тестирование модели данных и отрисовки компонентов
5.7.    Create-react-app
6.    Архитектурный паттерн Redux
6.1.    Архитектурный паттерн Redux - actions, action creators, диспетчеризация, reducers, иммутабельность состояния
6.2.    Подписка React-компонентов на изменение Redux state
6.3.    Middleware, работа с асинхронными изменениями, redux-thunk, работа с AJAX
7.    TypeScript - типы данных, ООП
7.1.    Знакомство с TypeScript
7.2.    Типы данных
7.3.    Перечисления, кортежи, объединённые типы
7.4.    Типизация переменных, массивов, хэшей, функций, автотипизация
7.5.    Псевдонимы типов
7.6.    Преобразование типов, защитники типов
7.7.    Перегрузка функций
7.8.    ER-диаграммы
7.9.    Классы, статические члены, readonly-члены классов
7.10.    Наследование
7.11.    Преобразование типов классов, принципы открытости/закрытости и Лисков
7.12.    Защитники классов
8.    TypeScript - интерфейсы, параметризация
8.1.    Модификаторы доступа к членам класса, автодекларация членов класса
8.2.    Аксессоры (методы доступа)
8.3.    Абстрактные классы
8.4.    Интерфейсы
8.5.    Принцип инверсии зависимостей, принципы SOLID
8.6.    Наследование интерфейсов
8.7.    Преобразование типов интерфейсов
8.8.    Параметризация (обобщение, дженерализация) классов, интерфейсов, функций
8.9.    Декораторы (аннотации)
8.10.    Пространства имён, модули
8.11.    Декларативные файлы
9.    Angular - входные и выходные свойства, управление стилями и классами
9.1.    Знакомство с Angular 5
9.2.    Конфигурационные файлы
9.3.    Angular-cli
9.4.    Интерполяция
9.5.    Входные свойства, привязка стилей, классов, текстового содержимого
9.6.    Выходные свойства, обработка событий
9.7.    Двусторонний биндинг
9.8.    Разработка входных и выходных свойств, двусторонний биндинг
9.9.    Стили, изоляция CSS-описаний, селекторы Shadow DOM
10.    Angular - каналы, директивы, службы
10.1.    Получение ссылок на дочерние компоненты и HTML-элементы в темплейтах и классах компонентов
10.2.    Работа с формами и элементами форм (template-driven), NgForm и NgModel
10.3.    Валидация форм
10.4.    Каналы, разработка каналов
10.5.    Директивы - атрибутные, структурные, директивы компонентов
10.6.    Директивы ngIf, ngFor, ngSwitch
10.7.    Жизненный цикл компонентов и директив
10.8.    Службы, провайдеры класса, значения, фабрики, существующей службы
10.9.    Внедрение зависимостей
10.10.    Службы как источники данных
11.    Angular - разработка директив, RxJS, HttpClient, роутинг, тестирование
11.1.    Разработка атрибутных директив, работа со свойствами и событиями хост-элемента
11.2.    RxJS, паттерн "наблюдатель", управление потоком событий, Observer, Observable
11.3.    HttpClient, работа с AJAX
11.4.    Модули
11.5.    Роутинг
11.6.    Тестирование компонентов