Обучение

Акции и новости

О центре

Трудоустройство

Консультация

Работаем с 8:30 до 19:00Выходной: суббота и воскресенье

ул. Скрыганова, 14, 5 этаж M Молодежная

Написать сообщение

Все контакты

Сообщение об ошибке

Курс React и Angular для разработки веб-приложений

Профессиональный курс (обязателен для трудоустройства)

Данный курс позволит вам встать на новую ступеньку в вашей карьере. Пройдя его, вы сможете создавать разнообразные виджеты, трендовые фичи и богатый функционал на веб-страницах. Вы овладеете современными инструментами фронтенд-разработки и научитесь работать с фреймворками, поддерживаемыми такими корпорациями как Google и Facebook. А в завершении напишите свои приложения на React и Angular.

Описание курса

Формы обучения

Очно-дистанционная

15.09.2018

Очные занятия по субботам с 12.30 до 15.20

903 BYN

92 уч. часа (три месяца)

Рассрочка три выплаты 331 BYN/ месяц

№ группы: M-FD3-04-18

Условия отбора

Зачисление на «Курс React и Angular для разработки веб-приложений» проводится на конкурсной основе по результатам теста на:

Владение базовыми навыками верстки;
Понимание объектно-ориентированного программирования в стиле ES6;
Умение писать регулярные выражения и работать с JSON и AJAX.
Понимание английского языка (минимум pre-intermediate);

Без входного тестирования принимаются слушатели, успешно закончившие обучение на курсе FD2 «Разработка веб-приложений на JavaScript».

Для кого этот курс

Для студентов и выпускников курсов JavaScript, которые хотят углубить знания в фреймворках, чтобы быть более востребованными на рынке;
Для программистов, которые умеют создавать веб-страницы на JavaScript и хотят научиться делать это на более высоком уровне — с помощью фреймворков React и Angular;
Для тех, кто хочет получить «свежие» теоретические знания и практический опыт в разработке на современных версиях фреймворков.

Необходимая подготовка

Базовое владение навыками верстки с использованием HTML и CSS;
Понимание принципов объектно-ориентированного программирования;
Желательно иметь опыт программирования на JavaScript;
Желательно знать английский язык на уровне A2+ (для работы с англоговорящими заказчиками).

Для чего этот курс

Этот курс для того, чтобы получить расширенные знания о возможностях языка JavaScript и фреймворках React и Angular. Большинство необходимых для успешного усвоения материала знаний, умений и навыков учащиеся получат в процессе обучения.

Вы будете уметь

Работать со стандартами языка ES6 и ES7 и некоторыми шаблонами проектирования;
Понимать основные возможности фреймворка React;
Знать архитектурные паттерны Flux, Redux;
Применять TypeScript — современный язык программирования с классическим подходом к ООП;
Знать основные возможности фреймворка для создания одностраничных веб-приложений Angular;
Работать с технологией git и сервисом github (он будет использоваться для получения учебных материалов и обмена выполненными работами);

Устанавливать и настраивать среду разработки Microsoft Visual Studio Code;
Устанавливать пакетный менеджер npm от Node.js и конфигурировать зависимости проектов;
Разрабатывать разнообразные интерактивные компоненты React, а также компоненты, сервисы и директивы Angular;
Тестировать разработанные программные модули;
Применять объектно-ориентированный подход для разработки компонентов;
Настраивать маршрутизацию.

Программа курса

React - знакомство, окружение
Знакомство с окружением - Visual Studio Code, DOS и командная строка, работа с git и github
Знакомство с React
Передача свойств компонентам, умолчательные значения свойств, проверка типов свойств
VDOM и оптимизация отрисовки компонентов
Соглашения об именовании и расположении исходных файлов
Вложенные компоненты
React - события, состояние компонента. npm
Модель данных приложения
Особенности работы с элементами форм
Неконтролируемые и контролируемые компоненты
Обработка событий
Паттерн "callback", взаимодействие дочерних компонентов с родительскими
Состояние компонента, асинхронность его изменений, типовые приёмы работы с состоянием
Управляемые и неуправляемые компоненты
Stateless и stateful компоненты
Чистые компоненты
Знакомство с Node.js и npm, semver
Управление зависимостями проекта. Сборка проекта. JSX
Управление зависимостями проекта
lite-server, browsersync
Webpack
ES6-модули и CommonJS-модули
Возможности ES6
Babel
Подходы к автобиндингу методов компонентов
React 16
JSX, понимание декларативного и императивного подходов
Плагины React для браузеров
Приёмы и особенности работы с JSX
React - жизненный цикл компонентов, оптимизация отрисовки. EventEmitter
Сборка с webpack-dev-server
Методы жизненного цикла компонентов
Типовые подходы к реакции на изменение свойств компонентов
Компоненты в функциональном стиле
EventEmitter, паттерн "наблюдатель"
Работа с props.children
Получение ссылок на дочерние компоненты и HTML-элементы
Оптимизация отрисовки, глубокое сравнение
React - роутинг, тестирование. Fetch API
PureComponent, иммутабельные изменения
Типовые ошибки при работе с PureComponent
Memoizee, Immutable.js
Роутинг
Промисы, Fetch API, isomorphic-fetch, AJAX
Jest, тестирование модели данных и отрисовки компонентов
Create-react-app
Архитектурный паттерн Redux
Архитектурный паттерн Redux - actions, action creators, диспетчеризация, reducers, иммутабельность состояния
Подписка React-компонентов на изменение Redux state
Middleware, работа с асинхронными изменениями, redux-thunk, работа с AJAX
TypeScript - типы данных, ООП
Знакомство с TypeScript
Типы данных
Перечисления, кортежи, объединённые типы
Типизация переменных, массивов, хэшей, функций, автотипизация
Псевдонимы типов
Преобразование типов, защитники типов
Перегрузка функций
ER-диаграммы
Классы, статические члены, readonly-члены классов
Наследование
Преобразование типов классов, принципы открытости/закрытости и Лисков
Защитники классов
TypeScript - интерфейсы, параметризация
Модификаторы доступа к членам класса, автодекларация членов класса
Аксессоры (методы доступа)
Абстрактные классы
Интерфейсы
Принцип инверсии зависимостей, принципы SOLID
Наследование интерфейсов
Преобразование типов интерфейсов
Параметризация (обобщение, дженерализация) классов, интерфейсов, функций
Декораторы (аннотации)
Пространства имён, модули
Декларативные файлы
Angular - входные и выходные свойства, управление стилями и классами
Знакомство с Angular 5
Конфигурационные файлы
Angular-cli
Интерполяция
Входные свойства, привязка стилей, классов, текстового содержимого
Выходные свойства, обработка событий
Двусторонний биндинг
Разработка входных и выходных свойств, двусторонний биндинг
Стили, изоляция CSS-описаний, селекторы Shadow DOM
Angular - каналы, директивы, службы
Получение ссылок на дочерние компоненты и HTML-элементы в темплейтах и классах компонентов
Работа с формами и элементами форм (template-driven), NgForm и NgModel
Валидация форм
Каналы, разработка каналов
Директивы - атрибутные, структурные, директивы компонентов
Директивы ngIf, ngFor, ngSwitch
Жизненный цикл компонентов и директив
Службы, провайдеры класса, значения, фабрики, существующей службы
Внедрение зависимостей
Службы как источники данных
Angular - разработка директив, RxJS, HttpClient, роутинг, тестирование
Разработка атрибутных директив, работа со свойствами и событиями хост-элемента
RxJS, паттерн "наблюдатель", управление потоком событий, Observer, Observable
HttpClient, работа с AJAX
Модули
Роутинг
Тестирование компонентов
Защита выпускного проекта
Защита выпускного проекта

Преподаватели курса

Алексей Владимирович Локтев

Опыт работы: более 17 лет

Специальность:
Курсы создания сайтов и Front-end разработки, Full-stack Java разработка, Full-stack ASP.NET разработка

Веб-разработкой я занялся в 2005 году - предложили сделать сайт для крупной строительной компании. Это было для меня в новинку, но я решился и втянулся :)
Узнать больше
Алексей Скакун

Специальность:
Курсы создания сайтов и Front-end разработки, Full-stack Java разработка, Full-stack ASP.NET разработка

Узнать больше

Другие курсы программы Курсы создания сайтов и Front-end разработки

Алексей Владимирович Локтев

Специальность:Курсы создания сайтов и Front-end разработки, Full-stack Java разработка, Full-stack ASP.NET разработка

Опыт работы:более 17 лет

Веб-разработкой я занялся в 2005 году - предложили сделать сайт для крупной строительной компании. Это было для меня в новинку, но я решился и втянулся :) С тех пор разработал несколько десятков самых разных сайтов - и фронтенд-часть, и бэкенд - на движке и CMS собственной разработки.

Учился я только на собственном опыте - в то время даже интернет был не очень доступен, да и в сети было не очень много хороших ресурсов, ответы на вопросы часто приходилось искать по наитию.

На курсе "Разработка веб-сайтов с использованием HTML и CSS" студенты обучаются верстать сайты с использованием HTML5 и CSS3, в том числе мобильные и адаптивные, а также знакомятся с основами JavaScript.

Те, у кого есть склонность к программированию, могут продолжить обучение на курсе "Разработка веб-приложений на JavaScript". На этом курсе совсем другой уровень – на занятиях глубоко изучаем мультимедийные, коммуникационные, интерактивные возможности браузера, учимся разрабатывать сайты и веб-приложения с использованием тачскрина, анимации.

FrontEnd-разработка - одна из самых быстрорастущих специальностей. Здесь очень важно быть всегда "на гребне волны" и учиться даже во время работы, так как отставание от отрасли на год уже может снизить ценность специалиста. И также, важно любить то что делаешь :)

Мне очень нравится, что к концу курса слушатели становятся заметно увереннее и используют множество профессиональных терминов, задают сложные вопросы. А главное – трудоустройство в ведущие ИТ-компании по профилю FrontEnd-разработки.