Курс Angular ᐈ Навчання Ангуляр в CyberBionic Systematics

Курс Angular

Для кого цей курс

Розробники-початківці та практикуючі Frontend розробники, які вперше знайомляться з фреймворком Angular, побудовою складної логіки та структури SPA проєкту.

Попередні вимоги

• HTML5 & CSS3
• JavaScript ECMAScript 6
• TypeScript
Купити
Duration

Тривалість

22 год.
Count

Кількість уроків

11 занять
Price

Вартість навчання

158
Included

Курс входить до

Спеціальності FrontEnd Розробник + AI Skills

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

1
Введення до Angular
• Знайомство з фреймворком Angular.
• Огляд необхідних інструментів для початку розроблення.
• Створення додатку, огляд файлів та папок створеного проекту.
• Знайомство з синтаксисом та структурою коду на Angular.
• Створення компонентів і їх реєстрація через CLI.
• Компонентний підхід задання стилів.
• Компоненти та модулі в додатку, а також те, як вони описані шаблоном Декоратор.
• Додавання картинок/іконок до проекту.
2
Події та датабайдинг
• Основи маршрутизації і основні принципи виведення даних на сторінку.
• Створення простого проекту з маршрутизацією.
• Задання різної логіки виведення даних.
• Стилізація розмітки через інструменти Angular.
• Розбір синтаксису записів та технічної різниці між ними в їх використанні
3
Директиви, пайпи. Роль модулів Angular
• Використання директив.
• Створення необхідних шаблонів, які повторюються в проекті.
• Перетворення даних за допомогою пайпів.
• Модульна архітектура.
4
Компоненти та їх робота
• Стилі компонентів.
• Передача даних між компонентами.
• Взаємодія компонентів.
• Життєвий цикл компонентів
5
Основи роботи сервісів та їх роль у додатку
• Основи роботи сервісів
• Створення та реєстрація сервісу
• Локальні сервіси
• Область видимості сервісів та їх взаємозв'язок
6
Введення у HttpClient та RxJS
• Основи бібліотеки RxJS та її використання для роботи з асинхронністю
• Модуль HttpClientModule для взаємодії з сервером
7
Форми в Ангуляр
• Створення форм в Angular
• Двосторонній байдинг
• Реактивні форми. Відображення стану форми та її полів
• Валідатори
• Управління формою, її полями
• Асинхронні валідатори
8
Маршрутизація
• Основи маршрутизації, динамічні сторінки
• Динамічні сторінки і передача даних між ними
• Обмеження маршрутизації в Angular
9
Практичне заняття. Підготовка до роботи проєкту
Підготовка до роботи проєкту, налаштування маршрутизації, реалізація простого запиту на сервер для виводу інформації в блоках.
10
Практичне заняття. Створення окремих сторінок динамічною маршрутизацію
Створення окремих сторінок динамічною маршрутизацію і передача даних між сторінками.
11
Практичне заняття. Додавання форми з валідацією
Додавання форми з валідацією.

По завершенню курсу ви будете вміти

1

Розуміти роль та переваги Angular у веб-технологіях

2

Створювати SPA додаток, який буде складатися з компонентів, модулів та сервісів

3

Налаштовувати маршрутизацію в додатку та передавати дані між компонентами

4

Працювати з Dependency Injection, формами, пайпами та використовувати головні директиви

5

Працювати з сервером використовуючи HttpClient та RxJs

6

Працювати з Angular CLI та розуміти команди для розробки та публікації застосунку

Спробуй безкоштовно

Повноцінне заняття з тренером

Що входить до курсу

22 годин живого навчання з тренером

Практичні заняття та перевірка ДЗ 

Спілкування з групою

Підтримка ментора та асистента

Тестування та Сертифікат

Відео курс від ITVDN

Як відбувається навчання

1 Arrow

Живі онлайн заняття
з тренером

Заняття групи проходять онлайн. Це ефективне живе спілкування. Всі уроки записуються і доступні для повторного перегляду.
2 Arrow

Виконання
домашніх завдань

До кожного уроку розроблені практичні завдання, які необхідно виконувати і здавати у спеціальній LMS системі
3 Arrow

Перевірка ДЗ
та фідбек

Усі роботи студентів перевіряються
і по кожному завданню надається фідбек з оцінкою та рекомендаціями.
4

Тестування
та сертифікація

Після кожного модуля програми студенти проходять тестування
і отримують сертифікати, які підтверджують рівень знань.

Сертифікат після закінчення курсу

Certificate

Сертифікат після закінчення курсу

Icon Тестування та сертифікація ІТ фахівців проходить на нашій власній платформі TestProvider.com
Icon Ви отримуєте завірений сертифікат від CyberBionic Systematics, який підтверджує рівень ваших знань та збільшує шанси на успішне працевлаштування.
Icon Кожен сертифікат має серійний номер, роботодавець може його перевірити та переконатися у справжності сертифіката.

Готовий
почати навчання?

Відправляй заявку та зафіксуй свою знижку на навчання

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

Відгуки наших студентів
icon

Відгуки з DOU

icon

Відгуки з Facebook

icon

Відгуки з Google

photo
Сергей Орловский
FrontEnd Developer
О CyberBionic я узнал, когда в интернете интересовался разными IT компаниями, которые предоставляют обучение для разработчиков. Поскольку со сферой IT я, в принципе, никогда не был раньше знаком и это для меня было в новинку, помимо интернета, где в рейтингах CyberBionic Systematics был одним из первых, я еще расспрашивал у друзей, которые там обучались. Они отзывались об учебном центре, как о хорошем и оптимальном варианте. Я считаю, что веб-разработка — это то, с чем люди сталкиваются каждый день, то, что необходимо каждому, оно постоянно в интерактиве с пользователем и, на мой взгляд, это будет наиболее интересно. Предоставление услуг, которые будут активно развиваться в будущем. Поэтому я выбрал специальность Frontend Developer. В процессе обучения мне лично давались тяжело определенные библиотеки и шаблоны, но в целом остальное все было довольно просто. Тренер абсолютно подходит под все мои критерии, хоть их не так много, но самое главное – это то, что материал был четко изложен, всегда можно было задать вопрос, на это тратилось достаточное количество времени, объяснялось все полностью максимально понятно и медленно, если спросить. Из моего опыта, самое главное для каждого новичка, который будет разбирать основы специальности - распределить правильно свое время, потому что для того, чтобы все выучить и понять, необходимо знать теоретическую базу и, конечно же, необходима практика, потому что без этого невозможно будет самостоятельно что-то делать дальше. Я пока планирую пойти на стажировку в CyberBionic Systematics и в процессе подучиваться не только чему-то новому, но и непосредственно укреплять то, что я уже выучил с целью автоматизации своей работы, чтобы она была намного проще и быстрее.

показати весь

photo
Денис Попов
Project Manager, Ciklum
Курсы от CyberBionic Systematics дадут замечательную возможность каждому окунуться в мир программирования и благодаря актуальности рассматриваемых тем и практических заданий увидеть всю многогранность этого мира. Поднять себя на новые высоты с которых уже можно видеть свои профессиональные горизонты, наметить пути их завоевания и смело двинуться в путь.

показати весь

photo
Денис Билас
Узнал о Ваших курсах от друга, он несколько лет назад проходил в CBS обучение. Пришел по рекомендации, не знал, на какую технологию и язык программирования попаду. Выбрал специальность FrontEnd. Сначала было тяжело, так как все было в новинку. Навыки работы с кодом, логическое принятие решений. Тренера у меня были Виталий Мазяр и Ксения Дмитриева. Понравилось, как они подают материал. Новички! Перед тем, как пойти учиться на какую-то специальность, подготовьтесь, узнайте все о ней заранее!

показати весь

Компанії, в яких працюють наші студенти
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work
Company where our clients work Company where our clients work Company where our clients work

Залишилися питання?

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

Image

Про курс Angular

Angular — популярний JavaScript фреймворк, який використовується для створення односторінкових додатків (Single Page Applications) з єдиним інтерфейсом. На виході розробник отримує ефективний веб-додаток з кодом, який легко читати та підтримувати. Кожна нова версія Angular відрізняється від попередніх кращою продуктивністю, більшою зручністю розробки, а також новими можливостями. Відповідно до виходу нових версій оновлюється програма навчання і практичні приклади.
Цей курс є частиною спеціальності Frontend розробник. Він допоможе Вам навчитися використовувати фреймворк Angular.
Курс Angular складається з 11 взаємопов'язаних уроків, на яких студенти застосовують на практиці теоретичні знання даного фреймворку різних версій. Будуть розглянуті такі сутності, як: компоненти, пайпи, сервіси, модулі і т. п., які є невід'ємною частиною будь-якої програми на Angular. Студенти дізнаються, яким чином вибудовується структура файлів і коду програми в можливих варіантах, як використовується інструментарій для гнучкого налаштування роботи з формами, серверними запитами/відповідями, маршрутизацією сайту/додатку.
Вивчивши матеріали курсу, ви зможете реалізувати Sinngle Page Application (SPA) проєкт, налаштувавши маршрутизацію за своєю структурою і прив'язавши в кожній окремій сторінці свій шаблон та логіку взаємодії з користувачем, додавши, наприклад, валідацію форми з різними повідомленнями-підказками і виведенням серверних даних.
Отримані знання дозволять швидко сформувати всі необхідні навички для успішного застосування Angular у реальних задачах та значно наблизять вас до працевлаштування в якості Frontend розробника.