Курс 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
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 Developer. Он поможет вам научиться использовать фреймворк Angular.
Курс Angular состоит из 11 взаимосвязанных уроков, в рамках которых студенты применяют на практике теоретические знания фреймворка Angular различных версий. Будут рассмотрены такие сущности, как компоненты, пайпы, сервисы, модули и т. д., которые являются неотъемлемой частью любого Angular-приложения. Студенты узнают, как выстраивается структура файлов и кода приложения в различных вариантах, как используется инструментарий для гибкой настройки работы с формами, серверными запросами и ответами, а также маршрутизацией сайта или приложения.
Изучив материалы курса, вы сможете реализовать Single Page Application (SPA)-проект, настроив маршрутизацию в соответствии с выбранной структурой и привязав к каждой отдельной странице собственный шаблон и логику взаимодействия с пользователем, добавив, например, валидацию форм с различными сообщениями-подсказками и вывод серверных данных.
Полученные знания позволят быстро сформировать все необходимые навыки для успешного применения Angular в реальных задачах и значительно приблизят вас к трудоустройству в качестве Frontend-разработчика.
Данный курс является частью специальности Frontend Developer. Он поможет вам научиться использовать фреймворк Angular.
Курс Angular состоит из 11 взаимосвязанных уроков, в рамках которых студенты применяют на практике теоретические знания фреймворка Angular различных версий. Будут рассмотрены такие сущности, как компоненты, пайпы, сервисы, модули и т. д., которые являются неотъемлемой частью любого Angular-приложения. Студенты узнают, как выстраивается структура файлов и кода приложения в различных вариантах, как используется инструментарий для гибкой настройки работы с формами, серверными запросами и ответами, а также маршрутизацией сайта или приложения.
Изучив материалы курса, вы сможете реализовать Single Page Application (SPA)-проект, настроив маршрутизацию в соответствии с выбранной структурой и привязав к каждой отдельной странице собственный шаблон и логику взаимодействия с пользователем, добавив, например, валидацию форм с различными сообщениями-подсказками и вывод серверных данных.
Полученные знания позволят быстро сформировать все необходимые навыки для успешного применения Angular в реальных задачах и значительно приблизят вас к трудоустройству в качестве Frontend-разработчика.