LearnJS

Уроки JavaScript

Полная программа курса по разделам — от первого знакомства с языком до современных возможностей.

Раздел 1

Введение в JavaScript и первый код

Обучающие материалы

  1. 01 Что такое JavaScript
  2. 02 Где используется JavaScript
  3. 03 Как подключить JavaScript к HTML
  4. 04 Первый скрипт на JavaScript
  5. 05 Консоль разработчика в браузере
  6. 06 Комментарии в JavaScript
  7. 07 Ошибки в JavaScript и как их читать
  8. 08 Структура JavaScript-кода
  9. 09 Строгий режим use strict

Методы и свойства

  1. 01 console.log()
  2. 02 alert()
  3. 03 prompt()
  4. 04 confirm()
  5. 05 typeof
  6. 06 Number()
  7. 07 String()
  8. 08 Boolean()
Раздел 2

Переменные, значения и типы данных

Обучающие материалы

  1. 01 Переменные в JavaScript
  2. 02 let, const и var
  3. 03 Типы данных в JavaScript
  4. 04 Строки в JavaScript
  5. 05 Числа в JavaScript
  6. 06 Булевы значения true и false
  7. 07 null и undefined
  8. 08 Преобразование типов в JavaScript
  9. 09 Операторы в JavaScript
  10. 10 Шаблонные строки в JavaScript
  11. 11 Сравнение значений в JavaScript

Методы и свойства

  1. 01 parseInt()
  2. 02 parseFloat()
  3. 03 isNaN()
  4. 04 Number.isNaN()
  5. 05 Number.isInteger()
  6. 06 Number.isFinite()
  7. 07 Object.is()
  8. 08 BigInt()
  9. 09 Symbol()
  10. 10 String.raw()
Раздел 3

Условия, логика и ветвление кода

Обучающие материалы

  1. 01 if, if…else, else if
  2. 02 Логические операторы в JavaScript
  3. 03 switch case в JavaScript
  4. 04 Условный оператор ? : в JavaScript
  5. 05 Truthy и falsy значения в JavaScript
  6. 06 Несколько условий в JavaScript
  7. 07 Вложенные условия в JavaScript

Методы и свойства

  1. 01 Оператор && в JavaScript
  2. 02 Оператор || в JavaScript
  3. 03 Оператор ! в JavaScript
  4. 04 Оператор ?? в JavaScript
  5. 05 Опциональная цепочка ?. в JavaScript
  6. 06 Оператор === в JavaScript
  7. 07 Оператор !== в JavaScript
  8. 08 Оператор in в JavaScript
Раздел 4

Циклы и повторение действий

Обучающие материалы

  1. 01 Цикл for
  2. 02 Циклы while и do...while
  3. 03 for...in
  4. 04 for...of в JavaScript
  5. 05 break и continue в JavaScript
  6. 06 Вложенные циклы в JavaScript
  7. 07 Перебор строк в JavaScript
  8. 08 Перебор массивов в JavaScript
  9. 09 Перебор объектов в JavaScript

Методы и свойства

  1. 01 Метка label в JavaScript
  2. 02 Счётчик в цикле JavaScript
  3. 03 Итерация в JavaScript
  4. 04 Итерируемые объекты в JavaScript
  5. 05 Symbol.iterator в JavaScript
  6. 06 next() в JavaScript
Раздел 5

Функции в JavaScript

Обучающие материалы

  1. 01 Функции
  2. 02 Function Expression
  3. 03 Анонимные функции
  4. 04 Стрелочные функции
  5. 05 Параметры функции
  6. 06 Аргументы функции
  7. 07 return
  8. 08 Область видимости переменных
  9. 09 Локальные и глобальные переменные
  10. 10 Callback-функции
  11. 11 Функции высшего порядка
  12. 12 Замыкания
  13. 13 IIFE
  14. 14 Чистые функции
  15. 15 Рекурсия

Методы и свойства

  1. 01 arguments
  2. 02 Rest parameters
  3. 03 Default parameters
  4. 04 call()
  5. 05 apply()
  6. 06 bind()
  7. 07 name у функции
  8. 08 length у функции
  9. 09 new Function()
  10. 10 setTimeout callback
  11. 11 Array callback methods
  12. 12 Функция как значение
  13. 13 Передача функции в функцию
  14. 14 Возврат функции из функции
Раздел 6

Строки в JavaScript

Обучающие материалы

  1. 01 Кавычки
  2. 02 Длина строки
  3. 03 Индексы в строках
  4. 04 Поиск в строке
  5. 05 Изменение регистра строки
  6. 06 Разделение строки на массив
  7. 07 Обрезка пробелов в строке
  8. 08 Замена части строки
  9. 09 Сравнение строк
  10. 10 Экранирование символов в строке

Методы и свойства

  1. 11 length у строки
  2. 12 charAt()
  3. 13 at()
  4. 14 includes() для строк
  5. 15 startsWith()
  6. 16 endsWith()
  7. 17 indexOf()
  8. 18 lastIndexOf()
  9. 19 slice() для строк
  10. 20 substring()
  11. 21 replace()
  12. 22 replaceAll()
  13. 23 trim()
  14. 24 trimStart()
  15. 25 trimEnd()
  16. 26 split()
  17. 27 toUpperCase()
  18. 28 toLowerCase()
Раздел 7

Числа, математика и случайные значения

Обучающие материалы

  1. 01 Арифметические операторы
  2. 02 Округление чисел
  3. 03 Случайные числа
  4. 04 Минимальное и максимальное значение
  5. 05 Работа с дробными числами
  6. 06 Проверка чисел
  7. 07 Математические операции
  8. 08 Остаток от деления

Методы и свойства

  1. 09 Math.random()
  2. 10 Math.round()
  3. 11 Math.floor()
  4. 12 Math.ceil()
  5. 13 Math.trunc()
  6. 14 Math.abs()
  7. 15 Math.min()
  8. 16 Math.max()
  9. 17 Math.pow()
  10. 18 Math.sqrt()
  11. 19 toFixed()
Раздел 8

Массивы в JavaScript

Обучающие материалы

  1. 01 Массивы в JavaScript
  2. 02 Создание массива
  3. 03 Индексы массива
  4. 04 Длина массива
  5. 05 Добавление элементов в массив
  6. 06 Удаление элементов из массива
  7. 07 Поиск в массиве
  8. 08 Изменение массива
  9. 09 Копирование массива
  10. 10 Многомерные массивы

Методы и свойства

  1. 11 length у массива
  2. 12 push() в JavaScript
  3. 13 pop()
  4. 14 shift()
  5. 15 unshift()
  6. 16 includes() для массивов
  7. 17 Array.isArray()
  8. 18 slice() для массивов
  9. 19 splice()
  10. 20 concat()
Раздел 9

Методы перебора массивов

Обучающие материалы

  1. 01 Перебор массивов
  2. 02 Callback в методах массивов
  3. 03 Разница между for и методами массивов
  4. 04 Цепочки методов массивов
  5. 05 Преобразование массива
  6. 06 Фильтрация массива
  7. 07 Поиск элемента в массиве

Методы и свойства

  1. 01 forEach()
  2. 02 map()
  3. 03 filter()
  4. 04 find()
  5. 05 findIndex()
  6. 06 some()
  7. 07 every()
  8. 08 reduce()
Раздел 10

Объекты в JavaScript

Обучающие материалы

  1. 01 Объекты
  2. 02 Свойства объекта
  3. 03 Методы объекта
  4. 04 Доступ к свойствам объекта
  5. 05 Динамические свойства объекта
  6. 06 Вычисляемые свойства объекта
  7. 07 Добавление и удаление свойств
  8. 08 Проверка наличия свойства
  9. 09 Перебор объекта
  10. 10 Вложенные объекты
  11. 11 Копирование объектов
  12. 12 Деструктуризация объектов
  13. 13 this
  14. 14 Прототипы в JavaScript

Методы и свойства

  1. 01 Object.entries(), keys(), values()
  2. 02 Object.assign()
  3. 03 Object.hasOwn()
  4. 04 Object.freeze()
  5. 05 Object.seal()
  6. 06 Object.fromEntries()
  7. 07 hasOwnProperty()
  8. 08 delete
Раздел 11

Современная работа с данными: Set, Map и структуры коллекций

Обучающие материалы

  1. 01 Set
  2. 02 Map
  3. 03 WeakSet и WeakMap
  4. 04 Массив, объект, Set или Map
  5. 05 Удаление дублей из массива
  6. 06 Хранение уникальных значений
  7. 07 Коллекции
  8. 08 Словарь данных

Методы и свойства

  1. 01 Set.prototype.add()
  2. 02 Set.prototype.delete()
  3. 03 Set.prototype.has()
  4. 04 Set.prototype.clear()
  5. 05 Set.prototype.size
  6. 06 Map.prototype.set()
  7. 07 Map.prototype.get()
  8. 08 Map.prototype.has()
Раздел 12

Дата и время

Обучающие материалы

  1. 01 Date JS - Дата и время в JavaScript
  2. 02 Создание даты
  3. 03 Получение дня, месяца и года
  4. 04 Форматирование даты
  5. 05 Сравнение дат
  6. 06 Таймеры и обратный отсчёт
  7. 07 Timestamp
  8. 08 Разница между датами

Методы и свойства

  1. 01 new Date()
  2. 02 Date.now()
  3. 03 getFullYear()
  4. 04 getMonth()
  5. 05 getDate()
  6. 06 getDay()
  7. 07 getHours()
  8. 08 getMinutes()
  9. 09 getSeconds()
  10. 10 getTime()
Раздел 13

DOM: поиск и изменение элементов на странице

Обучающие материалы

  1. 01 Что такое DOM
  2. 02 Поиск элементов на странице
  3. 03 Навигация по DOM
  4. 04 Изменение текста элемента
  5. 05 Изменение HTML-разметки
  6. 06 Изменение атрибутов
  7. 08 Создание и вставка элементов
  8. 09 Удаление элементов

Методы и свойства

  1. 01 document.querySelector() и document.querySelectorAll() в JavaScript
  2. 02 getElementById()
  3. 03 getElementsByClassName()
  4. 04 getElementsByTagName()
  5. 05 textContent
  6. 06 innerHTML
  7. 07 innerText
  8. 08 setAttribute()
  9. 09 getAttribute()
  10. 10 removeAttribute()
Раздел 14

CSS-классы, стили и визуальные изменения

Обучающие материалы

  1. 01 CSS-классы и inline-стили
  2. 02 classList: работа с CSS-классами
  3. 03 Скрытие и показ элементов
  4. 04 Inline-стили через свойство style
  5. 05 Изменение размеров элемента через style
  6. 06 Получение вычисленных стилей через getComputedStyle()
  7. 07 CSS-свойство transform
  8. 08 Запуск CSS-переходов и анимаций через классы

Методы и свойства

  1. 01 classList.add()
  2. 02 classList.remove()
  3. 03 classList.contains()
  4. 04 classList.toggle()
  5. 05 Свойство hidden
  6. 06 Свойство style
  7. 07 getBoundingClientRect()
  8. 08 CSS-свойство transform через style.transform
Раздел 15

События в JavaScript

Обучающие материалы

  1. 01 События и addEventListener()
  2. 02 Объект события event
  3. 03 События указателя и мыши
  4. 04 События клавиатуры
  5. 05 События формы и полей ввода
  6. 06 preventDefault(): отмена стандартного поведения
  7. 07 Распространение событий: всплытие и перехват
  8. 08 Делегирование событий

Методы и свойства

  1. 01 removeEventListener()
  2. 02 event.target
  3. 03 event.currentTarget
  4. 04 click
  5. 05 submit

Другие материалы

window.open()

Все о том, как создавать новые окна с помощью метода open() и взаимодействовать с ними: закрывать, изменять размер, устанавливать и снимать фокус, добавлять текст и другое.

setTimeout()

Подробно про setTimeout() в JS, как правильно задать задержку перед выполнением кода, как передать дополнительные параметры в функцию, как ведет себя контекст this в setTimeout().

setInterval()

Подробно про setInterval() в JS: как правильно настроить интервальный вызов функции, как передать дополнительные параметры, особенности поведения контекста this при использовании setInterval().

writeText()

Обзор метода writeText() для копирования текста в буфер обмена. Рассмотрим синтаксис, как скопировать текст по клику на кнопку, что может пойти не так.

rotate()

Подробно про transform rotate() в CSS: синтаксис, доступные единицы измерения, как изменить центр вращения и ось вращения, сочетание rotate() с другими функциями. Все о том, как повернуть элемент.

fetch()

Обзор функции fetch() в JavaScript. Рассмотрим для чего используется, в каких ситуациях будет полезной, разберем нюансы работы. Много примером.