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()

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

document.querySelector() и document.querySelectorAll() в JavaScript

Подробное руководство по методам querySelector() и querySelectorAll() в JavaScript. Рассмотрим синтаксис, особенности работы, как искать по нескольким селекторам, а также устаревшие методы getElementsBy*

Объекты в JavaScript

Подробное руководство по основам работы с объектами в JavaScript: как создать, обратиться, добавить или удалить свойства, создать новые. Рассмотрим цикл для работы с объектами, метод для создания дубликата и другое.

Date JS - Дата и время в JavaScript

Подробное руководство по работе с объектом Date в JavaScript. Как получить текущую дату, изменить отдельные компоненты времени или получить их. Всё о том, как манипулировать датой и временем в JS.

addEventListener()

Подробное руководство по работе с методом addEventListener() - назначение обработчика событий: синтаксис, аргументы, как удалить. А также что такое объект события, всплытие, погружение, как добавить обработчик множеству элементов быстро.

window.open()

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

Массивы в JavaScript

Подробный разбор работы с массивами в JavaScript: определение, как создать массив, получить, добавить и перебрать элементы, узнать длину length и много других нюансов.

Math.random()

Подробный разбор метода Math.random(): синтаксис, как работает, особенности генерации случайных чисел. Примеры функций, как получить целое и дробное рандомное число, а также правильная реализация с учетом минусов метода.

Прототипы в JavaScript

Разбор темы, что такое прототипы в JavaScript - несколько определений, свойство [[Prototype]], наследование и цепочки прототипов, немного об устаревшем __proto__ и что ему пришло на замену.

this в JavaScript

Подробный обзор темы контекст this в JavaScript: что это такое, область применения, особенности и нюансы. Много примеров. Разбор методов call(), apply() и bind().

forEach()

Разбор метода forEach() для перебора массива в JavaScript: синтаксис, особенности работы, отличие от for, понятные примеры.

push() в JavaScript

Разбор метода push() отвечающего за добавление элементов в конец массива: синтаксис, особенности работы, понятные примеры, как произвести слияние двух массивов.

reduce() в JavaScript

Разбор метода reduce() позволяющего получить результирующее значение на основе данных массива: синтаксис, особенности работы, понятные примеры, как посчитать сумму чисел и другое.

Object.entries(), keys(), values()

Разбор методов для работы с объектами - Object.entries(), keys() и values(). Рассмотрим синтаксис и особенности работы, подсчитаем сумму значений объекта, узнаем количество свойств, а также отсортируем данные по алфавиту.

Set

Подробно про объект Set в JavaScript: в чем особенность, как создать, обзор методов «множества», как перебрать коллекцию Set (два способа), другие особенности, много примеров.

map() в JavaScript

Разбор метода map() для создания массива, на основе данных другого массива. Синтаксис, особенности работы, понятные примеры, чем отличается от forEach(), как достичь такого же результата с помощью for().

setTimeout()

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

setInterval()

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

writeText()

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

rotate()

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

Свойство classList

Изучите, как использовать свойство classList для динамического управления классами HTML элементов. От добавления и удаления до переключения и проверки классов – полное руководство с примерами кода. Рассмотрим методы add, remove, replace, toggle, contains.

toFixed()

Руководство по методу toFixed() в JavaScript. Рассмотрим основные аспекты работы toFixed(), включая различные сценарии округления и часто возникающие вопросы.

fetch()

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