Данный курс является продолжением курса по базовому Angular и предназначен для разработчиков, уже имеющих опыт работы с данным фреймворком. В нём раскрываются продвинутые темы, которые позволят повысить эффективность разработки и улучшить качество кода.

• Директивы, создание директив, структурные директивы.
• Поговорим про DI, модули и провайдеры, иерархия провайдеров.
• Типы JS-модулей, сборка библиотек, сборка библиотек для Angular.
• RxJS операторы с применением.
• Event loop и RxJS.
• Кастомная валидация форм.
• Динамические формы.
• Реактивные формы.
• Использование реактивных сервисов.
• Обмен данными в реактивных формах.
• Полный обзор возможностей роутера.
• Различные способы аутентификации веб-приложений.
• JWT, обзор RFC 7519, преимущества использования JWT.
• JWT + HttpClient.
• Zone.js.
• NgZone, Tick.
• Управление с помощью Redux (ngrx).
• Time-Travel отладка.
• Фреймворки и библиотеки для тестирования (Jest/Jasmine/Mocha/Chai).
• Mocks.
• Юнит-тесты, Test-bed тесты.
• Тестирование компонент.
• Тестирование E2E (Protractor/PhantomJS).

Практический онлайн-курс, на котором вы за 9 месяцев освоите профессию веб-разработчика по стандартам IT-сферы: изучите актуальные технологии JS, React и PHP, создадите портфолио из нескольких сайтов, станете востребованным разработчиком с доходом от 70 000 ₽.

Получите перспективную творческую профессию в IT.

Направление "Веб-разработка" включает в себя создание и поддержание веб-сайтов и веб-приложений, охватывающее как фронтенд, так и бэкенд технологии. С первого курса студенты могут освоить навыки HTML, CSS и JavaScript, а также познакомиться с основами работы с базами данных и серверным программированием. Преимущества онлайн обучения заключаются в гибкости графика, возможности учиться в удобном темпе и доступе к разнообразным ресурсам и сообществам разработчиков со всего мира

Основная цель курса - практика изучения JavaScript на реальных примерах для frontend-разработчиков. Каждый теоретический блок заканчивается практикой. Создадите реальные проекты в процессе прохождения курса. Исходные коды к заданиям для сверки прилагаются.

Frontend разработка - это одна из самых перспективных и востребованных профессий в IT-индустрии. Frontend разработчики создают красивые и интуитивно понятные интерфейсы для веб-сайтов и приложений, обеспечивая лучший пользовательский опыт. Научитесь работать с HTML, CSS и JavaScript, создавать уникальные и интерактивные пользовательские интерфейсы. Начните свой путь к успеху в Front-end разработке уже сегодня!

Готовим Middle Frontend разработчиков, за которых работодатели будут драться! Освой полный цикл веб‑разработки с ментором и создавай потрясающие проекты.

Продолжительность:   5 дней 40 ак.часовПосле курса разработчики смогут самостоятельно разворачивать и конфигурировать среду Angular, ориентироваться в дополнительных компонентах и библиотеках, создавать сложные пользовательские интерфейсы для отображения данных в современных Web броузерах. Разворачивать свои приложения на серверах предприятия, связывать свои WEB приложения с уже готовыми сервисами.Начальная подготовка: ориентация в понятиях OOП, желательно знать основы HTML, JSON, XML, ES5, HTTP протокол.

Изучите увлекательные подходы к разработке интерактивных веб-приложений на JavaScript, включая DOM, асинхронность и фреймворки.

• Версии и реализации JavaScript.
• Области применения JavaScript (браузер, сервер, мобильная разработка).
• Типы данных: String, Number, Boolean (понятие truthy и falsy).
• Операторы, приоритет операторов.
• Объявление переменных: var, const, let.
• Циклы: while, for, for … in, for … of.
• Работа с числами и строками.
• Значения null и undefined: отличия и цели применения.
• Работа с консолью.
• Исключения в JavaScript.
• Формат JSON, примеры.
• JSON.parse и stringify.
• Объекты, работа с классом Object.
• Создание объектов (с помощью литерала {}, оператор new, метод create).
• Прототипическое наследование, ссылка proto.
• Геттеры и сеттеры.
• Оператор in и hasOwnProperty, понятие перечислимых свойств.
• Метод toString(), вызов и переопределение метода.
• Метод valueOf(), вызов и переопределение метода.
• Создание массивов: литералы и new Array().
• Автоматическое изменение длины массива.
• Получение и установка длины массива length, усечение массива.
• Применение методов join() и concat().
• Использование метода sort, задание порядка сортировки массива.
• Использование методов slice и splice.
• Использование методов push, pop, shift, unshift: создание стека или очереди.
• Применение конструктора new Date().
• Понятие компьютерного представления даты как времени с Epoch.
• Использование getTime() и setTime().
• Парсинг строкового представления дат.
• Варианты создания строк в JS: использование одинарных и двойных кавычек.
• Интерполяция строк (строка в апострофах).
• Экранирование специальных символов в строке.
• Конкатенация строк, перевод в верхний и нижний регистр.
• Поиск подстроки с помощью indexOf() и lastIndexOf().
• Выделение подстроки с помощью substring() и substr().
• Применение методов includes, endsWith, startsWith.
• Управление окном браузера, документом, событиями и оформлением (CSS-стилями).
• Объект window и его применение.
• Подключение кода JavaScript к HTML-странице.
• Порядок выполнения скриптов на странице.
• Кэширование скриптов, CDN-серверы, принудительная перезагрузка JavaScript.
• Работа с ссылками, подключение JavaScript к ссылкам.
• Событие onload и его использование.
• XSS-атаки на сайт.
• Работа с DOM: использование window, document, childNodes.
• Манипуляции документом с помощью DOM: создание, удаление, перемещение элементов.
• Использование getElementById(), getElementsByTagName(), getElementsByClassName() для поиска элементов на странице.
• Работа с методами и свойствами HTMLDocument и HTMLElement.
• Понятие событийного программирования.
• Обработчики и слушатели событий.
• Подключение обработчиков с помощью addEventListener().
• Свойства и методы класса Event.
• Распространение событий вверх (bubbling) и вниз (capturing).
• Остановка распространения.
• События окна.
• События мыши и клавиатуры, специальные свойства событий.
• События формы.
• Стандарт CSS, основные свойства CSS.
• Общие стили и стили отдельных элементов.
• Каскадирование стилей.
• CSS-селекторы.
• Изменение CSS с помощью JavaScript.
• Отступы: margin, padding, border.
• Управление видимостью элементов: visibility и display.
• Позиционирование элементов: absolute, fixed, relative, установка top и left.
• Единицы измерения px, pt и другие.
• Переполнение элемента и управление через свойство overflow.
• Управление слоями документа: свойство zIndex.
• Анимация, перемещение элементов.
• Работа с классами, установка className.
• Работа с прозрачностью и переходами (transition).
• Метод querySelectorAll().
• Причины использования модулей.
• Экспорт из модуля.
• Импорт из модуля.
• Реэкспорт.
• Работа с NPM, файл package.json.
• Папка node_modules, загрузка пакетов с помощью NPM.
• Глобальная и локальная установка пакетов.
• Применение webpack для сборки проекта.
• Загрузчики CSS и TypeScript.
• Конфигурация webpack.config.js.
• Создание бандла, сжатие.
• Плагины webpack.
• Применение старых систем модульности – CommonJS и AMD.
• Использование CommonsChunkPlugin, несколько точек входа.
• Горячая замена модулей HMR.
• Прототипное наследование, ссылка proto.
• Прототип объекта.
• Использование instanceof.
• Ключевое слово class, создание классов.
• Ключевое слово super.
• Применение метода Object.assign().
• Применение метода Object.defineProperty().
• Геттеры и сеттеры.
• Spread-оператор для работы с объектами и массивами.
• Деструктурирование массива и объекта.
• Функции как переменные.
• Массив arguments.
• Класс Function, методы call() и apply().
• Метод bind(), установка this и части параметров с помощью bind.
• Замыкания в JavaScript.
• Инкапсуляция значений с помощью замыканий.
• Создание функции через конструктор Function: конструирование строки.
• Стрелочные функции, примеры их применения.
• Функциональная манипуляция массивом: find, findIndex, filter.
• Примеры использования map/filter/reduce для обработки данных в массиве.
• Понятие иммутабельности, ее преимущества.
• Мутабельные и иммутабельные методы изменения объектов и массивов.
• Понятие и преимущества Virtual DOM.
• Тестирование иммутабельных функций, применение Jest.
• Мемоизация, ее преимущества.
• Основные ошибки и рекомендации при использовании функционального программирования.
• Паттерн MVC, создание пользовательского интерфейса.
• Обзор основных библиотек для разработки интерфейса: Angular, React, Vue.
• Понятие и необходимость асинхронности.
• Работа с setTimeout, setInterval, clearTimeout.
• Функции обратного вызова (коллбэки).
• Потеря this при работе с функцией обратного вызова. Варианты решения (использование bind, стрелочных функций и др.).
• Понятие промисов, возвращение Promise из асинхронной функции.
• Метод Promise.all(), его применение.
• Синтаксис async/await, варианты применения, ограничения.
• Обработка внештатных ситуаций: Promise reject, обработка исключений при асинхронных вызовах.
• Протокол HTTP.
• Заголовки и методы HTTP (GET, POST, PUT, DELETE, другие), передача данных.
• HTTP-серверы (обзор).
• Коды ответа HTTP-сервера.
• Использование форм для отправки данных.
• Передача данных на сервер с помощью AJAX.
• Архитектура REST: преимущества и особенности.
• Реализация CRUD (операций Create/Read/Update/Delete) при работе с REST.
• Применение функции fetch() для получения и отправки данных.
• Документирование REST-сервисов с помощью Swagger.
• Понятие HATEOAS, применение.
• Сравнение высокоуровневой библиотеки Axios и применения низкоуровневого fetch().
• GET- и POST-запросы в Axios.
• Применение async/await с Axios.
• Обработка ошибок при использовании Axios.
• Отмена запроса с помощью Axios.
• Протокол WebSocket.
• Примеры использования WebSocket, сравнение с HTTP.
• HTML-анимация.