Lesson 24 of 42
JavaScript в браузере — DOM (Document Object Model) и BOM (Browser Object Model)
Lessons42 lessons
- 1JavaScript для начинающих. Введение — подключение к странице, вывод в консоль, комментарии в коде.
- 2Переменные в JavaScript (var, let, const), строгий режим (use strict). Как называть переменные?
- 3Типы данных в JavaScript. Проверка типов (typeof), преобразование типов. Интерполяция строк.
- 4Математика в JavaScript. Арифметические операторы, операторы сравнения. Декремент и инкремент.
- 5JavaScript условия if else. Тернарный оператор. Логические операторы. Оператор нулевого слияния.
- 6JavaScript функции alert, prompt и confirm для взаимодействия с пользователем. Условия switch case.
- 7Циклы в JavaScript — while, do while и for. Прерывание цикла break. Продолжение цикла continue.
- 8Функции в JavaScript. Область видимости. Параметры и аргументы. Значения по умолчанию. Return.
- 9Виды функций в JavaScript. Стрелочные функции. Как правильно называть функции? Назначение функций.
- 10Объекты в JavaScript. Свойства объекта — чтение, добавление, удаление, проверка наличия и перебор.
- 11JavaScript объекты — сравнение, копирование, объединение, деструктуризация, остаточные параметры.
- 12Ключевое слово this в JavaScript для начинающих • this в объектах и функциях
- 13JavaScript методы примитивов. Числа. Объект Math. Округление чисел. Парсинг чисел из строк.
- 14Строки в JavaScript. Методы at, replace, slice, includes, repeat, trim, split. Длина строки length.
- 15JavaScript массивы — основы. Приведение к строке. Копирование, объединение и сравнение массивов.
- 16Методы массивов JavaScript — forEach, map, filter, reduce, some, every, sort, includes, indexOf
- 17Перебор объекта в JavaScript. Коллекции Map и Set
- 18JavaScript и JSON формат — парсинг и преобразование данных
- 19Классы в JavaScript — объявление, конструктор, наследование, экземпляр, геттеры и сеттеры
- 20JavaScript Отложенное и регулярное выполнение кода — setTimeout и setInterval, clearTimeout и др.
- 21Обработка ошибок в JavaScript — try catch finally, throw, класс Error
- 22JavaScript событийный цикл Event Loop, асинхронный код, промисы (Promise), async / await
- 23Модули в JavaScript, import и export, декомпозиция кода
- 24JavaScript в браузере — DOM (Document Object Model) и BOM (Browser Object Model)
- 25DOM в JavaScript — Навигация по элементам дерева, атрибуты async и defer
- 26JavaScript DOM. Поиск элементов: getElement и querySelector
- 27JavaScript DOM-элементы: свойства и атрибуты, поведение value, data-* атрибуты
- 28DOM JavaScript: стили и CSS-классы. Свойства style и classList. Управление CSS-переменными в JS.
- 29Браузерный JavaScript: размеры и координаты DOM-элементов
- 30JS в браузере: размеры окна и страницы, скролл scrollIntoView, scrollTo, scroll, scrollBy
- 31JavaScript DOM манипуляции: создание элементов, вставка, перемещение, удаление и клонирование
- 32JS Браузерные события: всплытие и погружение, способы обработки событий, отмена всплытия
- 33События JavaScript: делегирование, поведение браузера по умолчанию, генерация собственных событий
- 34JavaScript события мыши и указателя, Drag and Drop компонент
- 35JavaScript события клавиатуры: keydown и keyup. События ввода: input, change, cut, copy, paste
- 36JavaScript события фокуса: focus и blur, focusin и focusout | Методы focus и blur | activeElement
- 37Формы в JS — доступ к элементам форм, чтение и изменение значений полей ввода, атрибут form
- 38JavaScript формы — FormData, класс для сбора данных со всех полей формы
- 39JavaScript валидация форм — validity свойство у полей формы. Классовый компонент валидации форм
- 40JavaScript запросы fetch — клиент-серверное взаимодействие на практике
- 41Браузерные хранилища данных: localStorage, sessionStorage, cookie, IndexedDB. Смена темы на сайте
- 42JavaScript в браузере: Location и History API, URL страницы и история браузера