Курс по Angular 4.x
О чём курс
Этот профессиональный онлайн-курс по Angular 4.x создан для тех, кто стремится освоить разработку современных веб-приложений с использованием одного из самых мощных и востребованных фреймворков в индустрии. Программа обучения построена таким образом, чтобы вы могли пройти путь от базового понимания синтаксиса до создания сложных, масштабируемых и высокопроизводительных систем. Курс ориентирован на практическое применение знаний: в процессе обучения вы будете шаг за шагом разрабатывать реальное приложение, что позволит закрепить теоретические концепции на практике. Обучение проходит в интерактивном формате: вы получаете актуальную информацию, пишете код, демонстрируете его и получаете ценную обратную связь, советы и рекомендации от экспертов. Такой подход гарантирует, что вы не просто изучите теорию, но и научитесь мыслить как профессиональный Angular-разработчик.
Курс охватывает три ключевых блока. Первый блок посвящен основам компонентного подхода, который является фундаментом Angular. Вы научитесь правильно структурировать интерфейсы, работать с директивами, пайпами и внедрением зависимостей. Второй блок погружает вас в мир реактивного программирования с использованием RxJS, работу с HTTP-запросами, сложными формами, навигацией и архитектурными паттернами, такими как Redux и ngRx. Третий блок предназначен для продвинутых тем: анимации, оптимизации производительности, серверного рендеринга (SSR), тестирования (Unit и e2e) и глубокого понимания внутреннего устройства фреймворка. Мы внимательно следим за развитием экосистемы Angular, поэтому в курсе используются самые современные подходы и инструменты.
Почему стоит выбрать этот курс? Во-первых, это системный подход к обучению, который исключает пробелы в знаниях. Вы не просто копируете код, а разбираетесь в том, как работают механизмы Angular «под капотом». Во-вторых, вы научитесь работать со всей экосистемой: от интеграции сторонних библиотек, таких как AngularFire или AngularMaterial, до создания собственных библиотек компонентов. В-третьих, курс дает глубокое понимание архитектуры, что критически важно для поддержки больших проектов. На выходе вы будете обладать навыками быстрого прототипирования, умением превращать прототипы в стабильные приложения, навыками отладки и тестирования, а также глубоким пониманием жизненного цикла компонентов и механизмов обнаружения изменений (change detection). Этот курс станет мощным трамплином для вашей карьеры в веб-разработке, обеспечивая вас всеми необходимыми инструментами для создания профессиональных решений на Angular.
Программа обучения
Первая часть курса
- Основы TypeScript
- Система типов и ее применение
- Конфигурование проекта
- Классы и интерфейсы
- Декораторы
- Быстрый старт с Angular
- Пример базового приложения на Angular
- Знакомство с angular-cli
- Разработка простого компонента
- Специфика синтаксиса шаблонов Angular
- Компоненты, Директивы, Пайпы
- Компонентноориентированный подход создания приложения
- Применение директив из коробки (ngIf, ngClass, ngFor..)
- Вложенные компоненты
- Передача данных в компонент
- Создание своей директивы
- Pipe и фильтрация данных
- Сервисы и внедрение зависимостей (Dependency injection)
- Примеры сервис-провайдеров из коробки
- Способы создания провайдеров
- InjectionToken
- Мультипровайдеры
- Reflective vs Static Injector
Вторая часть курса
- Реактивное программирование (RxJS)
- Observable и его применение
- Учимся мыслить потоками
- Понимание Subject и его подвидов
- Работа с расписнием (Schedules)
- Работа с HTTP
- HTTPClient
- Интерсепторы http
- Работа с формами
- Модель формы и FormControl
- Простые(template-driven) и реактивные формы
- Валидация данных
- Асинхронный валидаторы
- Пишем свой элемент управления формой
- Навигация и маршрутизация
- Определение состояний
- Вложенные состояния
- Сервис для доступа к параметра состояния
- Хуки роутера
- Авторизация и контроль доступа к состояниям
- Множественное предтавление
- Ленивая загрузка(lazy loading) и предзагрузка модулей
- Angular + Redux
- Принципы Redux архитектуры
- ngRx
- Сайд эффекты
- Селекторы
Третья часть курса
- Анимация
- Основы анимации
- Анимация Angular
- Продвинутые компоненты
- Структурные директивы
- Жизненный цикл компонента
- Вывод контента с помощью ng-content (content projection)
- Динамические компоненты
- Сборка и оптимизация приложения
- Использование webpack
- Механизм обновления состояния (change detection)
- Серверный пререндеринг (SSR)
- ServiceWorkers
- Docker для эффективной разработки
- Автоматизированные тесты
- Unit-тесты и TDD (вместе с jasmine, karma и TestBed)
- Специфика тестирования компонентов и внедряемых сущностей
- Проверяем покрытие кода тестами.
- Функциональные(e2e) тесты с использованием protractor.
- Использование сторонних модулей
- Примеры использования популярных модулей: AngularFire, AngularMaterial, ng-bootstrap
- Интеграция не Angular библиотек
- Создание своей библиотеки
- Отладка приложения
- Разбор сущностей Angular в консоли
- Обзор вспомогательных инструментов (Augury)
- Погружение в исходный код фреймворка
Теги курса
Другие материалы школы 12
J javascript.ru Все материалыОтзывов пока нет. Будьте первым!
Этот курс сейчас в процессе организации складчины. Нажмите кнопку «Записаться» и ожидайте старта — вам придёт уведомление. Когда складчина стартует, в карточке курса будет указан актуальный взнос. Текущая цена пока в процессе формирования и может отличаться от финальной.
Да, мы стремимся, чтобы финальный взнос был не больше ≈10% от оригинальной цены курса. Чем больше участников записывается в складчину, тем ниже выходит взнос для каждого.
Нажмите кнопку «Записаться» и авторизуйтесь на сайте через email (через ту же почту, которую будете использовать для входа). В личном кабинете вас будут ждать инструкции, как пригласить других участников — чем больше людей записалось, тем быстрее стартует складчина и тем ниже взнос. Как только складчина готова к приобретению, вам придёт уведомление.