Levelup

Angular JS

11 тижнів
Для початківців
Angular Frontend
Цей курс навчить тебе створювати веб-додатки з нуля за допомогою Angular. Ти освоїш TypeScript, компоненти, форми, роутінг та управління станом, а також навчишся оптимізувати роботу додатків. Після курсу зможеш розробляти повноцінні проекти, включаючи інтернет-магазин, у команді.

Про курс

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

Підготовка до роботи з Angular

Курс починається з налаштування робочого середовища. Слухачі встановлять Node.js та npm, потім - Angular CLI. Вони одразу створять свій перший проект Angular, щоб перевірити, що все працює правильно.

Основи TypeScript та архітектура Angular

Далі йде знайомство з TypeScript - мовою, на якій пишуть Angular-додатки. Розглядаються типи даних, інтерфейси та класи. Паралельно слухачі дізнаються про філософію Angular: що таке SPA, яка архітектура фреймворку та основні принципи роботи.

Робота з Angular CLI та компоненти

Тут показують, як ефективно використовувати Angular CLI для автоматизації роботи. Слухачі навчаться генерувати компоненти, директиви та сервіси за допомогою команд. Вони глибше заглибляться у структуру компонентів, вивчать декоратори та освоять різні типи зв'язування даних.

Життєвий цикл компонентів та механізми оновлення

Цей блок пояснює, як живуть компоненти в Angular. Розглядаються всі етапи життєвого циклу - від створення до знищення. Слухачі навчаться використовувати методи на кшталт ngOnInit та ngOnDestroy. Також пояснюється механізм виявлення змін і способи його оптимізації для покращення продуктивності додатків.

Модулі, директиви та pipes

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

Сервіси та HTTP-запити

Тут показують, як створювати сервіси для бізнес-логіки та роботи з даними. Слухачі навчаться виконувати HTTP-запити до сервера, обробляти помилки та використовувати інтерсептори. Це основа для взаємодії з бекендом у реальних додатках.

Складні форми та валідація

Ці три модулі присвячені роботі з формами. Спочатку слухачі освоять Reactive Forms - створення груп полів та контролів. Потім дізнаються про валідацію - як стандартну, так і кастомну. На завершення - динамічне створення форм, коли поля додаються або видаляються під час роботи додатку.

Ін'єкція залежностей та роутінг

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

UI-бібліотеки та робота з даними

Слухачі познайомляться з популярними бібліотеками компонентів - Angular Material та PrimeNG. Потім перейдуть до RxJS - бібліотеки для роботи з асинхронними операціями. Вони навчаться використовувати Observables та оператори для обробки потоків даних.

Управління станом додатку

Ці два модулі показують, як керувати станом складних додатків. Спочатку - теорія: що таке глобальний стан, як працює NgRx. Потім - практика: створення реального додатку з використанням стору, редюсерів та екшенів.

Інтернаціоналізація та фінальний проект

На завершення слухачі навчаться додавати підтримку різних мов у додатках за допомогою ngx-translate. Весь отриманий досвід вони застосують у фінальному проекті - створенні інтернет-магазину у команді з реальним процесом розробки, спринтами та code review.

Результати після курсу

Після закінчення курсу ви зможете розуміти механізми роботи Angular, швидко створювати якісні додатки, приймаючи правильні архітектурні рішення. Навчитеся збирати програми з компонентів, використовувати допоміжні бібліотеки, оптимізувати продуктивність та уникати витоків пам'яті. Досвід командного проекту дасть розуміння реального процесу розробки.

Особливості навчання

Курс проходить у форматі живих онлайн-занять з акцентом на практику - 90% часу ви будете писати код. Викладачі підтримують студентів протягом усього навчання. Доступні кар'єрні заходи та можливість оплати частинами.

Що включено

Вечірні заняття
Видається диплом/сертифікат
Можливе працевлаштування
Реальний проект у портфоліо
Супровід ментора