Angular

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

Ознакомьтесь с программой курса «Angular» от PurpleSchool - purpleschool.ru

1. Введение в Angular. Почему Angular, Как устроен курс, Обзор проекта, Проекты домашних заданий, Знакомство с автором, Обзор курсов, Работа на платформе, AI и тренажёры, Практика на проекте, Рекомендуемый курс.
2. Настройка окружения. Настройка окружения, Настройка VS Code, Настройка NVM, Создание первого проекта (вручную), Упражнение - Создание первого проекта (через CLI), Настраиваем ESLint, Настраиваем Prettier, Домашнее задание AI, Домашнее задание - Настройка окру…
3. Основы Angular. Создаём новое приложение, Компоненты, Инкапсуляция стилей, Input-события, Привязки данных, @Output события, Упражнение - Доработка кнопки под работу с событиями, Переменные в шаблоне. Доступ к DOM через ViewChild и ContentChild, Проекция данны…
4. Маршрутизация. Определение маршрутов, Создание ссылок, Параметры маршрута и параметры строки запроса, Программная навигация, Дочерние маршруты, Ограничение доступа, Упражнение - Реализация боковой навигации, Тест - Маршрутизация, Занятие - Маршрутизация, Дома…
5. Директивы. Типы директив. ngClass и ngStyle, В чём отличие директивы от компонента, Создание атрибутивных директив, Создание структурной директивы, Упражнение - Делаем страницу Обмен, Тест - Директивы, Занятие - Директивы, Тренажёр - Директивы, Домашнее задан…
6. Пайпы. Встроенные пайпы, Async pipe, Pure и Impure пайпы, Создание своих пайпов, Упражнение - Верстаем страницу курсы, Тест - Пайпы, Занятие - Пайпы, Тренажёр - Пайпы, Домашнее задание - Пайпы.
7. Работа с данными. Асинхронность в Angular: эволюция от Observable к Signals, Использование RxJs в Angular, Операторы RxJS, Сигналы в Angular, Взаимодействие RxJS и Сигналов, Когда использовать RxJS, а когда Сигналы?, Упражнение - Переходим на сигналы, Упражне…
8. Сервисы, внедрение зависимостей. Сервисы в Angular, Внедрение сервисов в приложение и другие сервисы. Часто возникающие ошибки, Инжекторы и иерархия инжекторов, Angular DI, Создаём хранилище данных, Упражнение - Создаём сервисы и сторы для данных, Тест - Серв…
9. Работа с формами. Формы в Angular, Template-driven формы, Реактивные формы, Упражнение - Реализация контрола ввода пароля через CVA, Сигнальные формы, Валидаторы. Создание своего валидатора, Упражнение - Реализация контрола поиска, Тест - Работа с формами, За…
10. Http и взаимодействие с сервером. HttpClient и отправка GET/POST запросов, Реализация авторизации, логаута, Интерцепторы. Авторизация запросов в Angular, Упражнение - Получение данных с бекенда, Обработка ошибок, Упражнение - Реализация дашборда приложения, Т…
11. Заключение. Куда двигаться дальше, Финальное тестирование, Собеседование с AI наставником, Практика собеседования с AI.
12. Практика на проекте. Основы Scrum, Старт задачи, Выполнение задачи, Код ревью, Старт работы.

Чему вы научитесь

• Научитесь уверенно работать с темой: работа с данными. асинхронность в angular эволюция от observable к signals, использование rxjs в angular, операторы rxjs, сигналы в angular, взаимодействие rxjs и сигналов, когда и…
• Научитесь создавать и применять: реализация контрола ввода пароля через cva, сигнальные формы, валидаторы. создание своего валидатора, упражнение.
• Научитесь создавать и применять: создание первого проекта (через cli), настраиваем eslint, настраиваем prettier, домашнее зад…
• Освоите и сможете применять: доработка кнопки под работу с событиями, переменные в шаблоне. доступ к dom чере…
• Освоите и сможете применять: получение данных с бекенда, обработка ошибок, упра…