Курсы Angular developer

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

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

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

Введення до Angular

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Практичне заняття

Частина 1

Практичне заняття

Частина 2

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

  • Розуміти роль та переваги 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
Начало занятий
Дата формується
Длительность
24 часов
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
8 500 UAH за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментораРеальный проект в портфолио
Мир Современного Образования
  • Angular
  • Frontend
Подробнее

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

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

RxJS

  • Observables розширено
  • Що вирішує RxJS?
  • Як використовувати RxJS?

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

  • Вкладені маршрути
  • Закриті маршрути

Модулі Angular

  • ngExpressEngine

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

  • Angular + Node.js + express.js

Структурування зберігання даних

  • State
  • Store
  • Flux
  • Mobx
  • Redux

SSR (server-site rendering)

  • ngExpressEngine

Деплой + майбутнє Angular

  • Heroku, fly.io, GitHub Codespace, Hostiq, Vercel
  • Angular 15+, як дізнатися, що оновилося, і як навчатися самостійно Angular

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

  • Впевнене знання JavaScript
  • Вміння працювати з системою контролю версій (Git)
  • Навички роботи с Angular та Angular CLI (створення компонентів/сервісів/пайпів)
  • Базове розуміння маршрутизації
  • Знання TypeScript
  • Базове розуміння принципу роботи back end (Node.js)
  • Наявність комп'ютера для участі в онлайн-заняттях

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

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

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

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

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

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

Вступ в Angular

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

Знайомство з розробкою на Angular 15 + запуск першого додатка

  • Структура фреймворка
  • Опис і функціонал основних модулів
  • Робота з CLI
  • Як підключати змінні та функції

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

  • Компоненти
  • Директиви
  • Pipes
  • Шаблонізації
  • Основи створення Angular Web Components - Angular Elements

Основи роботи з даними в Angular

  • Декоратори
  • Сервіси
  • Прив'язка даних
  • Зберігання даних
  • Взаємодія між компонентами
  • Робота з HttpClient

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

  • Форми в Angular
  • Валідація, налаштування форм
  • Взяття данних з різних типів форм
  • Реактивні форми

Основні життєві цикли додатків

  • ngOnChanges
  • ngOnInit
  • ngDoCheck
  • ngAfterContentInit
  • ngAfterContentChecked
  • ngAfterViewInit
  • ngAfterViewChecked
  • ngOnDestroy
  • constructor

Основи роботи з HTTP

  • Розбір модуля HttpClient API
  • Інтерфейси для роботи з усіма методами HTTP запитів
  • Створення запитів до сервера з використанням Promises
  • Короткий вступ в Observables

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

  • Впевнене знання JavaScript
  • Вміння працювати з системою контролю версій
  • Наявність комп'ютера для участі в онлайн-заняттях

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

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

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

  • Допомога ментора
  • Практика
  • Проєкт в портфоліо
  • Сертифікат про проходження курсу
Больше информации
Курс
Формат
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)

Больше информации
Курс
Формат
Online
Начало занятий
Дата формується
Длительность
10 часов
Уровень
Для опытных
Язык обучения
Ukrainian
Стоимость
110 USD за курс
Гибкий графикВыдаётся диплом/сертификатСопровождение ментора
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
Больше информации

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

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

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

Студент ItStep   15.10.2024

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

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

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

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