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

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

На курсах Angular можно научиться созданию современных веб-приложений с использованием компонентной архитектуры, управлению состоянием приложений с помощью RxJS, работе с шаблонами и директивами, а также с различными библиотеками и инструментами, такими как Angular Material и Firebase.

Кроме того, на курсах Angular можно научиться работать с системами контроля версий, такими как Git, и использовать инструменты для автоматизации тестирования и развертывания приложений, такие как Jasmine, Karma и Travis CI.

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 ч)
  • Директивы, создание директив, структурные директивы.
  1. DI, Иерархия провайдеров (2 ч)
  • Ещё раз про DI.
  • Модули, провайдеры.
  • Иерархия провайдеров.
  1. Создание библиотек (3 ч)
  • Типы JS –модулей.
  • Сборка библиотек.
  • Сборка библиотек для Angular.
  1. Реактивное программирование (RxJS) advanced (2 ч)
  • RxJS операторы c применением.
  • Event loop и RxJS.
  1. Формы (4 ч)
  • Кастомная валидация форм.
  • Динамические формы.
  • Реактивные формы.
  • Использование реактивных сервисов.
  • Обмен данными в реактивных формах.
  1. Angular Router (2 ч)
  • Полный обзор возможностей роутера.
  1. Авторизация с помощью JWT токенов (1 ч)
  • Различные способы аутентификации веб-приложений.
  • JWT, обзор RFC 7519, преимущества использования JWT.
  • JWT + HttpClient.
  1. Анимация (2 ч)
  2. Обнаружение изменений и zone.js (2 ч)
  • Zone.js.
  • NgZone, Tick.
  1. Управление состоянием приложения и отладка (3 ч)
  • Управлением с помощью Redux (ngrx).
  • Time-Travel отладка.
  1. Webpack на Angular (1 ч)
  2. Тестирование в Angular (3 ч)
  • Фреймворки и библиотеки для тестирования (Jest/Jasmine/Mocha/Chai).
  • Mocks
  • Юнит-тесты, Test-bed тесты, Тестирование компонент.
  • Тестирование E2E (Protractor/phantomjs).
  1. Оптимизация (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
  1. Компоненты
  • архитектура Angular
  • структура компонента
  • рендеринг данных
  • практическая часть – создание компонента
  • применение директив Angular’a (ngIf, ngClass, ngFor..)
  • вложенные компоненты
  • передача данных в компонент (декораторы @Input, @Output)
  • жизненный цикл компонента
  • вывод контента с помощью ng-content (content projection)
  • практическая часть – закрепление полученных знаний
  1. Директивы и пайпы. Сервисы
  • знакомство с директивами в Angular
  • знакомство с пайпами
  • практическая часть – создание директивы и пайпа
  • знакомство с FormControl
  • знакомство с типами форм
  • валидация данных
  • практическая часть – создание формы с несколькими валидаторами
  1. Сервисы. Маршрутизация (роутинг). HttpClient
  • для чего нужны сервисы
  • знакомство с Dependency Injection (DI)
  • Injector Providers
  • практическая часть – создание сервиса
  • конфигурация роутов
  • Router Outlet, Router Links, Router States
  • Route Guards
  • дочерние роуты
  • использование параметров в роутах
  • практическая часть – реализация маршрутизации
  • отправка запросов на сервер и получение данных
  • использование промисов
  • практическая часть – получение данных с сервера и передача их в компонент для последующей визуализации
  1. Анимация
  • знакомство с 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, как работает интерполяция и связывание.
  1. Продвинутая работа с компонентами
  • Разбираем вложенные компоненты и передачу данных в компонент и из него.
  • Передача содержимого компоненту с помощью ng-content (content projection).
  • Доступ к элементам шаблона через ViewChild/ViewChildren/ContentChild/ContentChildren.
  1. Директивы и Pipe для решения повседневных задач
  • Применяем директивы “из коробки” (ngIf, ngClass, ngFor..).
  • Применяем Pipe “из коробки” (json, async, currency..). Разбираем нюансы работы Impure pipes.
  • Фильтруем данные, используя pipes, и пишем свои директивы.
  • Разбираем нюансы работы ViewRef/TemplateRef.
  1. Сервисы, работа с сетью и внедрение зависимостей
  • Разбираем концепцию и способы создания провайдеров. Вспоминаем сервис-провайдеры, которые идут “из коробки”.
  • Провайдеры для работы с HTTP(S), запросов к серверу.
  • Используем сервисы для передачи данных между компонентами, разбираем создание динамических компонентов.
  1. Формы и валидация данных
  • Создание форм “от шаблона” (template-driven forms).
  • Создание форм “от компонента” (reactive forms).
  • Синхронная и асинхронная валидация данных.
  • Создаём сложный элемент формы, работаем с ValueAccessor.
  1. Навигация и маршрутизация в приложении
  • Изучаем, как определять состояния в приложении, вложенные и абстрактные состояния.
  • Разбираем сервис для доступа к параметрам состояния и передачу данных между состояниями.
  • Оптимизируем приложение, используя ленивую загрузку (lazy loading) и предзагрузку состояний.
  1. Redux-архитектура для более сложных приложений
  • Основные концепции, организация приложения при помощи Redux
  • Платформа NgRX и ее модули.
  • Обработка асинхронных событий и сторонних эффектов (side effects).
  • Агрегация данных при помощи селекторов.
  1. Тестирование Angular-приложений
    Вы много раз видели написанные нами тесты в предыдущих занятиях. Теперь у вас достаточно знаний, чтобы писать их самостоятельно.
  • TDD/BDD-разработка.
  • Unit-тесты для сервисов.
  • Специфика тестирования при использовании HttpClient.
  • Unit-тесты для директив, компонентов и пайпов (pipes).
  1. Дополнительные темы, ответы на вопросы.
  • Вопросы по темам, которые не вошли в основную программу курса.
  • Использование 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
  1. Маршрутизация
  • Вложенные маршруты
  • Закрытые маршруты
  1. Авторизация и аутентификация (OAuth2)
  2. Rxjs — отдельно и в деталях
  • Поток данных
  • Создание потока с любого формата входящих параметров
  • Обработка событий DOM
  1. Структурирование хранения данных
  • State
  • Store
  • Flux
  • Mobx
  • Redux
  1. SSR (server-side rendering)
  2. Жизненный цикл компонента в деталях
  3. Создание портируемых модулей
  4. Обзор последних фич релиза и обзор будущих релизов 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 →

Оставьте комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Прокрутить вверх