ТОП-13 лучших курсов Angular: обучение онлайн, бесплатные и платные в 2024 году

1 место. Курс «Angular от Skillbox»

Цена: 26 680 ₽ или рассрочка на 12 месяцев – 2 223 ₽ / мес

Официальный сайт: https://skillbox.ru/course/angular/

Вы научитесь создавать веб-приложения, используя популярный фреймворк Angular. Освоите лучшие практики и продвинутые подходы разработки приложений, продвинетесь по карьерной лестнице и сможете зарабатывать больше.

• Длительность – 3 месяца
• Онлайн в удобное время
• Проект в портфолио
• Доступ к курсу навсегда.

Кому подойдёт этот курс:

– Разработчикам на JavaScript и TypeScript
Научитесь разрабатывать приложения используя фреймворк Angular и станете более востребованным специалистом.
– Начинающим Angular-разработчикам
Систематизируете знания по Angular, изучите современные подходы с использованием библиотеки RxJS, научитесь строить архитектуру с помощью сервисов и NgRx и сможете повысить свой уровень до Middle.

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

• Использовать компонентный подход
  Сможете создавать приложения из компонентов и автоматизировать работу через Angular CLI.
• Обмениваться данными через сервисы
  Научитесь создавать сервисную архитектуру для обмена данными с сетью и внутри приложения.
• Программировать в реактивном стиле
  Сможете эффективнее работать с асинхронными событиями, используя библиотеку RxJS.
• Оптимизировать рутинные задачи
  Будете решать повседневные задачи используя директивы и пайпы, создавать маршрутизацию и работать со сложными формами.
• Использовать Redux и NgRx
  Создадите приложения с Redux-архитектурой, используя библиотеку NgRx.
• Тестировать и оптимизировать приложения
  Научитесь покрывать код тестами и оптимизировать производительность.

Содержание курса:

Вас ждут вебинары и практика на основе реальных кейсов.
13 тематических модулей, 110 видеоматериалов

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 Developer в Insilico Medicine
Работал в нескольких западных стартапах. Разрабатывал банковские CRM-системы. Занимается разработкой медицинского проекта в Сколково. Использует Angular 2 с момента его появления.

Отзывы об обучении в Skillbox доступны на сайте.

Подробнее о курсе Angular →

2 место. Курс «Разработка на Angular. Продвинутый уровень от IBS»

Цена: 40 100 руб.

Официальный сайт: https://www.luxoft-training.ru/kurs/razrabotka_na_angular_prodvinutyy_uroven.html

• Длительность – 30 ак. ч.

Данный курс предназначен для разработчиков, уже имеющих опыт работы с Angular. В нём раскрываются продвинутые темы, которые позволят повысить эффективность разработки и улучшить качество кода, сделать код более производительным и расширяемым.

В курсе рассматриваются такие темы, как разработка библиотек для Angular, создание кастомных директив, иерархия провайдеров и внедрение зависимостей, динамические и реактивные формы и их валидация, авторизация с помощью JWT-токенов, управление состоянием сложного приложения с помощью Redux (NgRx) и time-travel debugging, продвинутые возможности роутера, анимация.
Без внимания не останутся и такие темы, как настройка webpack для сборки Angular-приложений, юнит-тестирование с помощью Test/Jasmine/Mocha/Chai, E2E тестирование с использованием Protractor и даже оптимизация приложений.

После прохождения курса выдается сертификат.

По завершению данного курса, слушатели научатся:

• Эффективнее пользоваться уже известными модулями Angular;
• Использовать связанные библиотеки и фреймворки;
• Улучшить эффективность тестирования и отладки приложения;
• Использовать дополнительные возможности, в частности оптимизации.

Разбираемые темы:

1. Создание структурных директив (2 ч)

• Директивы, создание директив, структурные директивы.

2. DI, Иерархия провайдеров (2 ч)

• Ещё раз про DI.
• Модули, провайдеры.
• Иерархия провайдеров.

3. Создание библиотек (3 ч)

• Типы JS –модулей.
• Сборка библиотек.
• Сборка библиотек для Angular.

4. Реактивное программирование (RxJS) advanced (2 ч)

• RxJS операторы c применением.
• Event loop и RxJS.

5. Формы (4 ч)

• Кастомная валидация форм.
• Динамические формы.
• Реактивные формы.
• Использование реактивных сервисов.
• Обмен данными в реактивных формах.

6. Angular Router (2 ч)

• Полный обзор возможностей роутера.

7. Авторизация с помощью JWT токенов (1 ч)

• Различные способы аутентификации веб-приложений.
• JWT, обзор RFC 7519, преимущества использования JWT.
• JWT + HttpClient.

8. Анимация (2 ч)
9. Обнаружение изменений и zone.js (2 ч)

• Zone.js.
• NgZone, Tick.

10. Управление состоянием приложения и отладка (3 ч)

• Управлением с помощью Redux (ngrx).
• Time-Travel отладка.

11. Webpack на Angular (1 ч)
12. Тестирование в Angular (3 ч)

• Фреймворки и библиотеки для тестирования (Jest/Jasmine/Mocha/Chai).
• Mocks
• Юнит-тесты, Test-bed тесты, Тестирование компонент.
• Тестирование E2E (Protractor/phantomjs).

13. Оптимизация (3 ч)

• PWA – что это такое, почему про них важно знать.
• Service Workers.
• PWA в Angular
• Server-side rendering, Isomorphic Apps.
• Особенности сборки для production.

Отзывы участников тренинга:

– «Наиболее полезными для меня были темы про авторизацию и rxjs. Большое спасибо! Было много полезных теоретических материалов и новых практик для меня. Для некоторых из них мне нужно больше времени, чтобы лучше понять. Кое-что я уже знаю, но в любом случае хорошо бы освежить в памяти. Тренинг помог мне пересмотреть свои знания и это главное.»

– «Все отлично. Понравилась простая подача материала, актуальные небольшие реализованные задачи по теме курса и простые и наглядные презентации. В итоге у меня появилось понимание тонкостей и возможностей Ангуляра, увидел много практического применения, осознание сложных механизмов.»

Подробнее о курсе Angular →

3 место. Курс «Создание веб-приложений с помощью фреймворка Angular от Softline»

Цена: 29 700 руб. – 33 000 руб.

Официальный сайт: https://edu.softline.com/vendors/softline/sozdanie-veb-prilozhenij-s-pomoshhyu-frejmvorka-angular-/

• Продолжительность: 40 ак. часов

Курс предназначен для разработчиков ПО, желающих получить представление о разработке веб приложений с помощью фреймворка Angular (версии 2 и выше).

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

1. Обзор современных веб приложений и необходимых начальных сведений.
2. Введение в TypeScript. Классы, функции, декораторы.
3. Базовые понятия Angular: модуль, компонента, шаблон, стиль, тест.
4. Орудия разработки приложений Angular.
5. Жизненный цикл компоненты.
6. Формы и валидация пользовательского ввода.
7. Директивы.
8. Вложенные компоненты и content projection.
9. Dependency Injection (DI). Использование DI при взаимодействии компонент приложения.
10. Взаимодействие страницы с сервером.
11. Навигация и маршрутизация. Навигация с параметром и иерархическая навигация.
12. Асинхронное программирование. Применение Observables.
13. Lazy Loading.
14. Модульное тестирование.
15. Графическая библиотека Angular material.

Подробнее о курсе Angular →

Курс «Angular от Level UP»

Цена: 23 990 ₽

Официальный сайт: https://levelp.ru/courses/veb-tekhnologii/angular-developer/

• Продолжительность – 1,5 месяца (44 ак. часа)

На курсе Angular-разработчик будут рассматриваться основы разработки веб-приложений с использованием одного из самых популярных и мощных фреймворков Angular.

После окончания курса Вы:

– Будете уверенно применять Angular в работе
– Поймёте отличие JavaScript от TypeScript
– Научитесь применять ООП
– Напишите одно или несколько приложений под руководством преподавателя.

Программа:

1. Знакомство с Angular. Введение в Typescript

• знакомство
• коротко об Angular
• знакомство с angular-cli
• знакомство с Angular default app
• чем TypeScript отличается от JavaScript
• ООП в TypeScript

2. Компоненты

• архитектура Angular
• структура компонента
• рендеринг данных
• практическая часть – создание компонента
• применение директив Angular’a (ngIf, ngClass, ngFor..)
• вложенные компоненты
• передача данных в компонент (декораторы @Input, @Output)
• жизненный цикл компонента
• вывод контента с помощью ng-content (content projection)
• практическая часть – закрепление полученных знаний

3. Директивы и пайпы. Сервисы

• знакомство с директивами в Angular
• знакомство с пайпами
• практическая часть – создание директивы и пайпа
• знакомство с FormControl
• знакомство с типами форм
• валидация данных
• практическая часть – создание формы с несколькими валидаторами

4. Сервисы. Маршрутизация (роутинг). HttpClient

• для чего нужны сервисы
• знакомство с Dependency Injection (DI)
• Injector Providers
• практическая часть – создание сервиса
• конфигурация роутов
• Router Outlet, Router Links, Router States
• Route Guards
• дочерние роуты
• использование параметров в роутах
• практическая часть – реализация маршрутизации
• отправка запросов на сервер и получение данных
• использование промисов
• практическая часть – получение данных с сервера и передача их в компонент для последующей визуализации

5. Анимация

• знакомство с observable
• отличия от промисов
• применение observable на практике
• анимации в Angular
• привязка анимации к жизненному циклу компонента
• практическая часть – закрепление полученных знаний.

Преподаватель – Антон
Fullstack developer в компании DataArt.
Опытный программист со стажем более 6 лет в сфере разработки ПО.

Подробнее о курсе Angular →

Курс «Angular от Илья Кантор»

Цена: 19 000 ₽

Официальный сайт: https://learn.javascript.ru/courses/angular

• Длительность – 5 недель.

Цели курса:

• Быстро и качественно начать создавать приложения с использованием современного Angular.
• Отлаживать уже существующие приложения и проводить их улучшение.
• Научиться использовать ряд вспомогательных библиотек, часто дополняющих Angular.

По окончанию курсов вы получаете сертификат в электронном виде на русском и английском языках.

Программа:

Занятия проходят онлайн два раза в неделю.

1. Собрание
   Первая встреча традиционно является собранием. На нём мы знакомимся, проверяем подключение, обсуждаем организационные вопросы, взаимодействие с преподавателем, как учиться на курсе.
2. Окружение и компонентный подход

• Знакомимся с angular-cli и экосистемой. Разбираем настройки и конфигурацию окружения.
• Изучаем базовые механизмы работы и сущности Фреймворка Angular, создаем ряд компонентов.
• Разбираем специфику синтаксиса шаблонов Angular, как работает интерполяция и связывание.

3. Продвинутая работа с компонентами

• Разбираем вложенные компоненты и передачу данных в компонент и из него.
• Передача содержимого компоненту с помощью ng-content (content projection).
• Доступ к элементам шаблона через ViewChild/ViewChildren/ContentChild/ContentChildren.

4. Директивы и Pipe для решения повседневных задач

• Применяем директивы “из коробки” (ngIf, ngClass, ngFor..).
• Применяем Pipe “из коробки” (json, async, currency..). Разбираем нюансы работы Impure pipes.
• Фильтруем данные, используя pipes, и пишем свои директивы.
• Разбираем нюансы работы ViewRef/TemplateRef.

5. Сервисы, работа с сетью и внедрение зависимостей

• Разбираем концепцию и способы создания провайдеров. Вспоминаем сервис-провайдеры, которые идут “из коробки”.
• Провайдеры для работы с HTTP(S), запросов к серверу.
• Используем сервисы для передачи данных между компонентами, разбираем создание динамических компонентов.

6. Формы и валидация данных

• Создание форм “от шаблона” (template-driven forms).
• Создание форм “от компонента” (reactive forms).
• Синхронная и асинхронная валидация данных.
• Создаём сложный элемент формы, работаем с ValueAccessor.

7. Навигация и маршрутизация в приложении

• Изучаем, как определять состояния в приложении, вложенные и абстрактные состояния.
• Разбираем сервис для доступа к параметрам состояния и передачу данных между состояниями.
• Оптимизируем приложение, используя ленивую загрузку (lazy loading) и предзагрузку состояний.

8. Redux-архитектура для более сложных приложений

• Основные концепции, организация приложения при помощи Redux
• Платформа NgRX и ее модули.
• Обработка асинхронных событий и сторонних эффектов (side effects).
• Агрегация данных при помощи селекторов.

9. Тестирование Angular-приложений
   Вы много раз видели написанные нами тесты в предыдущих занятиях. Теперь у вас достаточно знаний, чтобы писать их самостоятельно.

• TDD/BDD-разработка.
• Unit-тесты для сервисов.
• Специфика тестирования при использовании HttpClient.
• Unit-тесты для директив, компонентов и пайпов (pipes).

10. Дополнительные темы, ответы на вопросы.

• Вопросы по темам, которые не вошли в основную программу курса.
• Использование ZoneJS/NgZone для удобного управления асинхронностью.
• Механизм обновления состояния (change detection), стратегия OnPush.

Курсовой проект – Интернет-магазин.
Одностраничное приложение с динамической подгрузкой страниц.
Redux-архитектура.
Фильтрация товаров по нескольким критериям с сохранением состояния.
Слайдер, tooltip, и ряд других графических компонентов на Angular.

Преподаватель – Егор Сидоров
Ведёт курс с 17 февраля 2022
«Front-end | Angular разработчик в Tinkoff, занимаюсь разработкой чата для обслуживания и CMS для контроля качества. Обучаю стажёров.
Параллельно провожу собеседования по Angular. Также обучаю разработке в финтехе.»

Что говорят о курсе участники?

Александр Федотов
«Курс отличный: содержит все последние апдейты/изменения в технологиях и помогает значительно продвигаться вперед в своем развитии. Ведущий курса мог ответить на очень широкий спектр вопросов, хорошо следил за реакцией и пониманием аудитории, доходчиво объяснял весьма сложные паттерны и концепции. Большое спасибо!»

Алексей Максимов
«Курс очень непростой. Нужно дополнительно готовиться и лучше почитать что-нибудь. Ну или читать в процессе (я так делал). Так как все плотно и достаточно круто. Игорю спасибо – он, конечно, профессионал. Любые дополнительные темы и вопросы он разбирает. Часть таких вопросов и в книгах то нет. Ну по крайней мере нет у Якова Фэйна например… Короче, есть продвинутые вещи. В общем, если нужно ускорить свое обучение – то курс поможет и Игорь тоже.»

Подробнее о курсе Angular →

Курс «Angular для начинающих от Гоша Дударь»

Бесплатно

Официальный сайт: https://www.youtube.com/playlist?list=PL0lO_mIqDDFX2CXg7tZvmsY48-R5UvQ1V

В ходе этого курса вы научитесь работать с библиотекой Angular, а также мы создадим небольшой веб-сайт на основе Angular. Вы научитесь создавать компоненты, осуществлять маршрутизацию, работать с формами и многое другое

Видеоуроки:

• Введение в Angular
• Файлы и создание компонента
• Работа с компонентами (свойства и методы)
• Работа с HTML и событиями
• Работа с формами
• Динамическое редактирование
• Маршрутизация в приложении и завершение
• Презентация онлайн-курса.

Подробнее о курсе Angular →

Курс «Angular Developer от ITVDN»

Цена: 30.00 USD

Официальный сайт: https://itvdn.com/ru/specialities/angular-dev

• 10 видеокурсов
• Доступ на 4 месяца
• 6 тестов и сертификат, Диплом
• Онлайн-консультация.

Angular Developer — разработчик клиентской стороны веб-приложений (FrontEnd), который в качестве фреймворка использует Angular от компании Google для написания эффективных одностраничных приложений (SPA) с единым интерфейсом.
С помощью Angular были созданы веб-сервисы Gmail, Forbes, Upwork, PayPal, Weather и многие другие. Программа обучения нацелена на изучение всех необходимых инструментов для успешного старта в данном направлении.

Кому подойдёт эта специальность?

• Новичкам
  Тем, кто хорошо владеет языком программирования JavaScript и желает освоить набор инструментов для разработки качественных веб-приложений при помощи популярного фреймворка Angular.
• Начинающим специалистам
  Тем, кто хорошо владеет языком программирования JavaScript и желает освоить набор инструментов для разработки качественных веб-приложений при помощи популярного фреймворка Angular.
• Профессионалам
  Тем, кто уже является действующим разработчиком, и хочет изучить новые технологии, либо сменить профессию.

Курсы по специальности:

1. TypeScript Fundamentals
2. Angular 11.0 Базовый
3. Angular 2.0 Базовый
4. Angular CLI
5. Angular Углубленный
6. Создание адаптивного SPA с Angular
7. AngularJS Базовый
8. Основы работы с Git
9. Основы использования Git 2016
10. Методологии управления проектами. Вступление в SCRUM.

Навыки после обучения:

• Применение фреймворка Angular для написания полноценных одностраничных приложений (SPA) с единым интерфейсом, которые можно легко поддерживать, масштабировать, тестировать, и которые при этом будут органично отображаться на любых устройствах
• Использование языка TypeScript для повышения скорости и удобства написания сложных комплексных программ
• Создание удобных адаптивных пользовательских интерфейсов
• Работа с HTTP протоколами для реализации адекватного клиент-серверного взаимодействия
• Применение CRUD для взаимодействия с базами данных на стороне сервера
• Использование реактивных подходов в программировании приложений
• Умелое использование пользовательских директив, фильтров, анимаций, пайпов
• Подключение к SPA собственных независимых приложений.

Информация об авторах курсов доступна на сайте.

Отзывы:

Марина Белкина
«Отлично, что на почту приходит рассылка. Лично я заинтересовалась этим сайтом, потому у нас после прохождения вашего курса успешно работает девочка верстальщица. Рисует и верстает сайты, лендинги. Я восхищаюсь ее умениями и тоже хочу попробовать научиться.»

Бризинский Артём Андреевич
«Обожаю ваши курсы, самый лучший контент из всего, что мне довелось изучить. Обучался с ITVDN до того, как нашел работу и продолжаю обучаться сейчас, так как постоянно нахожу для себя что-то новое. Отдельное спасибо Александру Шевчуку! Усвоение материала на его лекциях близко к 100%, т.к. очень интересно и тщательно подается материал, а на каждый кусок кода есть параллель с ситуацией в жизни.»

Подробнее о курсе Angular →

Курс «Angular Advanced от ITEA»

Цена: 215 EUR

Официальный сайт: https://onlineitea.com/course/angular-advanced/

• 8 занятий / 1 месяц.

Этот курс не для начинающих, а для тех, кто уже изучил основы программирования на Angular 8 и хочет повысить свой уровень квалификации. Онлайн-уроки проводятся под руководством опытных преподавателей-практиков. Теоретические понятия эффективно подкрепляются практикой и домашними заданиями, что полезно для каждого разработчика!

После обучения ты сможешь претендовать на должность Strong Junior Frontend Developer (Experience with Angular Framework).

На курсе ты научишься:

– Создавать, поддерживать и деплоить приложение на базе Angular
– Интегрировать систему OAuth
– Понимать разницу между подходами к менеджменту данных
– Создавать полноценные портируемые модули Angular-экосистемы.

План обучения:

1. Развертывание и процесс билда проекта

• Конфиги и переменные окружения
• CI — TravisCi
• CD — Heroku

2. Маршрутизация

• Вложенные маршруты
• Закрытые маршруты

3. Авторизация и аутентификация (OAuth2)
4. Rxjs — отдельно и в деталях

• Поток данных
• Создание потока с любого формата входящих параметров
• Обработка событий DOM

5. Структурирование хранения данных

• State
• Store
• Flux
• Mobx
• Redux

6. SSR (server-side rendering)
7. Жизненный цикл компонента в деталях
8. Создание портируемых модулей
9. Обзор последних фич релиза и обзор будущих релизов Angular.

После курса у тебя будет:

• Сертификат после окончания обучения в соответствии с успеваемостью
• Доступ к материалам и записям занятий в течение года в личном кабинете на удобной платформе
• Возможность присоединиться к ITEA community (более 16 000 выпускников)
• Портфолио с проектами и работами
• Поддержка в трудоустройстве
• Яркий опыт работы с профессиональными инструментами.

Преподаватели курса:

— Владислав Сидоренко
Fullstack-разработчик, Front end Team Lead в компании EPAM

— Андрей Даценко
JavaScript Developer.
Более 5 лет опыта. Практикующий разработчик и опытный преподаватель. В совершенстве знает HTML, CSS, Less, JavaScript, Gulp, React, jQuery, WordPress, OOP. Имеет уверенный опыт работы с программами Adobe Photoshop, Illustrator, After Effects, FontLab и Azure.

Отзывы об обучении в ITEA доступны на сайте.

Подробнее о курсе Angular →

Курс «Angular JS от beONmax»

Цена: от $7.8

Официальный сайт: https://beonmax.com/courses/angular/

Курс посвящен популярному JavaScript фреймворку AngularJS, который используется для создания одностраничных приложений (SPA – Single Page Application).

В процессе обучения мы изучим возможности фреймворка Angular, создадим на практике небольшой сайт с использованием данного фреймворка. Вы получите базовые знания по программированию на Angular JS, научитесь разбираться в чужом коде и разрабатывать собственные одностраничные веб-приложения.

Подробнее о курсе Angular →

Курс «”Практика Angular + Git / GitHub” от JavaBegin »

Бесплатно

Официальный сайт: https://javabegin.ru/free-angular/

• Длительность: ~ 5 часов, 24 урока
• Время на изучение: ~ 1 неделя.

Список уроков:

1. Что такое Angular?
   Введение в технологию, основные плюсы-минусы и отличия от других решений
2. Установка и настройка IntelliJ IDEA
   Подготовка к созданию проекта, рекомендуемые настройки для комфортной работы
3. Установка Angular и всего ПО
   Подготовка всего окружения Angular, скриптов, программ, чтобы можно было начинать создавать проекты
4. Frontend и Backend
   Разделение приложения и понимание как все работает, зачем нужны клиент-серверные отношения
5. Создание Angular проекта
   Создание и запуск вашего первого Angular проекта, использование IDEA вместо консоли
6. Открытие проекта в IDEA
   Как открывать готовые Angular проекты, чтобы у вас все сразу заработало
7. Структура Angular проекта
   Структура папок, файлов, JSON – настроек любого Angular проекта
8. Git/GitHub
   Зачем нужно использовать Git/GitHub, основные возможности и рекомендации
9. Добавление Git в проект
   Как хранить свой код в локальном и удаленном репозиториях, создание и загрузка кода
10. Функционал приложения Todo
    Какой функционал вы будете реализовывать с нуля, основные возможности, границы действий
11. Планирование UI
    Планирование внешнего вида и разметки, кнопок, полей, где какие компоненты будут находиться
12. Разделение UI на компоненты
    Правильный подход для разделения всего приложения на более мелкие части – Angular компоненты
13. Выбор дизайна
    Чтобы не создавать дизайн с нуля (долго) – вы можете использовать любой бесплатный и платный шаблон и перенести его в свой проект
14. Bootstrap и Material
    Библиотеки для разметки и визуальных компонентов, которые вы будете использовать в своем проекте
15. Перенос HTML шаблона в проект Angular
    Пошаговые действия, чтобы превратить обычный HTML-шаблон в проект Angular
16. Тестовые данные
    Создание и формирование тестовых данных для отображения в приложении
17. Подключение библиотек
    Добавление сторонних библиотек для расширения стандартного функционала
18. Добавление компонента и сервиса
    Использование инструментов Angular для связывания кода и UI
19. Отображение категорий
    Вывод всех категорий на страницу приложения, чтобы можно было фильтровать задачи
20. Выборка задач по категории
    Фильтрация задач по категориям, обновление страницы и списков
21. Реактивное программирование
    Использование преимуществ реактивного кода для получения и отображения данных
22. Отображение данных задачи
    Отображение всех данных задачи с помощью компонентов Angular
23. Выполнение задачи
    Завершение задачи (выполнение) и отображение с соответствующим стилем
24. Базовые понятия
    Подитог прошедших уроков, закрепление основ и базовых принципов Angular.

Подробнее о курсе Angular →

Курс «Angular 13 от metanit»

Бесплатно

Официальный сайт: https://metanit.com/web/angular2/

Содержание:

Глава 1. Введение в Angular

• Что такое Angular. Первый проект
• Построение проекта
• Первое приложение

Глава 2. Основы Angular

• Компоненты
• Модули
• Загрузка приложения
• Стили и шаблоны компонента
• Привязка данных
• Работа с компонентами
• Взаимодействие между компонентами
• Привязка к событиям дочернего компонента
• Жизненный цикл компонента
• Шаблонные переменные, ViewChild, ContentChild
• Взаимодействие между модулями

Глава 3. Директивы

• ngClass и ngStyle
• Создание атрибутивных директив
• Взаимодействие с пользователем, HostListener и HostBinding
• Получение параметров в директивах
• Структурные директивы ngIf, ngFor, ngSwitch
• Создание структурных директив

Глава 4. Сервисы и dependency injection

• Сервисы
• Внедрение сервиса в другой сервис
• Опциональные сервисы
• Один сервис для всех компонентов
• Иерархия сервисов

Глава 5. Работа с формами

• Модуль FormsModule и директива NgModel
• Получение и изменение модели
• Состояние модели и валидация
• Директива NgForm
• Reactive Forms

Глава 6. HTTP и взаимодействие с сервером

• HttpClient и отправка запросов
• Объект Observable и библиотека RxJS
• Обработка ошибок
• Отправка данных в запросе
• POST-запросы

Глава 7. Маршрутизация

• Определение маршрутов
• Создание ссылок
• Параметры маршрута
• Параметры строки запроса
• Программная навигация
• Дочерние маршруты
• Guards

Глава 8. Pipes

• Работа с pipes
• Создание своих pipes
• Pure и Impure Pipes
• AsyncPipe

Глава 9. Дополнительные статьи

• Webpack
• Grid и CRUD-операции.

Подробнее о курсе Angular →

Курс «AngularJS от Loftblog»

Бесплатно

Официальный сайт: https://loftblog.ru/course/osnovy-angular-js/

Содержание:

1. Введение.
   Знания — единственная власть, которую можно приобрести, если не обладаешь ею, власть есть сила, а сила — это все. И. Рахэль AngularJs — это клиентский MVC-фреймворк, написанный на JavaScript, от создателей Google inc. и на этом видеоуроке мы расскажем, откуда взялся этот чудо AngularJs и покажем пару простых примеров.
2. Установка и основы.
   На этом видеоуроке мы с вами начнем установку PhoneCat приложения для дальнейшего освоения фреймворка и рассмотрим самые основные понятия в AngularJs.
3. Directive, Controller, Module.
   Наше увлекательное изучение основ Angularjs продолжается.
4. ngRepeat
   На этом маленьком видеоуроке мы наконец-то начнем работать с PhoneCat-приложением и узнаем, как работает директива ngRepeat
5. Filtering
   Вот мы с вами и дошли до пятого урока нашего очень познавательного видеокурса по Angularjs. Очень радует, что вы продолжаете изучать его вместе с нами.
6. Services $http.
   В этом видео уроки мы научимся загружать данные json с нашего сервера при помощи встроенного в Angular сервиса $http. А также рассмотрим возможные проблемы при минификации файла.
7. ng-src и небольшая подготовка.
   Пришла пора выйти на финишную прямую. Для этого нам нужно подготовить проект. В этом уроке мы приведем в порядок дизайн и чуть подправим наш код, так же узнаем зачем нам ng-src
8. $location & $route.
   В этом видео мы познакомимся с двумя очень полезными службами $location и $route
9. More templating, filters and event handlers.
   В этом видео мы расширим наш шаблон, создадим свой собственный фильтр и сделаем переключался фотографий.
10. $resource.
    В этом видео мы познакомимся с вами со службой $resource которая поможет нам правильно общаться с RESTful.

Подробнее о курсе Angular →

Курс «Angular Advanced от Академия IT»

Бесплатно

Официальный сайт: https://academiait.ru/course/angular-advanced/

Содержание:

• Пользовательские директивы и компоненты
• Формы. Часть 1
• Формы. Часть 2
• Реактивное программирование. RxJS
• Отслеживание изменений.

Подробнее о курсе Angular →