Курс Angular
Для кого цей курс
Розробники-початківці та практикуючі Frontend розробники, які вперше знайомляться з фреймворком Angular, побудовою складної логіки та структури SPA проєкту.Попередні вимоги
• HTML5 & CSS3• JavaScript ECMAScript 6
• TypeScript
Тривалість
22 год.
Кількість уроків
11 занять
Вартість навчання
158
Курс входить до
Спеціальності 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
Створювати SPA додаток, який буде складатися з компонентів, модулів та сервісів
3
Налаштовувати маршрутизацію в додатку та передавати дані між компонентами
4
Працювати з Dependency Injection, формами, пайпами та використовувати головні директиви
5
Працювати з сервером використовуючи HttpClient та RxJs
6
Працювати з Angular CLI та розуміти команди для розробки та публікації застосунку
Спробуй безкоштовно
Повноцінне заняття з тренером
Що входить до курсу
22 годин живого навчання з тренером
Практичні заняття та перевірка ДЗ
Спілкування з групою
Підтримка ментора та асистента
Тестування та Сертифікат
Відео курс від ITVDN
Як відбувається навчання
1
Живі онлайн заняття
з тренером
2
Виконання
домашніх завдань
3
Перевірка ДЗ
та фідбек
4
Тестування
та сертифікація
Сертифікат після закінчення курсу
Сертифікат після закінчення курсу
Тестування та сертифікація ІТ фахівців проходить на нашій власній платформі TestProvider.com
Ви отримуєте завірений сертифікат від CyberBionic Systematics, який підтверджує рівень ваших знань та збільшує шанси на успішне працевлаштування.
Кожен сертифікат має серійний номер, роботодавець може його перевірити та переконатися у справжності сертифіката.
Готовий
почати навчання?
Відправляй заявку та зафіксуй свою знижку на навчання
Дмитро Охріменко
Експерт з побудови розподілених та веб-орієнтованих додатків.
Сертифікований спеціаліст Microsoft (MCTS, MCPD, MCT).
Олександр Гончаренко
Web Frontend Developer.
Сертифікований спеціаліст MCSA
Віталій Мазяр
Web Frontend Developer. Тренер – консультант. Сертифікований тренер Microsoft. Автор відео курсів на ITVDN
Відгуки наших студентів
Відгуки з DOU
Відгуки з Facebook
Відгуки з Google
Максим Култышев
FrontEnd Developer
Я искал курсы по Frontend через поисковик и сравнил все варианты, проанализировал соотношение цены-качества. Плюс, я рассмотрел разные отзывы, и остановил свой выбор на CyberBionic Systematics. Здесь мне предоставляли компьютер, место для обучения, пространство.
Я раньше уже интересовался Frontend разработкой, занимался сам и пробовал делать сайты. Но почувствовал необходимость систематизировать знания, чтобы все в голове уложилось.
Здесь на курсах материал подан доступно и понятно, и достаточно детально. Местами мне было немного скучно, поскольку я уже занимался ранее, но в целом все было хорошо. Тренеры - Марина и Саша - отвечали на все вопросы. Если были проблемы, тренеры помогали и подсказывали, как исправлять ошибки. Задания всегда проверялись очень внимательно.
От себя могу сказать, что если человеку это направление нравится, то нужно пробовать. Если что-то не получается - нужно прикладывать усилия и время, и все получится.
Обязательно нужно читать литературу, примеры решения рабочих задач - основное обучение все равно происходит вне стен учебного заведения.
Для себя я вижу, что хоть таких специалистов и не готовят в институтах, но эта профессия уже востребована и будет востребована в будущем.
показати весь
Денис Попов
Project Manager, Ciklum
Курсы от CyberBionic Systematics дадут замечательную возможность каждому окунуться в мир программирования и благодаря актуальности рассматриваемых тем и практических заданий увидеть всю многогранность этого мира. Поднять себя на новые высоты с которых уже можно видеть свои профессиональные горизонты, наметить пути их завоевания и смело двинуться в путь.
показати весь
Дмитрий Беляев
.NET Developer
Пройшов курс за спеціальністю .NET розробник, від початку до кінця. Дуже вдячний людям за їхню працю, розуміння та допомогу. Чуйність від персоналу досить висока, так само, як і навички тренера (Михайла Козіна) - впевненість у поданні матеріалу, підкреслення важливих моментів та їх повторення при необхідності. Заняття проходять у комфортній обстановці, без будь-якої напруги. Навчання на останньому уроці не обривається, адже Команда CBS дає змогу отримати досвід роботи в їхній компанії, що є неймовірним бонусом.
показати весь
Компанії, в яких працюють наші студенти
Залишилися питання?
Підкажемо, з чого почати, яку спеціальність обрати і як знайти першу роботу.
Про курс Angular
Angular — популярний JavaScript фреймворк, який використовується для створення односторінкових додатків (Single Page Applications) з єдиним інтерфейсом. На виході розробник отримує ефективний веб-додаток з кодом, який легко читати та підтримувати. Кожна нова версія Angular відрізняється від попередніх кращою продуктивністю, більшою зручністю розробки, а також новими можливостями. Відповідно до виходу нових версій оновлюється програма навчання і практичні приклади.
Цей курс є частиною спеціальності Frontend розробник. Він допоможе Вам навчитися використовувати фреймворк Angular.
Курс Angular складається з 11 взаємопов'язаних уроків, на яких студенти застосовують на практиці теоретичні знання даного фреймворку різних версій. Будуть розглянуті такі сутності, як: компоненти, пайпи, сервіси, модулі і т. п., які є невід'ємною частиною будь-якої програми на Angular. Студенти дізнаються, яким чином вибудовується структура файлів і коду програми в можливих варіантах, як використовується інструментарій для гнучкого налаштування роботи з формами, серверними запитами/відповідями, маршрутизацією сайту/додатку.
Вивчивши матеріали курсу, ви зможете реалізувати Sinngle Page Application (SPA) проєкт, налаштувавши маршрутизацію за своєю структурою і прив'язавши в кожній окремій сторінці свій шаблон та логіку взаємодії з користувачем, додавши, наприклад, валідацію форми з різними повідомленнями-підказками і виведенням серверних даних.
Отримані знання дозволять швидко сформувати всі необхідні навички для успішного застосування Angular у реальних задачах та значно наблизять вас до працевлаштування в якості Frontend розробника.
Цей курс є частиною спеціальності Frontend розробник. Він допоможе Вам навчитися використовувати фреймворк Angular.
Курс Angular складається з 11 взаємопов'язаних уроків, на яких студенти застосовують на практиці теоретичні знання даного фреймворку різних версій. Будуть розглянуті такі сутності, як: компоненти, пайпи, сервіси, модулі і т. п., які є невід'ємною частиною будь-якої програми на Angular. Студенти дізнаються, яким чином вибудовується структура файлів і коду програми в можливих варіантах, як використовується інструментарій для гнучкого налаштування роботи з формами, серверними запитами/відповідями, маршрутизацією сайту/додатку.
Вивчивши матеріали курсу, ви зможете реалізувати Sinngle Page Application (SPA) проєкт, налаштувавши маршрутизацію за своєю структурою і прив'язавши в кожній окремій сторінці свій шаблон та логіку взаємодії з користувачем, додавши, наприклад, валідацію форми з різними повідомленнями-підказками і виведенням серверних даних.
Отримані знання дозволять швидко сформувати всі необхідні навички для успішного застосування Angular у реальних задачах та значно наблизять вас до працевлаштування в якості Frontend розробника.