Фундаментальный JavaScript

- Введение
- Обзор модуля
- Сфера применения JavaScript, его версии и документация
- Подключение JavaScript к html-странице
- Использование JavaScript вне браузера

- Обзор модуля
- Типы данных в JavaScript
- Понятие переменных
- Математические операции в JavaScript
- Логические выражения
- Условный оператор
- Оператор switch
- Тернарный оператор
- Массивы как хранилища данных
- Понятие цикла
- Цикл for
- Оператор break
- Оператор continue
- Понятие функции
- Встроенный объект Math
- Проект "Угадай число"
- Итоги модуля

- Обзор модуля
- Простые объекты с данными
- Хранение по ссылке
- Оператор in
- Цикл for..in
- Цикл for..of
- Методы объекта, контекст
- Встроенные методы строк
- Встроенные методы чисел
- Встроенные методы массивов
- Объект ошибки
- Объект регулярного выражения
- Проект "Загадки"
- Итоги модуля

- Обзор модуля
- Функции vs процедуры
- Функции и память
- Варианты записи функций
- Область видимости
- Колбэки и функции высшего порядка
- Рекурсия
- Замыкание
- Контекст вызова функции
- Уточнение контекста вызова функции
- Проект "Цензор"

- Обзор модуля
- Понятие стека и очереди
- Понятие иммутабельности
- Маппинг массивов и коллекций
- Фильтрация
- Метод reduce
- Поиск в коллекции
- Сортировка массива
- Оператор остатка
- Деструктуризация массивов
- Деструктуризация объектов
- Шаблонные строки
- Глобальные методы
- Формат JSON
- Проект "Витрина"
- Итоги модуля

- Обзор модуля
- Понятие DOM
- Получение ссылок на HTML-элементы
- Свойства html-элементов
- Обход html-коллекций
- Объект classList
- Навигация по html-элементам
- Браузерные события
- Снятие обработчиков событий
- Примеры по обработке события click
- Объект события
- Работа с формой
- Понятие всплытия
- Динамическая работа с DOM
- Полезные свойства html-элементов
- Где искать примеры UI
- Пример модального окна
- Работа с браузерной памятью
- Прочие браузерные объекты
- Проект "Спойлер"

- Обзор модуля
- Библиотека lodash
- Плавный скролл
- Тултипы
- Продвинутый скролл
- Слайдеры
- Ленивая загрузка
- Работа с формами
- Анимации

- Обзор модуля
- Синхронный и асинхронный код
- Варианты взаимодействия с сервером
- Объект Promise
- Асинхронное получение данных
- CRUD-операции
- Альтернативные способы получения данных с сервера
- Асинхронные функции
- Методы промисов resolve и reject
- Методы промисов all и race
- Итоги модуля

- Постановка задачи
- Декомпозиция на подзадачи
- Получение данных с сервера
- Отрисовка полученных задач
- Отрисовка пользователей
- Добавление новой задачи
- Изменение статуса
- Удаление задачи
- Обработка ошибок

- Понятие js-модуля
- npm менеджер
- ES6 модули: импорт и экспорт
- Сборка приложения
- Использование Parcel для сборки
- Нюансы экспорта и импорта
- Кроссбраузерность приложений
- CommonJS модули и файлы .mjs

- Постановка задачи
- Декомпозиция на подзадачи
- Создание Frontend-проекта
- Верстка шапки
- Разбор API по работе с IP
- Обработка ввода пользователя
- Валидация формы
- Динамическая работа с DOM
- Разбор API карт
- Разметка с картой
- Обновление карт на базе IP
- Добавление полифилла
- Добавление адаптива
- Публикация проекта

- Обзор модуля
- Актуальность фабрик
- Создание классов es6
- Прототипное наследование
- Наследование классов es6
- Статические свойства и методы
- Приватные свойства, геттеры, сеттеры
- Классы для создания UI компонентов
- Шаблоны проектирования
- Шаблон Singleton
- Шаблон Фабрика
- Шаблон Адаптер
- Шаблон Фасад
- Шаблон Наблюдатель
- Концепция ООП
- Подведение итогов