Angular онлайн-курс [Skillbox] [Александр Поздняков]
Кому подойдёт этот курс:
Продажник:
Кому подойдёт этот курс:
- Разработчикам на JavaScript и TypeScript
Научитесь разрабатывать приложения используя фреймворк Angular и станете более востребованным специалистом.
- Начинающим Angular-разработчикам
Систематизируете знания по Angular, изучите современные подходы с использованием библиотеки RxJS, научитесь строить архитектуру с помощью сервисов и NgRx и сможете повысить свой уровень до Middle.
- Использовать компонентный подход
Сможете создавать приложения из компонентов и автоматизировать работу через Angular CLI. - Обмениваться данными через сервисы
Научитесь создавать сервисную архитектуру для обмена данными с сетью и внутри приложения. - Программировать в реактивном стиле
Сможете эффективнее работать с асинхронными событиями, используя библиотеку RxJS. - Оптимизировать рутинные задачи
Будете решать повседневные задачи используя директивы и пайпы, создавать маршрутизацию и работать со сложными формами. - Использовать Redux и NgRx
Создадите приложения с Redux-архитектурой, используя библиотеку NgRx. - Тестировать и оптимизировать приложения
Научитесь покрывать код тестами и оптимизировать производительность.
1. Введение в Angular
Узнаете, как устроена архитектура Angular и как используются компоненты, модули и сервисы. Научитесь создавать и конфигурировать Angular-приложения с помощью CLI.
2. Компоненты
Научитесь конфигурировать компоненты и передавать в них данные с помощью декоратора Input, выводить данные в шаблоны, пользоваться шаблонными ссылками, обрабатывать DOM-события.
3. EventEmitter, директивы и pipes
Научитесь организовывать взаимодействие между компонентами, используя EventEmitter, применять директивы (*ngIf, *ngSwitch, *ngFor) для управления атрибутами элементов, управлять выводом данных с помощью Pipes.
4. Навигация в приложении
Научитесь работать с роутингом в Angular, создавать динамические роутеры и считывать параметры ссылок. Узнаете, как управлять роутером при помощи Guards.
5. Сервисная архитектура в Angular
Научитесь создавать сервисы и применять их для обмена данными в приложении, использовать области видимости и внедрять зависимости, настраивать работу с HTTP и получать данные с API.
6. Продвинутая работа с HTTP
Научитесь обрабатывать ошибки при запросах к API, выполнять запросы с параметрами, отправлять http-заголовки, использовать перехватчики для модификации http-запросов.
7. RxJS
Изучите основы реактивного программирования. Научитесь использовать библиотеку RxJS.
8. Формы в Angular
Научитесь работать с формами: организовывать и обрабатывать шаблонные и реактивные формы, обновлять и валидировать формы и подписываться на их события.
9. Жизненный цикл, шаблоны и динамические компоненты
Узнаете, что такое жизненный цикл компонента и как его использовать, как Angular управляет обнаружением изменений. Научитесь работать с шаблонами и динамическими компонентами.
10. Продвинутые подходы
Научитесь использовать композицию компонентов, слоты, проекцию контента, создавать кастомные директивы, применять Renderer для манипуляции с DOM, организовывать код с помощью модулей.
11. RxJS и компоненты: продвинутые темы
Научитесь использовать различные виды потоков и Subjects в RxJS, делать multicast-потоки. Сможете создавать защищённые роуты и авторизацию по JWT.
12. Тестирование
Узнаете, какие есть виды тестов, чем отличаются инструменты для тестирования, что такое E2E-тестирование. Научитесь тестировать компоненты, директивы и сервисы.
13. Способы организации обмена данными
Узнаете, что такое State Management и как с этим работать в Angular. Изучите команды, редьюсеры, эффекты, селекторы, расширения Entity и Data в NgRx и научитесь их применять.
14. Дипломный проект - Интернет магазин
Вы создадите интернет-магазин на Angular.
Узнаете, как устроена архитектура Angular и как используются компоненты, модули и сервисы. Научитесь создавать и конфигурировать Angular-приложения с помощью CLI.
2. Компоненты
Научитесь конфигурировать компоненты и передавать в них данные с помощью декоратора Input, выводить данные в шаблоны, пользоваться шаблонными ссылками, обрабатывать DOM-события.
3. EventEmitter, директивы и pipes
Научитесь организовывать взаимодействие между компонентами, используя EventEmitter, применять директивы (*ngIf, *ngSwitch, *ngFor) для управления атрибутами элементов, управлять выводом данных с помощью Pipes.
4. Навигация в приложении
Научитесь работать с роутингом в Angular, создавать динамические роутеры и считывать параметры ссылок. Узнаете, как управлять роутером при помощи Guards.
5. Сервисная архитектура в Angular
Научитесь создавать сервисы и применять их для обмена данными в приложении, использовать области видимости и внедрять зависимости, настраивать работу с HTTP и получать данные с API.
6. Продвинутая работа с HTTP
Научитесь обрабатывать ошибки при запросах к API, выполнять запросы с параметрами, отправлять http-заголовки, использовать перехватчики для модификации http-запросов.
7. RxJS
Изучите основы реактивного программирования. Научитесь использовать библиотеку RxJS.
8. Формы в Angular
Научитесь работать с формами: организовывать и обрабатывать шаблонные и реактивные формы, обновлять и валидировать формы и подписываться на их события.
9. Жизненный цикл, шаблоны и динамические компоненты
Узнаете, что такое жизненный цикл компонента и как его использовать, как Angular управляет обнаружением изменений. Научитесь работать с шаблонами и динамическими компонентами.
10. Продвинутые подходы
Научитесь использовать композицию компонентов, слоты, проекцию контента, создавать кастомные директивы, применять Renderer для манипуляции с DOM, организовывать код с помощью модулей.
11. RxJS и компоненты: продвинутые темы
Научитесь использовать различные виды потоков и Subjects в RxJS, делать multicast-потоки. Сможете создавать защищённые роуты и авторизацию по JWT.
12. Тестирование
Узнаете, какие есть виды тестов, чем отличаются инструменты для тестирования, что такое E2E-тестирование. Научитесь тестировать компоненты, директивы и сервисы.
13. Способы организации обмена данными
Узнаете, что такое State Management и как с этим работать в Angular. Изучите команды, редьюсеры, эффекты, селекторы, расширения Entity и Data в NgRx и научитесь их применять.
14. Дипломный проект - Интернет магазин
Вы создадите интернет-магазин на Angular.
https://skillbox.ru/course/angular/