level+ 2,5 місяців Professional

Курс Angular JS

Навчишся створювати комплексні рішення бізнес-завдань за допомогою фреймворку Angular

Спілкуватись в Telegram

Доступна оплата частинами

Навчання без води

Навчишся швидко та якісно створювати програми з використанням Angular

Real-life заняття

Заняття проходять в Online-режимі – тільки живе спілкування з викладачем в міні-групі до 12 студентів і жодних готових відеороликів.

Кар'єрний сервіс

Персоналізована допомога коуча правильному позіціонуванні та стратегії пошуку нової роботи

Не вагайся, тицяй кнопку Для кого 🤔 цей курс?

Початківцям і практикуючим Frontend-розробникам які вже мають базові знання HTML, CSS і JavaScript і прагнуть професійного зростання, а для цього хочуть освоїти найпопулярніший фреймворк Angular

Що на тебе чекає?

Комплексна програма навчання професії Angular розробника

Конструювати на Angular

Теорію вчитимешся відразу застосовувати на практиці в Git/GitHub для обміну вихідним кодом

Постійний фідбек

Розбір домашніх завдань, рекомендації та оцінка практичності застосованих рішень

Доступ до матеріалів

Необмежений доступ до усіх матеріалів курсу та супровідних записів занять

Спілкування з ментором

Закритий Telegram-чат групи з викладачем, де отримуйте допомогу та підтримку у вирішенні складних завдань

Випускний проєкт

Створення повноцінного проекту Angular з нуля - інтернет магазин, з застосування отриманих знань, рев'ю і оптимізація коду

але це не точно 😏 Після курсу будеш <Coding like a God?>

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

Навчання Програма курсу

Тебе чекає навчання, засноване на практичній роботі з реальними кейсами

Angular CLI

Reactive Forms

Робота з RXJS

Проектування web-додатку

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

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

Модуль 2 2. TypeScript

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

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

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

Модуль 4 4. Angular CLI

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

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

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

Модуль 6 6. Component Life cycle

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

Модуль 7 7. Change Detection

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

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

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

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

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

Модуль 10 10. Services

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

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

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

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

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

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

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

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

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

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

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

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

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

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

17. 1 Angular Material
17.2 PrimeNG

Модуль 18 18. RXJS

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

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

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

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

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

Модуль 21 21. Translate Service

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

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

Ти навчатимешся у практикуючого фахівця

Дмитро Томчук

FRONT-END DEVELOPER (ANGULAR DEVELOPER)

5+ досвіду роботи у WEB-розробці, спеціалізуюсь на JavaScript розробці з використанням Angular
Маю досвід роботи як на фрізансі так і в великів компанії. Працював над створення інтерфейсів великих маркетплейсів по типу eBay, Amazon and Walmart
Досвід викладача та ментора більше 3х років

приклад Проєкт, який ти зробиш на курсі ANGULAR

Інтернет-магазин Односторінковий додаток з динамічним підвантаженням сторінок. Redux архітектура. Фільтрування товарів за кількома критеріями із збереженням стану. Слайдер, інструмент, та ряд інших графічних компонентів на Angular.

кар’єрний супровід включено у вартість курсу Як ми допоможемо тобі знайти першу роботу?

Надамо рекомендації, як у CV правильно описаний набуті навички та soft skills, які хоче бачити роботодавець + 1 варіанти CV адаптованих під конкретну вакансію

Доступ до закритого Telegram-каналу з вакансіями від наших партнерів та рекомендації вас на конкретні вакансії

Прокачаний профіль Linkedin, який точно зацікавить рекрутерів

Деталі курсу <Angular JS/>

Можна долучитися 66 годин, 11 тижнів Пн, Чт 18.00-21.00

Способи оплати

5% знижка за рекомендацією друга

20% знижка ЗСУ та військовим

Оплата частинами від monobank від 3 до 4 платежів без комісії

Хочеш дізнатись 🤔 більше - заповни форму!

Питання / відповідь

Чим займається Angular розробник?

Angular розробник - це фахівець, який створює комплексні рішення бізнес-завдань за допомогою фреймворку Angular. Вміє верстати веб-сторінки, має гарні знання мови програмування JavaScript та TypeScript, а також низку інших веб-технологій, які використовуються під час створення односторінкових веб-додатків - SPA (Single Page Application)

Що треба знати Angular розробнику?

- мови верстки HTML і CSS; - мова програмування JavaScript на просунутому рівні; - один з препроцесорів CSS; - технології DOM, AJAX та JSON; - мова програмування TypeScript; - фреймворк Angular; - інструмент для автоматизації роботи Angular CLI; - Bootstrap; - інструменти контролю версій Git; - Webpack для складання проектів; - знати англійську на рівні не нижче Intermediate.

Скільки заробляє Angular розробник?

Це залежить від досвіду роботи в цьому напрямку, твоїх особистих навичок, а також від набору технологій, які ти знаєш та застосовуєш на практиці. Актуальну зарплату Angular розробника можна дізнатися на сайтах jobs.dou.ua, djinni.com , ua.jooble.org. Та заробітна плата Junior Angular розробника стартує від 900$, а стелі як відомо в IT немає.