Курс "Разработка WEB приложений на Angular"
Курс расcчитан для начинающих веб разработчиков, цель которого — научить разрабатывать веб приложения на Angular фреймворке. Желательно, чтобы вы уже имели базовые основы HTML/CSS/JS. Курс состоит из трех частей: компоненты и компонентный подход, формы и навигация, подключение сторонних библиотек и тестирование.
В мире фронтенд разработки все стремительно быстро меняется, мы будем использовать самые последние версии фреймворка и окружающих его библиотек.
В процессе курса вас будет курировать ментор, обычно это тимлид на одном из реальных проектов компании One technologies, у которого за плечами большой технический опыт. Он будет давать вам обратную связь, делать code review и проводить лекции.
Структура курса
- Курс длится 8 недель и состоит из 16 уроков
- Будет два экзамена: промежуточный и финальный.
- Командная работа над общим проектом с backend разработчиками
Оценка ученика
- посещения, выполнение домашних заданий , экзамены
Требования к курсу
- ноутбук
- базовые знания HTML/CSS/JS
- дисциплинированность посещения занятий и хорошее настроение
Силлабус
Материалы курса будут добавлены по мере проведения занятий
| № | Тема урока | Презентация | Лекция | Задачи |
|---|---|---|---|---|
| 1 | Introduction: архитектура Angular, Angular CLI | link | link | link |
| 2 | Typescript: class, interface, types | link | link | link |
| 3 | Компоненты: декораторы, parent-child interaction | link | link | link |
| 4 | Pipes: async pipe, pure inpure pipe | link | link | link |
| 5 | Директивы: структурные и атрибутные директивы | link | link | link |
| 6 | Сервисы и внедрение зависимостей: HttpClient | link | link | link |
| 7 | Routing: guards, resolvers, lazy loading | link | link | link |
| 8 | Forms: reactive forms, formGroup, formArray, formControl, валидация данных | link | link | link |
| 9 | HttpClient | link | link | link |
| 10 | RxJS: Subject, observable, mergeMap, pipe | link | link | link |
| 11 | Unit tests: тестирование сервисов, пайпов, компонент | link | link | link |
| 12 | NgRx: reducers, actions, effects, stores | link | link | link |
| 13 | Perfomance: стратегии оптимизации cкорости загрузки страниц | link | link | link |
| 14 | Webpack: создание простого сборщика | link | link | link |
| 15 | Angular material | link | link | link |
| 16 | Авторизация: jwt, oauth2 | link | link | link |