Курсы Angular developer

Фильтр
Курс
Формат
Online
Начало занятий
11.07.2025
Длительность
22 часов
Уровень
Для начинающих, Для опытных
Язык обучения
Ukrainian
Стоимость
5 524 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментора
CyberBionic Systematics
  • Angular
  • Frontend
Подробнее

Цей курс є частиною спеціальності Frontend розробник. Він допоможе вам вивчити основи платформи Angular.

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

Введення до Angular

  • Знайомство з фреймворком Angular
  • Огляд необхідних інструментів для початку розроблення
  • Створення додатку, огляд файлів та папок створеного проєкту
  • Знайомство з синтаксисом та структурою коду на Angular
  • Створення компонентів і їх реєстрація через CLI
  • Компонентний підхід задання стилів
  • Компоненти та модулі в додатку, а також те, як вони описані шаблоном Декоратор
  • Додавання картинок/іконок до проєкту

Події та датабайдинг

  • Основи маршрутизації і основні принципи виведення даних на сторінку
  • Створення простого проєкту з маршрутизацією
  • Задання різної логіки виведення даних
  • Стилізація розмітки через інструменти Angular
  • Розбір синтаксису запитів та технічної різниці між ними в їх використанні

Директиви, пайпи. Роль модулів Angular

  • Використання директив
  • Створення необхідних шаблонів, які повторюються в проєкті
  • Перетворення даних за допомогою пайпів
  • Модульна архітектура

Компоненти та їх робота

  • Стилі компонентів
  • Передача даних між компонентами
  • Взаємодія компонентів
  • Життєвий цикл компонентів

Основи роботи сервісів та їх роль у додатку

  • Основи роботи сервісів
  • Створення та реєстрація сервісу
  • Локальні сервіси
  • Область видимості сервісів та їх взаємозв'язок

Введення у HttpClient та RxJS

  • Основи бібліотеки RxJS та її використаннядля роботи з асинхронністю
  • Модуль HttpClientModule для взаємодії з сервером

Форми в Ангуляр

  • Створення форм в Angular
  • Двосторонній байдинг
  • Реактивні форми. Відображення стану форми та її полів
  • Валідатори
  • Управління формою, її полями
  • Асинхронні валідатори

Маршрутизація

  • Основи маршрутизації, динамічні сторінки
  • Динамічні сторінки і передача даних між ними
  • Обмеження маршрутизації в Angular

Практичне заняття. Підготовка до роботи проєкту

Підготовка до роботи проєкту, налаштування маршрутизації, реалізація простого запиту на сервер для виводу інформації в блоках.

Практичне заняття. Створення окремих сторінок динамічною маршрутизацією

Створення окремих сторінок динамічною маршрутизацію і передача даних між сторінками.

Практичне заняття. Додавання форми з валідацією

Додавання форми з валідацією.

Після завершення курсу ви будете вміти:

  • Розуміти роль та переваги Angular у веб-технологіях
  • Створювати простий додаток, який буде складатися з компонентів, модулів та сервісів
  • Налаштовувати маршрутизацію в додатку та передавати дані між сторінками
  • Використовувати додаткові вбудовані інструменти для додатку, такі як: директиви, пайпи, сервіси, форми
  • Виконувати запити та приймати відповіді з серверної сторони сайту/додатку

Особливості курсу

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація

Викладачі курсу

  • Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
  • Сергій Патьоха - Senior Software Engineer
  • Олександр Гончаренко - Web Frontend Developer
  • Анна Павлюк - Web Frontend Developer
  • Олена Хижняк - Web Frontend Developer
  • Поліна Соколенко - Web Frontend Developer
  • Віталій Мазяр - Web Frontend Developer
  • Оксана Дмитрієва - Web Frontend Developer
  • Денис Ковтун - Web Frontend Developer
Больше информации
Курс
Формат
Online
Начало занятий
06.05.2025
Длительность
24 часов
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
24 000 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
Мир Современного Образования
  • Angular
  • Frontend
Подробнее

Студенти на курсі будуть вивчати не тільки внутрішні механізми, а й навколишню екосистему, невід'ємну при повноцінної розробки вебдодатків. Слухачі дізнаються, як інтегрувати CI/CD-процеси, як створювати білди, як взаємодіяти з іншими модулями і як будувати легко підтримувані додатки на базі Angular 15.

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

Поглиблена робота з RxJS

  • Що вирішує RxJS?
  • Observables: глибоке розуміння та застосування
  • Управління потоками даних (switchMap, mergeMap, concatMap, exhaustMap)
  • Subject, BehaviorSubject, ReplaySubject
  • Використання операторів для трансформації потоків
  • Signal API як альтернатива традиційній реактивності

Маршрутизація та Lazy Loading

  • Вкладені маршрути та їхня взаємодія
  • Захист маршрутів (Guards, Resolvers, Interceptors)
  • Оптимізація завантаження модулів
  • Динамічні маршрути та параметри

Управління станом додатка (State Management)

  • Чим відрізняються підходи: Signals, Redux, NgRx, Akita, MobX?
  • NgRx: Store, Actions, Effects, Selectors
  • Використання Signal API для керування станом
  • Структурування сховища даних
  • Взаємодія з API через ефекти

Авторизація та вутентифікація

  • Методи авторизації: OAuth2, JWT, OpenID Connect
  • Angular + Node.js + Express.js для безпеки додатка
  • Використання Firebase Authentication
  • Захист маршрутів та доступ до ресурсів

SSR та SSG

  • Angular Universal: що це і навіщо?
  • Використання ngExpressEngine
  • Оптимізація продуктивності через SSR
  • Генерація статичних сторінок (SSG)
  • Використання ISR (Incremental Static Regeneration)

Мікрофронтенд-архітектура

  • Що таке Micro Frontends і коли їх варто використовувати?
  • Webpack Module Federation
  • Інтеграція Angular у гібридні рішення

Тестування та оптимізація додатка

  • Unit-тестування з Jasmine та Karma
  • End-to-end тестування з Cypress
  • Оптимізація продуктивності (Change Detection, OnPush, TrackBy)
  • Lighthouse-аналіз та покращення швидкодії

Деплой та CI/CD

  • Платформи деплою: Vercel, Firebase, Hostiq, GitHub Actions
  • Створення автоматичних пайплайнів у CI/CD
  • Налаштування Docker-контейнерів для Angular
  • Використання серверless-функцій для бекенду

Як залишатись в курсі оновлень Angular

  • Де шукати актуальну інформацію про оновлення?
  • Огляд офіційної документації та найкращих ресурсів
  • Як самостійно навчатися новим можливостям Angular

Мінімальні вимоги

  • Впевнене володіння Angular та JavaScript
  • Досвід роботи з HTTP-запитами та сервісами
  • Розуміння принципів реактивного програмування
  • Базове знання Node.js та Express.js

Після курсу ви зможете

  • Створювати, підтримувати і деплоїти додаток на базі Angular
  • Інтегрувати систему OAuth
  • Розуміти різницю між підходами до менеджменту даних
  • Створювати повноцінні портовані модулі Angular-екосистеми

Особливості курсу

  • Допомога ментора
  • Практика
  • Сертифікат про проходження курсу
Больше информации
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
21 часов
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
21 000 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
Мир Современного Образования
  • Angular
  • Frontend
Подробнее

Студенти ознайомлюються з оновленим фреймворком Angular 15, дізнаються про основні його переваги, можливості, компоненти та інше. Слухачі навчаться користуватись формами та HTTP-протоколом, попрактикуються в роботі з TypeScript та вивчать усю функціональність фреймворку, необхідну для створення односторінкових SPA-додатків.

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

Вступ в Angular

  • Знайомство з фреймворком
  • Основні переваги
  • Унікальні можливості
  • Знайомство та робота з TypeScript
  • Основи модульної архітектури

Створення першого додатка та структура фреймворку

  • Запуск першого проєкту
  • Робота з CLI
  • Організація коду в Angular-додатку
  • Standalone Components vs NgModules
  • Підключення змінних та функцій

Основи роботи з DOM в Angular

  • Компоненти та їх структура
  • Директиви (структурні та атрибутивні)
  • Pipes (вбудовані та кастомні)
  • Шаблонізація та робота з подіями
  • Вступ до Angular Elements

Робота з даними та реактивністю

  • Прив'язка даних (Data Binding)
  • Декоратори та сервіси
  • Взаємодія між компонентами
  • Сигнали (Signal API) та Observables
  • Використання HttpClient для роботи з API

Робота з формами

  • Шаблонні та реактивні форми
  • Валідація форм
  • Отримання та обробка даних з форм
  • Динамічні форми та кастомні валідатори

Життєві цикли компонентів

  • Використання хуків життєвого циклу
  • constructor, ngOnInit, ngOnDestroy та інші
  • Детальний розбір роботи з компонентами

Маршрутизація та Lazy Loading

  • Angular Router: основи та налаштування
  • Динамічні маршрути та передача параметрів
  • Захист маршрутів (Guards)
  • Lazy Loading для оптимізації продуктивності

Оптимізація, тестування та Best Practices

  • Робота з Change Detection та оновлення UI
  • Використання NgRx або Signals для керування станом
  • Юніт-тестування компонентів та сервісів
  • Angular Material та інші UI-бібліотеки

Мінімальні вимоги

  • Впевнене знання JavaScript
  • Вміння працювати з системою контролю версій

Після курсу ви зможете

  • Розуміти цілі розробки фреймворка і переваги його використання
  • Розбиратися в принципах двостороннього зв'язування даних
  • Працювати з формами, перевіряти їх та обробляти помилки
  • Працювати з вбудованими директивами й створювати свої
  • Створювати прості односторінкові додатки, використовуючи фреймворк
  • Використовувати CLI (Command line interface) для створення і розробки проєкту

Особливості курсу

  • Допомога ментора
  • Практика
  • Проєкт в портфоліо
  • Сертифікат про проходження курсу
Больше информации
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
10 часов
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
4 622 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментора
CyberBionic Systematics
  • Angular
  • Frontend
Подробнее

В курсі Angular 6 Advanced ви дізнаєтеся, як створюються директиви і фільтри, основи використання реактивних підходів в програмуванні і в роботі з Observable, а також познайомитеся з відстеженням змін в Angular-проєкті.

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

Користувальницькі директиви і компоненти

У цьому уроці ми вивчимо принципи створення структурних і атрибутивних директив. Це допоможе вам зрозуміти, як працюють директиви в Angular-додатку. Також в цей урок включені приклади створення призначених для користувача фільтрів (Pipe). Ви не тільки навчитеся створювати і використовувати фільтри, але і дізнаєтеся, які налаштування фільтрів можуть підвищити продуктивність програми.

Форма. Частина 1

У цьому уроці ми навчимося створювати користувальницький інтерфейс з використанням Model Driven підходу або реактивних форм. Крок за кроком ми створимо модель, прив'яжемо її до інтерфейсу і додамо логіку, виконує перевірку коректності введених користувачем даних. Також ми розглянемо принципи створення користувацьких валідаторів, а також дізнаємося, як працюють асинхронні валідатори в Angular.

Форма. Частина 2

У цьому уроці ми продовжимо розглядати роботу з формами в Angular. У прикладах буде показаний спосіб створення динамічних форм, які створюють елементи управління в процесі виконання програми, спираючись на модель даних. Також в ці уроки включені приклади створення компонентів, які використовують 3rd party бібліотеки.

Реактивне програмування. RxJS

Реактивне програмування - це підхід в розробці програмного забезпечення, який заснований на маніпуляції асинхронних потоків. У цей урок входять приклади роботи з Observable об'єктами та їх методами, які надає бібліотека Ext.js. Ви дізнаєтеся, як можна створювати вами об'єкти і використовувати різні методи, такі як filter, map, flatMap, debounce та інші. Також ви дізнаєтеся, як можна використовувати вами об'єкти при створенні сервісів в Angular.

Відстеження змін

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

Особливості курсу

  • Практичні заняття і перевірка ДЗ
  • Безкоштовний відеокурс
  • Онлайн тестування і сертифікація

Викладачі курсу

  • Дмитро Охріменко - Експерт з побудови розподілених та веб-орієнтованих додатків
  • Сергій Патьоха - Senior Software Engineer at BIScience
  • Олександр Гончаренко - Web Frontend Developer
  • Анна Павлюк - Web Frontend Developer
  • Олена Хижняк - Web Frontend Developer
  • Поліна Соколенко - Web Frontend Developer
  • Віталій Мазяр - Web Frontend Developer
  • Оксана Дмитрієва - Web Frontend Developer
  • Денис Ковтун - Web Frontend Developer
Больше информации
Курс
Формат
Online
Начало занятий
Будь-який момент
Длительность
10 занятий
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
6 100 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментора
IT-Столица
  • Angular
Подробнее

Базовий курс від Навчального Центру розроблений для фахівців даної області й розглядає компоненти, особливості, можливості та переваги Angular на прикладі створення односторінкового SPA-додатка.

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

Теми:

  • Клієнтський фреймворк Angular: вступ
  • Перше знайомство з Angular
  • Angular: переваги та сфери застосування
  • Знайомство з основними можливостями та унікальними особливостями Angular
  • Мова програмування TypeScript
  • Екскурс в історію Angular і особливості оновленої версії
  • Як запустити перший додаток, написаний за допомогою Angular 8
  • Особливості структури фреймворку Angular 8
  • Основні модулі і їх функціонал
  • Розробка додатків з використанням QuickStart
  • Фреймворк Angular: основи роботи
  • Введення в TSLint для роботи з TypeScript
  • Практична робота над проєктом: створення інтерактивної односторінкової гри
  • Робота з командним рядком CLI
  • Як провести ініціалізацію проєкту
  • Компоненти Angular: створення і робота
  • Створення та оптимізація білдів Angular
  • Шаблонізація і види шаблонів в Angular
  • Архітектура Angular: директиви Directive, компоненти Component, фільтри Pipes
  • Робота зі структурою DOM в Angular
  • Використання компонентів Angular без додатка за допомогою Angular Elements
  • Створення компонента Angular Elements
  • Вбудовані декоратори Angular
  • Сервіси та класи для роботи з даними в Angular
  • Як здійснити зберігання і прив'язку даних в Angular
  • Як працювати з формами Angular
  • Взаємодія компонентів в Angular
  • Додаток на Angular 8: життєвий цикл
  • Методи OnDestroy й OnInit: детальний розгляд
  • Властивості й методи компонентів. Спадкування, инкапсулювання
  • Виклик конструктора компонентів програми
  • Роутінг односторінкового додатка SPA в Angular
  • Як створити модуль роутера для додатків
  • Директива Router Outlet: знайомство
  • Робота з роутером: директиви
  • Параметри URL: налаштування
  • Створення вкладених роутів
  • Що таке HTTP і як з ним працювати
  • HttpClient API - детальний розгляд модуля
  • HTTP-запити: методи та інтерфейс для роботи з ними
  • Як використовувати Promises для створення запитів до сервера
  • Об'єкт Observable: введення

Попередні вимоги до учасника

  • Основи роботи з системою контролю версій
  • Знання JavaScript і CSS

Випускники курсу можуть:

  • Створювати форми, здійснювати перевірку і роботу над помилками
  • Розробляти односторінкові веб-додатки із застосуванням фреймворків
  • Створювати власні директиви й працювати зі вбудованими
  • Розробляти проєкти з використанням command line interface (CLI)
  • Розуміти та використовувати двостороннє зв'язування даних
  • Знають переваги використання фреймворків для розробки додатків

Особливості курсу

  • Викладачі практики
  • Корпоративне навчання
  • Можливість навчатись у вихідні
  • Можливість влаштуватись у провідні IT-компанії
  • Індивідуальне навчання
Больше информации
Курс
Формат
Online
Начало занятий
18.09.2024
Длительность
11 недель
Уровень
Для начинающих
Язык обучения
Ukrainian
Стоимость
уточняйте
Вечерние занятияВыдаётся диплом/сертификатВозможно трудоустройствоСопровождение ментораРеальный проект в портфолио
Levelup
  • Angular
  • Frontend
Подробнее

Пройдеш повний цикл створення веб-проєктів з нуля. Навчишся швидко та якісно створювати програми з використанням Angular. Налагоджувати вже існуючі програми та покращувати їх роботу.

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

Модуль 1. Встановлення Angular CLI

  • Встановлення Node.js та npm
  • Встановлення Angular CLI через npm
  • Створення нового проекту Angular

Модуль 2. TypeScript

  • Основи TypeScript
  • Типи даних (примітиви, об'єкти, масиви, функції)
  • Інтерфейси та класи

Модуль 3. Філософія Angular

  • SPA (Single Page Application) концепція
  • Архітектура Angular (MVVM, DI, модулі)

Модуль 4. Angular CLI

  • Основні команди CLI
  • Генерація компонентів, директив, сервісів
  • Виконання завдань, таких як build, serve, test

Модуль 5. Компоненти: Створення/Використання/Декоратори

  • Структура компоненту (TS, HTML, CSS)
  • Використання декораторів @Component
  • Створення компонентів через Angular CLI
  • Зв'язування даних (Data Binding)

Модуль 6. Component Life Cycle

  • Життєвий цикл компоненту
  • Основні методи життєвого циклу (ngOnInit, ngOnChanges, ngOnDestroy)
  • Використання хуків життєвого циклу для керування станом компонента

Модуль 7. Change Detection

  • Механізм виявлення змін
  • Оптимізація продуктивності

Модуль 8. Модулі / standalone

  • Основи створення модулів в Angular
  • Використання декоратора @NgModule
  • Standalone компоненти
  • Створення standalone компонентів

Модуль 9. Директиви + Pipes

  • Основи створення директив
  • Відмінності між структурними та атрибутивними директивами
  • Використання вбудованих директив (ngIf, ngFor)
  • Створення та використання pipes
  • Вбудовані pipes (DatePipe, CurrencyPipe, UpperCasePipe)
  • Асинхронні pipes (async pipe)

Модуль 10. Services

  • Основи створення сервісів
  • Використання декоратора @Injectable
  • Використання HttpClient для виконання HTTP запитів
  • Обробка помилок та інтерсептори

Модуль 11. Форми Reactive Forms

  • Основи Reactive Forms
  • Створення FormGroup та FormControl
  • Зв'язування форми з шаблоном

Модуль 12. Обробка даних форми

  • Використання FormBuilder для спрощення створення форм
  • Валідація форм (вбудована та кастомна)
  • Відстеження стану та змін форми

Модуль 13. Форми валідація, динамічне створення

  • Вбудовані валідатори (required, minLength, maxLength)
  • Кастомні валідатори
  • Асинхронні валідатори

Модуль 14. Динамічне створення форм

  • Динамічне додавання та видалення контролів
  • Створення форм за допомогою даних з сервера
  • Динамічні форми з повторюваними елементами

Модуль 15. Ін'єкція залежностей

  • Основи ін'єкції залежностей
  • Використання декоратора @Injectable
  • Впровадження DI (Dependency Injection) в Angular
  • Використання провайдерів

Модуль 16. Роутінг

  • Налаштування маршрутизації в додатку
  • Використання RouterModule та Routes
  • Створення навігації між сторінками
  • Lazy Loading модулів
  • Guard-и та Resolver-и

Модуль 17. Angular Material/PrimeNG

  • Angular Material
  • PrimeNG

Модуль 18. RxJS

  • Основи RXJS
  • Спостережувані (Observables) та підписники (Subscribers)
  • Основні оператори (map, filter, tap)
  • Обробка асинхронних даних

Модуль 19. Store - state management

  • Основи управління станом
  • Поняття глобального стану
  • Використання бібліотеки NgRx
  • Створення стору, редюсерів та екшенів

Модуль 20. Store практика

  • Реалізація простого додатку
  • Створення простого додатку з використанням NgRx
  • Управління станом додатку

Модуль 21. Translate Service

  • Інтернаціоналізація додатку
  • Використання бібліотеки ngxtranslate
  • Створення файлів перекладів
  • Динамічна зміна мови в додатку

Після курсу ти зможеш:

  • Розуміти, як працює відстеження змін. Налагоджувати вже існуючі програми та покращувати їх роботу
  • Швидко та якісно створювати програми з використанням можливостей Angular приймаючи правильні архітектурні рішення
  • Збирати веб-додатки з окремих компонентів, як з деталей конструктора та застосовувати шаблони Angular дизайну
  • Використовувати в роботі низку допоміжних бібліотек, які часто доповнюють Angular для створення повнофункціональних додатків
  • Навчишся справлятися з витоками пам'яті у своїх проєктах, щоб підвищити продуктивність
  • Візьмите участь у командному стажуванні та створите власний проєкт - інтернет-магазин. Роботу організуєте як у справжній компанії - у вас будуть спринти, дзвінки з тимлідом, а вести контроль версій у Git.

Особливості курсу

  • Живі онлайн заняття
  • 90% практики
  • Підтримка викладачів
  • Кар'єрні івенти
  • Можлива оплата курсу частинами

Викладачі курсу

Димтро Томчук - Front-End Developer (Angular Developer)

Больше информации

Читайте нас в Telegram, чтобы не пропустить анонсы новых курсов.

Відгуки про курси

Отзывы о курсах

Студент ItStep   15.10.2024

Навчався в комп'ютерній академії більше року . За весь час виникали різні моменти – приємні та не дуже . Академія на початку була дуже цікава , але потім я почав дивитися на неї з точки зору програміста ‍. Запустили оновлений сайт та додаток для того, щоб студенти могли скидати свої домашні завдання . Мало того, що додаток та сайт взагалі погано працювали, доходило до того, що неможливо було відправити домашні завдання . Після оновлення взагалі прибрали багато функцій , не можливо переглянути оцінки за екзамени і ще деякі, менш важливі. В мене просто виникає питання – як академія, яка навчає програмування, має такий сайт та додаток, як MyStat ?

Мені сподобалися викладачі – до них питань не має . Але була така ситуація: коли були канікули тривалістю 3,5 тижні , то викладача мобілізували. Після цього викладача шукали ще два тижні , і нормальних занять не було , але оплачувати все одно потрібно було . Відпрацювань за всі заняття також не було . Тоді за що я платив?!

Коли вступав в академію, не прочитав повністю договір , щодо того, що якщо група менша 7 осіб, то ми йдемо в академвідпустку, або нам шукають іншу групу . Так сталося з моєю групою. При початку навчання було майже 20 студентів у групі ‍, а стало 6. + академвідпустка платна . Я пішов в академвідпустку, але коли я попросив виписати оцінки за екзамени для роботи, виявилося, що в мене зовсім відрізняються оцінки від тих, які мені ставили викладачі, і мені довелося шукати ті оцінки, які мені ставили викладачі насправді. Вони сказали, що це можливо глюк в їхній базі . Висновки робіть самі – чи могли б з такої гарної академії піти багато студентів ...

Рекомендации: Не рекомендую
1
Средняя: 1 (1 голос)
Курсы Angular