[Purpleschool] JavaScript Advanced. Тариф Без наставника [Антон Ларичев]

Продвинутый курс по JavaScript с погружением в ООП, асинхронность, Event Loop, модульность, структуры данных и сборку
Этот курс является вторым курсом по JavaScript, который рассматривает уже продвинутые концепции и детально погружается в устройство JS. От вас нужно только базовое знание основ JS и HTML и CSS для финального проекта. Этот курс сфокусирован на том, чтобы донести продвинутые концепции языка, а так же подвести вас к использованию фреймворков, таких, как React, Vue и Angular с пониманием, что происходит под капотом. Ведь все эти знания мы применим на финальном проекте – библиотеки книг. Мы сделаем полноценное SPA приложение с компонентной структурой, реактивностью и сборщиком. В процессе мы даже сделаем свой mini framework с использованием ООП.
Вы научитесь

• Работать с Map и Set, WeekMap и WeekSet
• Работать с числами, Math и BigInt
• Работать с интернационализацией чисел и дат через Intl API
• Работать с таймерами и интервалами
• Понимать принципы ООП
• Использовать prototype и ES6 классы
• Понимать и применять SOLID
• Писать асинхронный JavaScript
• Делать запросы на сервер и понимать принцип их работы
• Понимать как работает Event Loop
• Создавать и обрабатывать Promise
• Понимать устройство DOM и его работу
• Обрабатывать Event и понимать концепции захвата и всплытия
• Создавать модульные приложения на commonjs и es6
• Работать с NPM
• Настраивать сборку проекта

Требования
Минимальные требования для прохождения курса: Базовое знание основ JavaScript;Будет плюсом знание HTML и CSS;
План курса:
Введение

• Продвинутый JavaScript
• Как устроен курс
• Обзор проекта
• Обзор курсов
• Курс с наставником. С наставником

Настройка окружения

• Настройка окружения
• Установка NodeJS
• Настройки VSCode
• Настройка проекта
• Работа с git и GitHub. С наставником
• Работа с наставником. С наставником
• Работа с gitflow. С наставником
• Как передавать на код ревью. С наставником

Maps и Sets

• Структура Set
• Sets
• Структура Map
• Основы работы с Map
• Быстрое создание Map
• Итерация по Map
• Упражнение - swap ключей и значений
• WeakMap
• WeakSet
• Тест - Maps и Sets
• Домашнее задание - Maps и Sets. С наставником

Расчёты и math

• Конвертация и проверка чисел
• Библиотека Math
• Округление
• Упражнение - Функция случайного числа
• Оператор остатка от деления
• Разделитель чисел
• Работа с BigInt
• Интернационализация чисел
• Упражнение - Конвертер валют
• Тест - Расчёты и math
• Домашнее задание - Расчёты и math. С наставником

Даты и время

• Создание дат
• Операции с датами
• Сравнение дат
• Упражнение - Проверка на день рождения
• Интернационализация дат
• Тест - Даты и время
• Домашнее задание - Даты и время. С наставником
• Код ревью домашних заданий. С наставником

Таймеры

• Создание таймеров
• Таймеры и Event Loop
• Точность таймеров
• Работа с интервалами
• Упражнение - Таймер пиццы
• Тест - Таймеры
• Домашнее задание - Таймеры. С наставником

Объектно-ориентированное программирование

• Что такое ООП
• Реализация ООП в JS
• Оператор new
• Prototype
• Упражнение - Корзина товаров
• Цепочки prototype
• Тест - ООП
• Домашнее задание - ООП. С наставником

Классы

• Классы
• Setters и getters
• Static
• Приватные методы и свойства
• Упражнение - класс пользователя
• Object.create
• Тест - Классы
• Домашнее задание - Классы. С наставником
• Код ревью домашних заданий. С наставником

Принципы ООП в классах

• Абстракция и инкапсуляция
• Наследование
• Наследование в ES6
• Override методов
• Упражнение - Удар по орку
• Полиморфизм
• Паттерн Builder и chaining
• Тест - Принципы ООП в классах
• Домашнее задание - Принципы ООП в классах. С наставником

SOLID

• О SOLID
• Принцип единой ответственности
• Принцип открытости и закрытости
• Принцип подстановки Барбары Лисков
• Принцип разделения интерфейса
• Принцип инверсии зависимостей
• Тест - SOLID
• Домашнее задание - SOLID. С наставником

Асинхронный JavaScript

• Асинхронный код в JS
• Запросы на сервер
• Пример работы с Insomnia
• JSON
• Получение данных
• Упражнение - Расчёт цены
• Проблемы callback
• Тест - Асинхронный JavaScript
• Домашнее задание - Асинхронный JavaScript. С наставником
• Код ревью домашних заданий. С наставником

Promises

• Promises и fetch
• Обработка promises
• Цепочка promise
• Обработка reject
• Finally
• Упражнение - Select выбора категорий
• Ручное создание ошибок
• Упражнение - Функция запросов
• Тест - Promises
• Домашнее задание - Promises. С наставником

Event Loop

• Как работает асинхронность
• Пример работы Event Loop
• Создание простого Promise
• Статические методы Promise
• Упражнение - создание fetch
• Тест - Event Loop
• Домашнее задание - Event Loop. С наставником

Современный Асинхронный JavaScript

• Async await
• Try catch
• Упражнение - Мой город
• Асинхронные методы
• Последовательность выполнения
• Параллельное выполнение
• Другие комбинации Promise
• Все возможности fetch
• Упражнение - Генератор активностей
• Тест - Современный Асинхронный JavaScript
• Домашнее задание - Современный Асинхронный JavaScript. С наставником
• Код ревью домашних заданий. С наставником

Продвинутый DOM и Events

• Как работает DOM
• Работа с элементами
• Визуальное положение элементов
• Типы событий и обработчики
• Всплытие событий
• Пример всплытия событий
• Делегирование событий
• Перемещение по DOM
• Жизненный цикл событий DOM
• Упражнение - Поиск по списку
• Загрузка скриптов defer и async
• Тест - Продвинутый DOM и Events
• Домашнее задание - Продвинутый DOM и Events. С наставником

Модульность

• Модули в JavaScript
• IIFE в модулях
• Модули commonjs
• ES6 модули
• Await на верхнем уровне
• Процесс сборки
• Тест - Модульность
• Домашнее задание - Модульность. С наставником

Работа с NPM

• Обзор NPM
• Авторизация и профиль
• Разбор package json
• Управление зависимостями
• Тест - Работа с NPM
• Домашнее задание - Работа с NPM. С наставником
• Код ревью домашних заданий. С наставником

Проект - Библиотека книг

• Обзор проекта
• Настройка проекта
• Конфигурация сборщика
• View страниц и роутинг
• State и реактивности
• Первый компонент
• Вёрстка шапки
• Компонент поиска
• Поиск книг
• Упражнение - Состояние загрузки
• Вёрстка карточки
• Упражнение - Добавление в избранное
• Упражнение - Избранное
• Развитие проекта

Заключение

• Сессия 1 на 1 с наставником. С наставником
• Куда двигаться дальше?