Angular

• Почему Angular
• Как устроен курс
• Обзор проекта
• Проекты домашних заданий
• Знакомство с автором
• Обзор курсов
• Работа на платформе
• AI и тренажёры
• Практика на проекте
• Рекомендуемый курс

• Настройка окружения
• Настройка VS Code
• Рекомендуемый курс
• Настройка NVM
• Создание первого проекта (вручную)
• Упражнение — Создание первого проекта (через CLI)
• Настраиваем ESLint
• Настраиваем Prettier
• Домашнее задание AI
• Домашнее задание — Настройка окружения

• Создаём новое приложение
• Компоненты
• Инкапсуляция стилей
• Input-события
• Привязки данных
• @Output события
• Упражнение — Доработка кнопки под работу с событиями
• Переменные в шаблоне. Доступ к DOM через ViewChild и ContentChild
• Проекция данных в Angular. Декоратор @ContentChild
• Компоненты и модули. Автономные (standalone) компоненты
• Dumb и Smart компоненты
• Упражнение — Создаём компонент ввода текста
• Условные конструкции и типы: @if / *ngIf
• Итерирование в шаблоне Angular @for / *ngFor
• Условные конструкции и типы @switch/ *ngSwitch
• Упражнение — Создаем компонент ввода пароля
• Жизненный цикл компонента
• Упражнение — Создаём layout авторизации
• Механизмы отслеживания изменений
• Тест — Основы Angular
• Занятие — Основы Angular
• Тренажёр — Основы Angular
• Домашнее задание — Основы Angular

• Определение маршрутов
• Создание ссылок
• Параметры маршрута и параметры строки запроса
• Программная навигация
• Дочерние маршруты
• Ограничение доступа
• Упражнение — Реализация боковой навигации
• Тест — Маршрутизация
• Занятие — Маршрутизация
• Домашнее задание — Маршрутизация

• Типы директив. ngClass и ngStyle
• В чём отличие директивы от компонента
• Создание атрибутивных директив
• Создание структурной директивы
• Упражнение — Делаем страницу Обмен
• Тест — Директивы
• Занятие — Директивы
• Тренажёр — Директивы
• Домашнее задание — Директивы

• Встроенные пайпы, Async pipe
• Pure и Impure пайпы
• Создание своих пайпов
• Упражнение — Верстаем страницу курсы
• Тест — Пайпы
• Занятие — Пайпы
• Тренажёр — Пайпы
• Домашнее задание — Пайпы

• Асинхронность в Angular: эволюция от Observable к Signals
• Использование RxJs в Angular
• Операторы RxJS
• Сигналы в Angular
• Взаимодействие RxJS и Сигналов
• Когда использовать RxJS, а когда Сигналы?
• Упражнение — Переходим на сигналы
• Упражнение — Верстаем хидер
• Тест — Работа с данными
• Занятие — Работа с данными
• Тренажёр — Работа с данными
• Домашнее задание — Работа с данными

• Сервисы в Angular
• Внедрение сервисов в приложение и другие сервисы. Часто возникающие ошибки
• Инжекторы и иерархия инжекторов
• Angular DI
• Создаём хранилище данных
• Упражнение — Создаём сервисы и сторы для данных
• Тест — Сервисы, внедрение зависимостей
• Занятие — Сервисы, внедрение зависимостей
• Домашнее задание — Сервисы, внедрение зависимостей
• Отзыв о курсе

• Формы в Angular
• Template-driven формы
• Реактивные формы
• Упражнение — Реализация контрола ввода пароля через CVA
• Сигнальные формы
• Валидаторы. Создание своего валидатора
• Упражнение — Реализация контрола поиска
• Тест — Работа с формами
• Занятие — Работа с формами
• Тренажёр — Работа с формами
• Домашнее задание — Работа с формами

• HttpClient и отправка GET/POST запросов
• Реализация авторизации, логаута
• Интерцепторы. Авторизация запросов в Angular
• Упражнение — Получение данных с бекенда
• Обработка ошибок
• Упражнение — Реализация дашборда приложения
• Тест — Http и взаимодействие с сервером
• Занятие — Http
• Домашнее задание — Http

• Куда двигаться дальше
• Финальное тестирование
• Собеседование с AI наставником
• Практика собеседования с AI

• Основы Scrum
• Старт задачи
• Выполнение задачи
• Код ревью
• Старт работы

Сертификат