К содержанию

Основной учебник JavaScript

Простой учебник JavaScript для новичков с задачником и примерами решения задач.

Основы

Введение в язык JavaScript для новичков

Запуск JavaScript

Первая программа на JavaScript

Разберем код программы

Дальнейшие примеры

Подключение файла со скриптами JavaScript

Несколько файлов со скриптами JavaScript

Особенности тега script в JavaScript

Кеширование JavaScript файлов браузером

Строгий режим в JavaScript

Комментарии в JavaScript

Переменные в JavaScript

Использование переменных

Объявление нескольких переменных в JavaScript

Изменения значений переменных

Несколько let для одной переменной

Математические операции с числами в JavaScript

Математические операции с переменными в JavaScript

Приоритет математических операций в JavaScript

Равный приоритет математических операций в JavaScript

Группирующие скобки в JavaScript

Дроби в JavaScript

Отрицательные числа в JavaScript

Плюс перед числами в JavaScript

Остаток от деления в JavaScript

Возведение в степень в JavaScript

Приоритет возведения в степень

Строки в JavaScript

Сложение строк в JavaScript

Длина строки в JavaScript

Шаблонные строки в JavaScript

Многострочность

Специальные значения в JavaScript

Значение undefined

Значение null

Значения true и false

Значение NaN

Infinity и -Infinity в JavaScript

Работа с консолью в JavaScript

Тип данных в консоли JavaScript

Ошибки в консоли JavaScript

Константы в JavaScript

Автоматическое преобразование типов данных

Преобразование к числу в JavaScript

Сокращенное преобразование к числу в JavaScript

Преобразование некорректных чисел в JavaScript

Выделение чисел в JavaScript

Преобразование к строке в JavaScript

Применение преобразования к строкам в JavaScript

Преобразование логического типа в JavaScript

Преобразование к логическому типу в JavaScript

Получение символов строки на JavaScript

Неизменяемость строк в JavaScript

Последний символ строки в JavaScript

Строки с цифрами в JavaScript

Обращение к цифрам числа в JavaScript

Операции для изменения переменной в JavaScript

Сокращенные операции в JavaScript

Операции инкремента и декремента в JavaScript

Префиксный и постфиксный тип в JavaScript

Неточные вычисления в JavaScript

Функция prompt в JavaScript

Проблема с типами в функции prompt в JavaScript

Вывод текста в документ в JavaScript

Поиск ошибок в коде

Практика на операции в JavaScript

Практика на формулы в JavaScript

Массивы

Массивы в JavaScript

Получение элементов массивов в JavaScript

Длина массива в JavaScript

Изменение элементов массива в JavaScript

Перезапись элементов массива в JavaScript

Инкремент и декремент элементов массива в JavaScript

Добавление элементов по ключам JavaScript

Разреженные массивы в JavaScript

Добавление элементов через push в JavaScript

Ключи массивов из переменных в JavaScript

Оператор delete в массивах в JavaScript

Поиск ошибок в коде с массивами JavaScript

Объекты

Объекты в JavaScript

Вывод всего объекта в JavaScript

Строковые ключи объектов в JavaScript

Свойства объектов в JavaScript

Ограничения на ключи объектов в JavaScript

Изменение элементов объектов в JavaScript

Добавление элементов в объекты в JavaScript

Неупорядоченность объектов в JavaScript

Массив ключей объекта в JavaScript

Длина объекта в JavaScript

Ключи объектов из переменных в JavaScript

Ошибка обращения к элементу по ключу в JavaScript

Ошибка обращения к свойству объекта в JavaScript

Вычисляемые свойства в JavaScript

Оператор in в JavaScript

Оператор delete в JavaScript

Типизация объектов в JavaScript

Массивы как объекты в JavaScript

Отличаем массивы от объектов в JavaScript

Объекты и примитивы в JavaScript

Передача объектов по ссылке в JavaScript

Константы с массивами или объектами в JavaScript

Подход программирования через константы в JavaScript

Поиск ошибок в коде с объектами JavaScript

Условия

Конструкция if-else в JavaScript

Операторы больше и меньше в JavaScript

Проверка на равенство в JavaScript

Проверка на неравенство в JavaScript

Сравнение переменных в JavaScript

Равенство строк в JavaScript

Равенство строк и чисел в JavaScript

Равенство по значению и типу в JavaScript

Неравенство по значению и типу в JavaScript

Логическое И в JavaScript

Логическое ИЛИ в JavaScript

Приоритет логических операторов в JavaScript

Группировка условий в JavaScript

Инвертирование логических выражений в JavaScript

Условия с булевыми значениями в JavaScript

Сравнение значений с булевым типом в JavaScript

Сокращенная форма проверки на истину в JavaScript

Сокращенная форма проверки на ложь в JavaScript

Общая сокращенная форма проверки в JavaScript

Сложные условия в сокращенной форме в JavaScript

Необязательность конструкции else в JavaScript

Необязательность фигурных скобок в JavaScript

Проблема необязательности фигурных скобок в if-else

Конструкция else if в JavaScript

Вложенные конструкции if-else в JavaScript

Конструкция switch-case в JavaScript

Необязательность break в конструкции switch-case в JavaScript

Тернарный оператор в JavaScript

Логические операции в JavaScript

Функция confirm в JavaScript

Область видимости переменных в if-else в JavaScript

Нюансы области видимости переменных в конструкциях if-else в JavaScript

Проверка частей часа через if-else в JavaScript

Проверка длины строк и массивов в JavaScript

Проверка символов строки в JavaScript

Проверка цифр числа в JavaScript

Проверка остатка от деления в JavaScript

Поиск ошибок в коде с условиями JavaScript

Практика на условия if-else в JavaScript

Циклы

Введение в циклы в JavaScript

Перебор массива циклом for-of в JavaScript

Перебор объекта циклом for-in в JavaScript

Цикл while в JavaScript

Цикл for JavaScript

Цикл for для массивов в JavaScript

Условия в циклах в JavaScript

Накопление чисел в циклах JavaScript

Накопление элементов массивов в циклах JavaScript

Формирование строк через циклы в JavaScript

Цифры числа при переборе циклом JavaScript

Необязательность скобок в циклах в JavaScript

Проблема необязательности скобок в циклах в JavaScript

Инструкция break в JavaScript

Инструкция continue в JavaScript

Вложенные циклы в JavaScript

Область видимости в циклах JavaScript

Вложенные циклы и область видимости в JavaScript

Заполнение массива в JavaScript

Изменение массива в цикле JavaScript

Заполнение объектов через цикл в JavaScript

Изменение объектов через цикл в JavaScript

Работа с флагами в JavaScript

Советы по написанию кода циклов в JavaScript

Советы по отладке кода на примере циклов в JavaScript

Поиск ошибок в коде с циклами JavaScript

Отработка циклов JavaScript

Многомерность

Многомерные массивы в JavaScript

Трехмерный массив в JavaScript

Произвольные массивы в JavaScript

Перебор многомерных массивов в JavaScript

Перебор через обычный for в JavaScript

Заполнение многомерных массивов JavaScript

Проблемы при заполнении многомерных массивов в JavaScript

Заполнение многомерных массивов по порядку в JavaScript

Многомерные объекты в JavaScript

Перебор многомерных объектов в JavaScript

Многомерные структуры в JavaScript

Перебор многомерных структур JavaScript

Массив объектов в JavaScript

Ключи из переменных в многомерных структурах JavaScript

Добавление элементов в многомерные массивы JavaScript

Добавление элементов в многомерные объекты JavaScript

Стандартные методы

Степень и корень в JavaScript

Функции округления в JavaScript

Экстремальные числа в JavaScript

Рандом в JavaScript

Модули в JavaScript

Регистр символов в JavaScript

Вырезание строк в в JavaScript

Поиск по строкам в JavaScript

Замена частей строки в JavaScript

Разбиение строк в JavaScript

Граничные элементы в JavaScript

Части массивов в JavaScript

Вырезание массивов в JavaScript

Поиск по массивам в JavaScript

Массив ключей объекта в JavaScript

Поиск ошибок в коде со стандартными методами JavaScript

Пользовательские функции

Основы работы с пользовательскими функциями в JavaScript

Параметры функций в JavaScript

Несколько параметров функций в JavaScript

Параметры-переменные функций в JavaScript

Необязательные параметры в JavaScript

Инструкция return в JavaScript

Последовательный вызов функций в JavaScript

Toнкое место return в JavaScript

Цикл и return в JavaScript

Применение return в циклах в JavaScript

Прием работы с return в JavaScript

Флаги в функциях JavaScript

Логические операторы без if в функциях JavaScript

Советы по созданию функций в JavaScript

Поиск ошибок в коде с функциями JavaScript

Практика на функции JavaScript

Переменные функций

Глобальные переменные в функциях в JavaScript

Локальные переменные в функциях в JavaScript

Одинаковые имена переменных в функциях в JavaScript

Изменение глобальных переменных в JavaScript

Глобальные переменные и параметры функций в JavaScript

Совпадение имен с параметрами в JavaScript

Параметры-объекты JavaScript

Типы функций

Исходный код функции и ее результат в JavaScript

Функция как переменная в JavaScript

Запись функции в другую переменную в JavaScript

Присваивание функций в переменные в JavaScript

Совпадение имени функции и переменной в JavaScript

Function expression и Function declaration в JavaScript

Разница объявлений функции

Toчка с запятой при объявлении функций в JavaScript

Нюансы функциональных выражений в JavaScript

Функция с именем, но Function Expression в JavaScript

Именованные функциональные выражения в JavaScript

Как проверить тип функции в JavaScript

Выражение слева функции в JavaScript

Выражение справа функции в JavaScript

Массив с анонимными функциями в JavaScript

Объект с анонимными функциями в JavaScript

Применение объекта с функциями в JavaScript

Вложенные функции

Передача функций параметрами в JavaScript

Именованные функции-параметры в JavaScript

Параметры передаваемых функций в JavaScript

Передача числа параметром в JavaScript

Применение передачи функции параметром в JavaScript

Вложенные функции в JavaScript

Область видимости вложенных функций в JavaScript

Параметры внешней функции в JavaScript

Параметры внешней и внутренней функций в JavaScript

Одноименные параметры в JavaScript

Функция, возвращающая функцию в JavaScript

Любой уровень вложенности в JavaScript

Параметры возвращаемой функции в JavaScript

Функции-коллбэки в JavaScript

Нюансы коллбэков в JavaScript

Стрелочные функции в JavaScript

Применение стрелочных функций в JavaScript

Замыкания

Доступ к внешним переменным функций в JavaScript

Лексическое окружение функций в JavaScript

Применение лексического окружения функций в JavaScript

Замыкания в JavaScript

Счетчик на замыканиях в JavaScript

Локальная переменная счетчика в JavaScript

Глобальная переменная счетчика в JavaScript

IIFE

Вызов функции на месте в JavaScript

Присваивание функции в переменную в JavaScript

Применение вызова функции на месте в JavaScript

Круглые скобки в IIFE в JavaScript

Параметры функции при вызове на месте в JavaScript

Множественные вызовы IIFE в JavaScript

Подводные камни IIFE в JavaScript

Toчка с запятой для безопасности в IIFE

Замыкания и вызов функции на месте в JavaScript

Рекурсия

Работа с рекурсией в JavaScript

Пример с параметром через рекурсию в JavaScript

Сумма элементов массива при рекурсии в JavaScript

Рекурсия и многомерные структуры в JavaScript

Сумма элементов массива через рекурсию в JavaScript

Манипуляции с элементами в JavaScript

Перебирающие методы

Метод map для перебора массива в JavaScript

Метод forEach для перебора массива в JavaScript

Метод filter для фильтрации массива в JavaScript

Метод every для проверки массива в JavaScript

Метод some для проверки массива в JavaScript

Поиск по массиву через коллбэк на JavaScript

Свертка массива на JavaScript

Оператор spread

Оператор spread в JavaScript

Использование spread в JavaScript

Экстремальные значения массива через spread в JavaScript

Оператор spread и слияние массивов

Оператор spread для строк в JavaScript

Оператор spread и числа в JavaScript

Оператор rest

Оператор rest в JavaScript

Функция, находящая сумму чисел с помощью операторов rest и spread в JavaScript

Функция, сливающая массивы в двухмерный в JavaScript

Функция, сливающая массивы в один в JavaScript

Деструктуризация

Деструктуризация массивов в JavaScript

Деструктуризация массива из функции в JavaScript

Пропуск элементов массива при деструктуризации в JavaScript

Лишние значения при деструктуризации массива в JavaScript

Остаток массива при деструктуризации в JavaScript

Значения по умолчанию при деструктуризации массива в JavaScript

Функции по умолчанию при деструктуризации массива в JavaScript

Объявление переменных при деструктуризации массива в JavaScript

Деструктуризация объектов в JavaScript

Имена переменных при деструктуризации объектов в JavaScript

Значения по умолчанию при деструктуризации объектов в JavaScript

Переменные и значения по умолчанию в JavaScript

Объявление переменных при деструктуризации объектов в JavaScript

Деструктуризация параметров функций в JavaScript

Деструктуризация oбъектов параметров функций в JavaScript

Время

Работа с объектом Date в JavaScript

Форматирование даты в JavaScript

Смена формата даты в JavaScript

Получения дня недели на JavaScript

Вывод частей даты словом в JavaScript

Установка времени в объекте Date в JavaScript

Получение времени в формате timestamp в JavaScript

Разность между датами в формате timestamp в JavaScript

Разница между объектами с датой в JavaScript

Автоматическая корректировка дат в JavaScript

Нахождение последнего дня месяца в JavaScript

Определение високосного года в JavaScript

Проверка корректности даты в JavaScript

Получение дня текущего года в JavaScript

День следующего или предыдущего месяца

День следующего или предыдущего года

Разность моментов

Момент времени дня

Начало дня в JavaScript

Конец дня в JavaScript

Циклическая проверка моментов времени в JavaScript

Практика на получение моментов времени в JavaScript

Строковое сравнение дат на JavaScript

Сравнение даты без года в JavaScript

Попадание даты в промежуток

Сравнение объектов с датами в JavaScript

Введение в DOM

Основы работы с DOM в JavaScript

DOM элементы в JavaScript

Получение DOM элемента в JavaScript

Сложные селекторы DOM элемента в JavaScript

Привязывание обработчиков к элементам в JavaScript

Именованные обработчики событий в JavaScript

Один обработчик ко многим элементам в JavaScript

Несколько обработчиков одного события в JavaScript

Обработчики разных событий в JavaScript

Работа с текстом элементов на JavaScript

Работа с HTML кодом элементов на JavaScript

Атрибуты тегов как свойства в JavaScript

Работа с текстовыми полями в JavaScript

Фокус текстовых полей в JavaScript

Исключения при работе с атрибутами в JavaScript

Цепочки методов и свойств в JavaScript

Преимущества и недостатки цепочек в JavaScript

Объект this в JavaScript

Преимущество this в JavaScript

Получение группы элементов в JavaScript

Добавление обработчиков в цикле в JavaScript

Добавление анонимных обработчиков в цикле в JavaScript

Отвязывание событий в JavaScript

Отвязывание обработчиков событий в цикле в JavaScript

Отвязывание анонимных функций в JavaScript

Советы по написанию кода на примере DOM в JavaScript

Поиск ошибок в коде с DOM в JavaScript

Отработка изученного материала на работу с DOM

Атрибуты

Получение атрибутов в JavaScript

Установка атрибутов в JavaScript

Удаление атрибутов в JavaScript

Проверка наличия атрибутов в JavaScript

Пользовательские атрибуты в JavaScript

Имена атрибутов с дефисами в JavaScript

Обращение к атрибутам через методы в JavaScript

Манипулирование массивом CSS классов в JavaScript

Добавление CSS классов в JavaScript

Удаление CSS классов в JavaScript

Проверка CSS классов в JavaScript

Чередование CSS классов в JavaScript

Стилизация

Стилизация элементов через атрибут style в JavaScript

Стилизация свойств с дефисом в JavaScript

Исключение при стилизации элементов в JavaScript

Стилизация с помощью CSS классов на JavaScript

Преимущество стилизации с помощью CSS классов в JavaScript

Применение cтилизации в JavaScript

Поиск

Нахождение потомков элементов в JavaScript

Нахождение родителей элементов в JavaScript

Поиск всех родителей элементов в JavaScript

Поиск соседей элементов в JavaScript

Поиск элемента по id в JavaScript

Поиск элемента по имени тега в JavaScript

Поиск элемента по имени класса в JavaScript

Поиск элементов внутри другого элемента в JavaScript

Узлы

Работа с узлами в JavaScript

Перебор узлов циклом в JavaScript

Название узлов в JavaScript

Тип узлов в JavaScript

Текст узлов в JavaScript

Формы

Работа с текстареа в JavaScript

Атрибут disabled в JavaScript

Работа с чекбоксами в JavaScript

Чередование атрибутов без значений

Работа с радиокнопками в JavaScript

Событие change в JavaScript

Событие input в JavaScript

Методы focus и blur в JavaScript

Поиск ошибок в коде с формами в JavaScript

Выпадающие списки

Работа с выпадающими списками в JavaScript

Атрибут value в выпадающих списках в JavaScript

Изменение выбранного пункта списка на JavaScript

Номер выбранного пункта выпадающего списка

Получение пунктов выпадающего списка на JavaScript

Массив пунктов выпадающего списка на JavaScript

Работа с пунктами выпадающего списка на JavaScript

Выбор пункта списка в JavaScript

Получение выбранного оптиона в JavaScript

Объект Event

Основы работы с объектом Event в JavaScript

Координаты события в JavaScript

Тип события в объекте Event в JavaScript

Элемент события в объекте Event в JavaScript

Получение нажатых клавиш в JavaScript

Отслеживание клавиш-модификаторов в JavaScript

Отмена действия по умолчанию в JavaScript

Всплытие событий в JavaScript

Получение целевого элемента при всплытии событий

Прекращение всплытия событий в JavaScript

Несколько обработчиков на элементе в JavaScript

Немедленное прекращение всплытия в JavaScript

Применение прекращения всплытия событий в JavaScript

Погружение событий в JavaScript

Навешивание обработчиков на новые элементы в JavaScript

Делегирование событий в JavaScript

Универсальное делегирование событий в JavaScript

Контекст

Основы работы с контекстом в JavaScript

Контекст непривязанной функции в JavaScript

Потеря контекста в JavaScript

Решение проблемы с контекстом в JavaScript

Контекст через переменную в JavaScript

Контекст через параметр в JavaScript

Контекст через стрелочную функцию в JavaScript

Привязывание контекста через метод call в JavaScript

Метод call с параметрами в JavaScript

Привязывание контекста через метод apply в JavaScript

Привязывание контекста через метод bind в JavaScript

Таймеры

Основы работы с функцией setInterval в JavaScript

Счетчик через функцию setInterval в JavaScript

Остановка таймера JavaScript

Кнопка для запуска таймера на JavaScript

Многократное нажатие на кнопку для запуска таймера на JavaScript

Кнопки для запуска и остановки таймера на JavaScript

Практика на таймеры и работу с DOM в JavaScript

Таймеры и потеря контекста в JavaScript

Практика на таймеры и работу с DOM в JavaScript

Задержка перед выполнением в JavaScript

Запуск таймера в JavaScript

Манипулирование элементами

Создание и вставка элементов на JavaScript

Привязывание событий при вставке элементов

Создание элементов в цикле на JavaScript

Навешивание обработчиков в цикле на JavaScript

Удаление элементов на JavaScript

Вставка элементов в начало или в конец на JavaScript

Вставка элементов перед элементами на JavaScript

Смежная вставка элементов на JavaScript

Смежная вставка тегов на JavaScript

Клонирование элементов на JavaScript

Проверка элементов в JavaScript

Практика

Создание элементов из массива на JavaScript

Практика на создание списков ul на JavaScript

Создание HTML таблиц на JavaScript

Последовательное заполнение HTML таблиц

Создание HTML таблицы из массива на JavaScript

Создание HTML таблицы из массива объектов

Добавление рядов и колонок в HTML таблицу

Изменение ячеек HTML таблицы на JavaScript

Самоудаление новых элементов на JavaScript

Ссылка на удаление элемента на JavaScript

Создание ссылок для удаление элементов на JavaScript

Редактирование отдельного элемента на JavaScript

Прячем текст при редактировании элемента на JavaScript

Редактирование в группе элементов на JavaScript

Одновременное редактирование и удаление элементов

Стилизация элементов на JavaScript

Кнопки для скрытия и показа элемента на JavaScript

Много элементов с кнопками показа на JavaScript

Активация элементов на JavaScript

Чередование стилей активации на JavaScript

Практика на изменение элементов на JavaScript

Функции и DOM

Функции для работы с DOM элементом на JavaScript

Функции для работы с группой DOM элементов

Передача коллбэка для работы с DOM на JavaScript

Передача порядкового номера в коллбэк на JavaScript

Передача DOM элемента параметром функции

Передача группы DOM элементов параметрами функций

Функция для создания HTML таблиц на JavaScript

Возврат таблицы из функции на JavaScript

Функция для создания таблицы из массива

Модули через замыкания

Конфликты переменных в JavaScript

Модули через замыкания в JavaScript

Практическое применение

Передача параметров в модуль через замыкания в JavaScript

Передача родительского элемента в модуль через замыкания в JavaScript

Передача настроек модуля через замыкания в JavaScript

Параметры по умолчанию

Экспорт переменных и функций в модулях через замыкания в JavaScript

Экспорт объекта в модулях через замыкания в JavaScript

Библиотеки через замыкания в JavaScript