Курс 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
Максим Мищенко
ITVDN – прекрасный ресурс, который помог мне вникнуть в тему веб-разработки.
В Учебном центре работают приятные и отзывчивые тренеры, которым в любой момент можно задать вопрос, и они с удовольствием помогут. Мне очень понравилось обучение здесь, могу с уверенностью сказать, что рекомендую учебный центр CyberBionic Systematics.
показать весь
Дмитрий Насонов
Я очень долго искал курсы; на мое решение обучаться здесь повлияли отзывы на сайте DOU.ua. Заинтересовала специальность своими возможностями в этой профессии. В данной сфере работает мой знакомый, и он очень поощрял меня в выбранном пути; также мотивировала его зарплата. В обучении было порой тяжело, однако очень выручают записи уроков на ITVDN, где можно подробно рассмотреть решение трудных моментов. Тренер – Мазяр Виталий, хороший преподаватель, с прекрасным чувством юмора, всегда готов прийти на помощь.
Хотелось бы более мощные ноутбуки, с большим объемом оперативной памяти – так будет всем удобнее. Необходимо улучшить качество интернета.
Новичкам рекомендую эту специальность, если им это интересно. Перспективы вижу самые радужные, поскольку данная сфера еще на заре и обещает много возможностей.
Желаю учебному центру много студентов, а потенциальным студентам – веры в себя!
показать весь
Богдан Карзюк
Отличный курс. Всё четко и по делу. Никакой лишней информации. Прекрасные менторы и сам центр. Всем советую.
показать весь
Компании, в которых работают наши студенты
Остались вопросы?
Подскажем, с чего начать, какую специальность выбрать и как найти первую работу.
О курсе 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-разработчика.