angular-course.md

Курс Angular

Что необходимо перед стартом курса:

• Уверенные знания и опыт работы с JavaScript
• Базовые знания Git
• Присоединиться к чату https://discord.gg/Uazp6s в Discord, раздел ANGULAR.

Тренера курса:

• Pavel Razuvalau
• Aleh Serhiyenia
• Dzianis Davydau

Общение. Каналы связи

Все общение в рамках курса происходит в чатах Discord.

Учебный план

Модуль #1. Angular intro. TypeScript

• Введение в курс.
• Общие сведения об Angular.
• Что такое Angular-cli.
• Компиляция приложения. Angular Ivy.
• Обработка событий в Angular.
• Основы Typescript.
• Выдача первого задания.

Задание:

• Angular intro
• Deadline: смотрите в расписании
• Ментор: Aleh Serhiyenia

Материалы для изучения

• Лекция (видео)
• Примеры из видео
• Слайды
• https://www.typescriptlang.org/docs/home.html
• https://www.typescriptlang.org/docs/handbook/basic-types.html
• https://www.typescriptlang.org/play/index.html
• https://cli.angular.io/
• https://angular.io/cli
• https://angular.io/tutorial

Модуль #2. Angular. Components.

• Базовая структура приложения.
• Что такое Components, шаблоны.
• Двухсторонее связывание.
• Жизненный цикл Components.
• Взаимодействие Components.
• Создание и использование Components в приложении.

Материалы для изучения:

• Лекция(видео)
• Примеры из видео
• Слайды
• https://angular.io/tutorial
• https://angular.io/tutorial/toh-pt1
• https://angular.io/tutorial/toh-pt2
• https://angular.io/tutorial/toh-pt3
• https://angular.io/guide/architecture-components
• https://angular.io/guide/displaying-data
• https://angular.io/guide/template-syntax
• https://angular.io/guide/lifecycle-hooks
• https://angular.io/guide/component-interaction

Модуль #3. Angular. Directives & Pipes.

• Базовые знания о Directives. Понятие Атрибутивных и Структурных Directives. Встроенные Directives.
• Создание Directives.
• Понятие Decorators и взаимодействие с пользователем с помощью Directives.
• Базовые знания о Pipes. Параметры. Цепочки Pipe. Встроенные Pipe.
• Создание Pipe.

Лекция. Q&A:

• Дата: смотрите в расписании
• Тренер: Aleh Serhiyenia

Материалы для изучения:

• Лекция(видео)
• Примеры из видео
• Слайды
• https://angular.io/api/core/Directive
• https://angular.io/guide/attribute-directives
• https://angular.io/guide/structural-directives
• https://angular.io/api/core/Pipe
• https://angular.io/guide/pipes
• https://angular.io/api/common
• https://angular.io/guide/cheatsheet

Задание:

• Angular. Components, Directives, Pipes
• Deadline: смотрите в расписании
• Ментор: Aleh Serhiyenia

Task review:

• Разбор задания Angular intro.
• Выдача нового задания Angular. Components, Directives, Pipes.
• Дата: смотрите в расписании.
• Ментор: Aleh Serhiyenia.

Модуль #4. Angular. Modules & Services, Dependency injection

• Что такое модули, зачем они нужны, как их использовать.
• CoreModule и SharedModule.
• Понятие Services, их задачи.
• Понятие Dependency injection, что это и как его использовать.

Материалы для изучения:

• Лекция(видео)
• Примеры из видео
• Слайды
• https://angular.io/tutorial/toh-pt4
• https://angular.io/guide/architecture-modules
• https://angular.io/guide/ngmodules
• https://angular.io/guide/ngmodule-faq
• https://angular.io/guide/architecture-services
• https://angular.io/guide/dependency-injection
• https://angular.io/guide/dependency-injection-providers
• https://angular.io/guide/dependency-injection-in-action
• https://www.freelancermap.com/freelancer-tips/12255-forroot-forchild-angular

Лекция. Q&A:

• Дата: смотрите в расписании
• Тренер: Dzianis Davydau

Модуль #5. Angular. Routing

• Основы маршрутизации.
• Директива RouterOutlet.
• Множественная маршрутизация. Маршруты с параметрами.
• Router guards.
• Асинхронная загрузка.

Материалы для изучения:

• Лекция(видео)
• Примеры из видео
• Слайды
• https://angular.io/tutorial/toh-pt5
• https://angular.io/guide/router
• https://angular.io/api/router
• https://angular.io/api/router/RouterLinkActive
• https://angular.io/api/router/ActivatedRoute
• https://angular.io/api/router/Resolve

Задание:

• Angular. Modules & Services, Routing
• Deadline: смотрите в расписании
• Ментор: Aleh Serhiyenia

Task review:

• Разбор задания Angular. Components, Directives, Pipes.
• Выдача нового задания Angular. Modules & Services, Routing.
• Дата: смотрите в расписании.
• Ментор: Aleh Serhiyenia.

Модуль #6. Angular. HTTP. RxJS & Observables

• Принципы реактивного программирования для JavaScript.
• Observable. Subject. Операторы RxJS.
• Модуль HttpClientModule.
• Объект HttpTypeEvent.
• Перехват HTTP-запросов с помощью Http Interceptor.

Материалы для изучения HTTP:

• Лекция HTTP (видео)
• Примеры из видео (часть 1)
• Примеры из видео (часть 2)
• Слайды
• https://angular.io/tutorial/toh-pt6
• https://angular.io/guide/http
• https://angular.io/api/common/http
• https://angular.io/api/common/http/HttpClient
• https://angular.io/api/common/http/HttpResponse
• https://angular.io/api/common/http/HttpHeaders
• https://angular.io/api/common/http/HttpParams

Материалы для изучения RxJS & Observables:

• Лекция RxJS & Observables (видео)
• Примеры из видео
• Слайды
• https://rxjs-dev.firebaseapp.com/api
• http://rxmarbles.com/
• https://www.learnrxjs.io/
• https://www.npmjs.com/package/rxjs

Лекция. Q&A:

• Тренер: Dzianis Davydau

Задание:

• Angular. RxJS & Observables. HTTP
• Deadline: смотрите в расписании
• Ментор: Aleh Serhiyenia

Task review:

• Разбор задания Angular. Modules & Services, Routing.
• Выдача нового задания Angular. RxJS & Observables. HTTP.
• Дата: смотрите в расписании.
• Ментор: Aleh Serhiyenia.

Модуль #7. Angular. Redux & NgRx

• О библиотеке NgRx
• Управление состоянием хранилища. Store, Actions, Reducers, Selectors.
• Использование Effects.
• Преимущества NgRx.

Лекция. Q&A:

• Дата: смотреть в расписании
• Тренер:

Материалы для изучения:

• Лекция (видео)
• Слайды

Модуль #8. Angular. Unit test.

• Структура теста.
• Тестирование компонентов с помощью TestBed.
• Тестирование компонентов с подходом Test host.
• Тестирование вложенных компонентов.

Лекция. Q&A:

• Дата: смотреть в расписании
• Тренер: Aleh Serhiyenia

Материалы для изучения:

• Лекция (видео)
• Примеры из видео
• Слайды
• https://angular.io/guide/testing
• https://blog.stevensanderson.com/2009/08/24/writing-great-unit-tests-best-and-worst-practises/​
• https://www.kenneth-truyers.net/2012/12/15/key-qualities-of-a-good-unit-test/
• https://www.youtube.com/watch?v=Eu35xM76kKY
• https://github.com/stas-dolgachov/angular-testing-lecture

Task review:

• Разбор задания Angular. RxJS & Observables. HTTP.
• Дата: смотрите в расписании.
• Ментор: Aleh Serhiyenia.

Cross-check YouTube client app

• Дата старта: смотрите в расписании
• Дата окончания: смотрите в расписании

Итоговый тест по Angular

• Дата старта: смотрите в расписании
• Дата окончания: смотрите в расписании
• Тренер: