Курс Angular
Для кого цей курс
Розробники-початківці та практикуючі Frontend розробники, які вперше знайомляться з фреймворком Angular, побудовою складної логіки та структури проекту.Попередні вимоги
• HTML5 & CSS3• JavaScript ECMAScript 6
• TypeScript
Акція діє до 01.12.2025
Тривалість
22 год.
Кількість уроків
11 занять
Вартість навчання
Курс входить до
Спеціальності FrontEnd Розробник + AI SkillsПрограма курсу
1
Введення до Angular
• Знайомство з фреймворком Angular.
• Огляд необхідних інструментів для початку розроблення.
• Створення додатку, огляд файлів та папок створеного проекту.
• Знайомство з синтаксисом та структурою коду на Angular.
• Створення компонентів і їх реєстрація через CLI.
• Компонентний підхід задання стилів.
• Компоненти та модулі в додатку, а також те, як вони описані шаблоном Декоратор.
• Додавання картинок/іконок до проекту.
• Огляд необхідних інструментів для початку розроблення.
• Створення додатку, огляд файлів та папок створеного проекту.
• Знайомство з синтаксисом та структурою коду на Angular.
• Створення компонентів і їх реєстрація через CLI.
• Компонентний підхід задання стилів.
• Компоненти та модулі в додатку, а також те, як вони описані шаблоном Декоратор.
• Додавання картинок/іконок до проекту.
2
Події та датабайдинг
• Основи маршрутизації і основні принципи виведення даних на сторінку.
• Створення простого проекту з маршрутизацією.
• Задання різної логіки виведення даних.
• Стилізація розмітки через інструменти Angular.
• Розбір синтаксису записів та технічної різниці між ними в їх використанні
• Створення простого проекту з маршрутизацією.
• Задання різної логіки виведення даних.
• Стилізація розмітки через інструменти Angular.
• Розбір синтаксису записів та технічної різниці між ними в їх використанні
3
Директиви, пайпи. Роль модулів Angular
• Використання директив.
• Створення необхідних шаблонів, які повторюються в проекті.
• Перетворення даних за допомогою пайпів.
• Модульна архітектура.
• Створення необхідних шаблонів, які повторюються в проекті.
• Перетворення даних за допомогою пайпів.
• Модульна архітектура.
4
Компоненти та їх робота
• Стилі компонентів.
• Передача даних між компонентами.
• Взаємодія компонентів.
• Життєвий цикл компонентів
• Передача даних між компонентами.
• Взаємодія компонентів.
• Життєвий цикл компонентів
5
Основи роботи сервісів та їх роль у додатку
• Основи роботи сервісів
• Створення та реєстрація сервісу
• Локальні сервіси
• Область видимості сервісів та їх взаємозв'язок
• Створення та реєстрація сервісу
• Локальні сервіси
• Область видимості сервісів та їх взаємозв'язок
6
Введення у HttpClient та RxJS
• Основи бібліотеки RxJS та її використання для роботи з асинхронністю
• Модуль HttpClientModule для взаємодії з сервером
• Модуль HttpClientModule для взаємодії з сервером
7
Форми в Ангуляр
• Створення форм в Angular
• Двосторонній байдинг
• Реактивні форми. Відображення стану форми та її полів
• Валідатори
• Управління формою, її полями
• Асинхронні валідатори
• Двосторонній байдинг
• Реактивні форми. Відображення стану форми та її полів
• Валідатори
• Управління формою, її полями
• Асинхронні валідатори
8
Маршрутизація
• Основи маршрутизації, динамічні сторінки
• Динамічні сторінки і передача даних між ними
• Обмеження маршрутизації в Angular
• Динамічні сторінки і передача даних між ними
• Обмеження маршрутизації в Angular
9
Практичне заняття. Підготовка до роботи проєкту
Підготовка до роботи проєкту, налаштування маршрутизації, реалізація простого запиту на сервер для виводу інформації в блоках.
10
Практичне заняття. Створення окремих сторінок динамічною маршрутизацію
Створення окремих сторінок динамічною маршрутизацію і передача даних між сторінками.
11
Практичне заняття. Додавання форми з валідацією
Додавання форми з валідацією.
По завершенню курсу ви будете вміти
1
Розуміти роль та переваги Angular у веб-технологіях
2
Створювати простий додаток, який буде складатися з компонентів, модулів та сервісів
3
Налаштовувати маршрутизацію в додатку та передавати дані між сторінками
4
Використовувати додаткові вбудовані інструменти для додатку, такі як: директиви, пайпи, сервіси, форми
5
Виконувати запити та приймати відповіді з серверної сторони сайту/додатку
Спробуй безкоштовно
Повноцінне заняття з тренером
Що входить до курсу
22 годин живого навчання з тренером
Практичні заняття та перевірка ДЗ
Спілкування з групою
Підтримка ментора та асистента
Тестування та Сертифікат
Відео курс від ITVDN
Як відбувається навчання
1
Живі онлайн заняття
з тренером
2
Виконання
домашніх завдань
3
Перевірка ДЗ
та фідбек
4
Тестування
та сертифікація
Сертифікат після закінчення курсу
Сертифікат після закінчення курсу
Тестування та сертифікація ІТ фахівців проходить на нашій власній платформі TestProvider.com
Ви отримуєте завірений сертифікат від CyberBionic Systematics, який підтверджує рівень ваших знань та збільшує шанси на успішне працевлаштування.
Кожен сертифікат має серійний номер, роботодавець може його перевірити та переконатися у справжності сертифіката.
Готовий
почати навчання?
Відправляй заявку та зафіксуй свою знижку на навчання
Дмитро Охріменко
Експерт з побудови розподілених та веб-орієнтованих додатків.
Сертифікований спеціаліст Microsoft (MCTS, MCPD, MCT).
Сергій Патьоха
Senior Software Engineer at BIScience, тренер-консультант CyberBionic Systematics
Олександр Гончаренко
Web Frontend Developer.
Сертифікований спеціаліст MCSA
Анна Павлюк
WEB Frontend Developer.
Тренер – консультант
Олена Хижняк
WEB Frontend Developer. Сертифікований тренер Microsoft (MCSA)
Поліна Соколенко
WEB Frontend Developer.
Тренер – консультант
Віталій Мазяр
Web Frontend Developer. Тренер – консультант. Сертифікований тренер Microsoft. Автор відео курсів на ITVDN
Оксана Дмитрієва
WEB Frontend Developer. Тренер – консультант
Денис Ковтун
Web Frontend Developer. Тренер – консультант.
Сертифікований тренер Microsoft
Відгуки наших студентів
Відгуки з DOU
Olha Aliakina
Python developer
Я пройшла курс Python Developer.
Мені сподобалось, Python досить глибоко вивчали, з нуля і до асинхроного програмування, WebSocket... Насправді дуже багато тем розглянули, отримала уявлення як правцювати з БД, Git. Також вивчали Django, вже не так глибоко як Python, але достатньо, щоб робити проекти типу блог, веб магазин.
Домашки у мене займали часу, якщо на базовому курсі все встигати було легко, то починаючи з ООП вже потребували більше часу. Але насправді дуже корисні завдання і різні, щоб мозок запрацював у різних напрямках однієї теми. Щоб виконати дз, у моєму курсі конктетно, треба було також переглядати лекції на ITDVN, не тільки лекцію викладача. Бо часто відповідь як вирішити певну задачку була на лекції ITDVN на відповідну тему.
Після кожного з курсів можна пройти тестування і отримати сертифікацію по курсу. Для джунів це досить хороша опція, бо ці сертифікати можна викладати на лінкедин, щоб було підтвердження навчання. Що я і зробила. Тому рекомендувала б не забивати на тестування, а проходити.
Я б сказала, що пройти курс Python Developer було для мене визванням, встигати робити всі домашки і кінцевий проект не було легко, але було варто того. Нагрузка відчувалась, але якраз нагрузка і запускає роботу мозку в потрібному напрямку. Я задоволена курсом.
Прочитати оригінал
Відгуки з Facebook
Евгений Евгеньевич
Angular Developer
Пройшов у CyberBionics все що тільки можна))
Близько 5 різних курсів по frontend після чого вже 5 років є Angular розробником і нещодавно піврічний курс по .NET
Дякую школі, вона допомогла мені стати тим, хто я є.
Прочитати оригінал
Відгуки з Google
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
Прочитати оригінал
Компанії, в яких працюють наші студенти
Залишилися питання?
Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу.
Про курс Angular
Angular — популярний JavaScript фреймворк, який використовується для створення односторінкових додатків (Single Page Applications) з єдиним інтерфейсом. На виході розробник отримує ефективний веб-додаток з кодом, який легко читати та підтримувати. Кожна нова версія Angular відрізняється від попередніх кращою продуктивністю, більшою зручністю розробки, а також новими можливостями. Відповідно до виходу нових версій оновлюється програма навчання і практичні приклади.
Цей курс є частиною спеціальності Frontend розробник. Він допоможе Вам вивчити основи платформи Angular.
Курс Angular складається з 11 взаємопов'язаних уроків, на яких студенти застосовують на практиці теоретичні знання даного фреймворку різних версій. Будуть розглянуті такі сутності, як: компоненти, пайпи, сервіси, модулі і т. п., які є невід'ємною частиною будь-якої програми на Angular. Студенти дізнаються, яким чином вибудовується структура файлів і коду програми в можливих варіантах, як використовується інструментарій для гнучкого налаштування роботи з формами, серверними запитами/відповідями, маршрутизацією сайту/додатку.
Вивчивши матеріали курсу, ви зможете реалізувати простий проєкт, налаштувавши маршрутизацію за своєю структурою і прив'язавши в кожній окремій сторінці свій шаблон та логіку взаємодії з користувачем, додавши, наприклад, валідацію форми з різними повідомленнями-підказками і виведенням серверних даних.
Отримані знання дозволять швидко сформувати всі необхідні навички для успішного застосування Angular у реальних задачах та значно наблизять вас до працевлаштування в якості Frontend розробника.
Цей курс є частиною спеціальності Frontend розробник. Він допоможе Вам вивчити основи платформи Angular.
Курс Angular складається з 11 взаємопов'язаних уроків, на яких студенти застосовують на практиці теоретичні знання даного фреймворку різних версій. Будуть розглянуті такі сутності, як: компоненти, пайпи, сервіси, модулі і т. п., які є невід'ємною частиною будь-якої програми на Angular. Студенти дізнаються, яким чином вибудовується структура файлів і коду програми в можливих варіантах, як використовується інструментарій для гнучкого налаштування роботи з формами, серверними запитами/відповідями, маршрутизацією сайту/додатку.
Вивчивши матеріали курсу, ви зможете реалізувати простий проєкт, налаштувавши маршрутизацію за своєю структурою і прив'язавши в кожній окремій сторінці свій шаблон та логіку взаємодії з користувачем, додавши, наприклад, валідацію форми з різними повідомленнями-підказками і виведенням серверних даних.
Отримані знання дозволять швидко сформувати всі необхідні навички для успішного застосування Angular у реальних задачах та значно наблизять вас до працевлаштування в якості Frontend розробника.