О курсе
Angular – это современный фреймворк от компании Google, написанный на TypeScript и обеспечивающий FrontEnd-разработчика удобными инструментами для создания веб-приложения, а также задающий дизайн приложения и упорядоченную структуру кода. Использование Angular дает возможность строить интерактивные и динамические веб-приложения намного быстрее и с меньшим объемом написания кода, чем в случае применения стандартного JavaScript и HTML.
Курс Angular Essential позволит вам получить базовые знания фреймворка и особенностей его использования, а также даст возможность закрепить эти знания на практике.
На курсе будут рассмотрены такие сущности как: компоненты, пайпы, сервисы, модули и др., которые являются неотъемлемой частью любого приложения на Angular. Вы узнаете каким образом выстаивается структура файлов и кода приложения с различными вариантами. Рассмотрите использование базового набора инструментов для гибкой настройки работы с формами, серверными запросами/ответами, маршрутизации сайта/приложения.
Изучив материалы курса, вы сможете реализовать простой проект веб приложения с настройкой маршрутизации, привязкой своего шаблона к каждой отдельной странице и своей логикой взаимодействия с пользователем. Также вы сможете добавить в проект валидацию формы с разными подсказывающими сообщениями и выводом полученных с сервера данных.
При создании курса в основу были взяты версии Angular 10 и 11.
Этот курс входит в специальности:
Предварительные Требования
- HTML5 & CSS3
- JavaScript ECMA6
- TypeScript
Вы научитесь
- Понимать роль и преимущества Angular в веб технологиях.
- Создавать простое приложение, которое будет состоять из компонентов, модулей и сервисов.
- Использовать компонентный подход для задания стилей.
- Добавлять в проект картинки/иконки.
- Понимать особенности Event binding-а, работу событий и ссылок.
- Использовать такие встроенные инструменты, как: директивы, пайпы, сервисы, формы.
- Понимать роль модулей и особенности модульной архитектуры приложения.
- Понимать и применять на практике взаимосвязь между компонентами в стилизации и передаче данных.
- Применять библиотеку RxJs для работы с асинхронными операциями.
- Применять модуль HTTPClientModule для взаимодействия с сервером.
- Настраивать маршрутизацию в приложении и передавать данные между страницами.
- 6 ч 14 м
- 10.12.2020
- 10
- 15.02.2021
- русский
Что входит в курс
×
Вы действительно хотите открыть доступ к тестированию по курсу Angular 11.0 Базовый на 40 дней?
Познакомиться с фреймворком и удобным инструментарием для удобного изучения Angular в дальнейшем. На этом уроке будет рассмотрено, что необходимо в начале работы с Angular. Как создать первоначальный проект на Ангуляре. Будет рассмотрена файловая структура первоначального проекта и начало работы с ним.
Ознакомиться с синтаксисом и структурой кода, который предоставляет возможность писать Ангуляр и научиться создавать заготовки файлов с кодом через AngularCLI. Разобраться какую роль выполняют сущности компонента и модуля в приложении, как они описаны Декоратором.
Урок позволит освоить основы маршрутизации и основные принципы вывода данных на страницу с простым взаимодействием с пользователем. Также в задачу урока входит разобрать синтаксис записей и техническую разницу между ними в их использовании.
На занятии рассматривается что такое директивы, их виды, чем они полезны и как используются в создании проекта, а также рассматриваются специальные теги Ангуляра и синтаксис встроенных пайпов.
Урок раскроет важность разбиения проекта на модули. Будет рассмотрено как выстроить взаимосвязь на простых примерах с маршрутизацией, рассмотрено как будут построены примеры следующих уроков. Также рассматривается как в компонентах возможно задавать стили на разных уровнях и использовать разные способы обращение по селекторам.
Цель занятия - разобрать взаимосвязь между компонентами в стилизации и передачи данных. Рассмотреть какими способами возможно передавать данные к дочерним или родительским компонентам, какую роль выполняет жизненный цикл компонента Ангуляр для корректной работы проекта.
В этом уроке рассматриваются основы работы сервисов, задача, которую они выполняют и как они помогают структурировать функционал приложения, вынося разноплановую логику отдельно, не размещая ее в компонентах, что сосредоточит код компонента с работой с представлением, то есть с html разметкой. Рассматривается необходимость регистраций сервисов в приложении в разных областях видимости и как это влияет на программу.
На занятии студент познакомится с библиотекой RxJs которая используется в Ангуляре для работы с асинхронными операциями, упрощая написания их логику в понятный и простой код. И возможностями модуля HTTPClientModule для взаимодействия с сервером, отправляя запросы с параметрами или хедарами.
На уроке вы познакомитесь с возможностями создания различных форм, которые предоставляет Ангуляр. Узнаете про встроенный в формы изначальный функционал и какие валидаторы можно настроить под разные задачи с возможностью создавать собственные и асинхронные валидаторы.
Урок рассматривает основные возможности настройки маршрутизации в Angular. Студент узнает возможность создания структуры маршрутов в приложении, передачу данных между путями и блокировать или допускать к определенным маршрутам приложения.