Курс-практикум по Angular 7
Информация о курсе:
Длительность курса: 2 месяца (45 часов)
Вечерние группы: 18 занятий х 2,5 часа
Субботние группы: 10 занятий х 4,5 часа
Курс направлен на специалистов, которые хотят освоить один из самых популярных и передовых фронтенд фреймворков Angular 7 (дата выхода – октябрь 2018 года). В течении курса, участники будут иметь возможность ознакомиться со всеми деталями создания реального проекта с использованием Angular 7, задавать вопросы и создать свое собственное приложение. Мы разберем максимально много узких мест, с которыми Вы можете столкнуться при создании приложения, освоим много сопутствующих и нужных инструментов.
Что Вы узнаете:
- основные элементы фреймворка Angular 7
- синтаксис и детали использования TypeScript
- инструмент Angular CLI
- библиотеки готовых компонентов Angular Material и PrimeNG
- препроцессор SASS для Ваших стилей (SCSS syntax)
Требования к участникам:
- базовые знания любого объектного ориентированного языка
- основы JavaScript
- HTML и CSS
Начало работы:
- установка Node JS
- установка и ознакомление с IDE Webstorm
- SPA архитектура
- теоретический материал по NPM, Webpack, Angular CLI
- создание первого проекта
- знакомство со структурой проекта
- теоретический материал, направленный на суть компонентного программирования
TypeScipt:
- базовые детали синтаксиса (переменные, классы, интерфейсы, лямбда выражения)
Основы Angular 7:
- понимание структуры приложения и компонента
- View Encapsulation и стилизация
- databinding (string interpolation, property binding, event binding, two-way binding)
- жизненный цикл компонента
Routing:
- суть и назначение
- создание и настройка
- навигационные ссылки
- использование параметров
Создание мультимодульного приложения:
- разбор одномодульной многомодульной архитектуры приложения построенного на Angular 7
- дополнение знаний по разделу «Routing» (child routes)
- понимание «ленивой» загрузки проекта
- модернизация проекта под необходимую архитектуру
Сервисы в Angular 7:
- понятие сервиса
- инъекции зависимостей в приложении (DI)
- область видимости сервиса
- single and multi-instance сервисы
Встроенные директивы Angular 7:
- attribute directives (ngStyle, ngClass)
- понимание HostListener и HostBinding
- structure directives (ngIf, ngSwitch, ngFor)
- написание собственных директив
Работа с формами:
- понятие формы
- template driven approach
- data driven approach
- использование встроенных валидаторов
- создание и использование собственных валидаторов
HTTP:
- понятие реактивного программирования
- создание базовых запросов
- Observable
Pipes:
- использование стандартных Angular Pipes
- создание собственного Pipe
- Pure & Impure Pipes
Влад Насадюк
Full-stack software engineer,
компания «Codemotion»
Почему стоит обратить внимание на Angular?
В наше время огромная часть жизни людей проходит на просторах всемирной паутины. Происходит постоянно развитие технологий, пользователи систем становиться более требовательным к используемому ресурсу. Это в свою очередь требует изменения подходов к разработке программного обеспечения. Парни из компании Google решили собрать в своём продукте, максимально много нужного и мощного функционала и при этом, объединившись с компанией Microsoft, выпустили уникальный фреймворк, который базируется на архитектуре Single Page Application и позволяет создавать системы максимально качественно, быстро и просто.
Легко ли освоить Angular?
Да, если у Вас есть хотя бы какие-то навыки работы с объектно-ориентированными языками и базовые знания JavaScript, в освоении этого фреймворка не будет никаких проблем. Он впитал в себя лучшие качества и возможности существующих технологий для написания клиентской части приложения.
Почему это выгодно с коммерческой стороны??
Релиз Angular2 произошел 16 сентября 2016 года, Angular5 – ноябрь 2017 года. Рынок испытывает огромную необходимость в этих специалистах и здесь молодой разработчик может показать себя максимально хорошо, даже в сравнении со специалистами с многолетним опытом, просто потому, что этого раньше не было. Так же в последнее время работодатели обращают больше внимание на разработчиков, которые владеют опытом разработки серверной и клиентской части приложения (full stack) и Angular будет прекрасным инструментом и дополнением для любого back-end разработчика.