Курс 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.
Программа курса очень хорошо стректурирована: начиналось все с легкого - HTML и CSS, и постепенно усложнялось до Angular. Если что было не понятно, все можно пересмотреть в видео уроках ITVDN. Главное – не останавливаться, со временем все непонятное становится яснее. Спасибо тренеру Елене Хижняк и ментору Ксении. Елена – очень хороший тренер, объясняла материал максимально доступно, по нескольку раз, отвечала на все вопросы. Ксения всегда проверяла домашние задания и давала полезные советы, указывала на ошибки.
Однозначно рекомендую курсы CyberBionic Systematics, так как они помогут освоить новую специальность, в моем случае FrontEnd, максимально быстро и эффективно, также рекомендую смотреть видео на ITVDN.
показать весь
Олег Йовчик
Начал обучение в марте. Frontend заинтересовал как один из самых легких курсов в программировании. К тому же Frontend – одна из самых востребованных специальностей.
Материал курса, по моему мнению, абсолютно полный. Легко давался HTML, CSS, Bootstrap. Тяжелее JavaScript, TypeScript, Angular. Большой плюс, что есть видеокурсы, чтобы повторить материал.
Тренер и его помощник во время курса отлично справились с задачей! Помогали с практикой как на занятиях, так и через Skype (в послеурочное время).
Новичкам посоветовал бы брать курсы отдельно по разделам, чтобы более глубоко усвоить материал на практике (ведь курс Frontend обширный, много информации, но немного не хватает времени на усвоение).
В перспективе для сея вижу освоение нескольких фреймворков (Vue.js, React).
показать весь
Максим Мищенко
ITVDN – прекрасный ресурс, который помог мне вникнуть в тему веб-разработки.
В Учебном центре работают приятные и отзывчивые тренеры, которым в любой момент можно задать вопрос, и они с удовольствием помогут. Мне очень понравилось обучение здесь, могу с уверенностью сказать, что рекомендую учебный центр CyberBionic Systematics.
показать весь
Компании, в которых работают наши студенты
Остались вопросы?
Подскажем, с чего начать, какую специальность выбрать и как найти первую работу.
О курсе 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-разработчика.