learn.javascript.ru

Обучение JavaScript: современный учебник для всех уровней - learn.javascript.ru

Сайт learn.javascript.ru это настоящая находка для тех, кто хочет освоить один из самых важных языков программирования в мире. Нет, это не просто очередная платформа с кучей скучных видео и шаблонов. Здесь всё по-другому. Тут действительно можно начать с нуля и выйти на уровень, когда ты уже можешь писать нормальный код без лишних подсказок.

Главный акцент сделан на глубину. Не просто напечатал hello world и забыл. Нет. Здесь рассказывают про строгий режим, про типы данных, про преобразование значений между собой. Да, даже про то, как работает codeuse strictcode, что может показаться слишком детализированным - но именно такие мелочи делают код надёжным. А ещё тут есть раздел про промисыи asyncawait. Это важно, потому что многие новички впадают в ступор, когда дело доходит до асинхронного кода.

Каждый блок материала - это отдельная история. От простых переменных до сложных конструкций типа emпрототипного наследованияem или emклассовem. Есть даже глава про WeakRefи FinalizationRegistry- темы, которые редко встречаются в обычных учебниках. Такие вещи могут быть полезны только продвинутым, но зато пригодятся, если ты хочешь понять, как устроена память в JavaScript.

Что вообще внутри?

• Часть 1: Язык JavaScriptначинается с основ, заканчивается ООП. Даже деструктурирующее присваивание здесь объясняют не по-шаблонному, а с примерами из жизни.
• Часть 2: Браузер: документ, события, интерфейсыну тут всё ясно, без этого никак. Объекты DOM, обработчики событий, работа с элементами страницы.
• Часть 3: Тематические разделыгенераторы, модули, Proxy, Reflect, eval. Всё, что выглядит сложно, но при этом реально нужно в реальном проекте.

Интересный момент - они не просто дают теорию. Тут есть и практические советы по стилю кода, отладке, тестированию. Правда, упоминание Mocha может показаться странным, потому что это фреймворк для юнит-тестов, но он действительно помогает сделать код более живым.

А ещё - онлайн-курсы! Не просто видео, а настоящие вебинары с преподавателем, который работает на практике. Есть даже возможность получить обратную связь по своему коду. Это редко встречается, особенно среди бесплатных платформ. Такое ощущение, будто тебе лично кто-то помогает разобраться. Да, курс Основы веб-разработки подойдёт новичкам, а второй - уже для тех, кто немного уже знает JavaScript.

Почему сайт так важен?

Ведь сейчас полно учебников, где всё написано как будто из одного шаблона. А здесь нет такого. Здесь чувствуется личность авторов. Они не боятся говорить правду: например, про то, что codevarcode - это устаревшее слово, и лучше его не использовать. Или про то, что codesetTimeoutcode и codesetIntervalcode могут быть источником проблем, если не знать их особенности.

Есть раздел про полифилы, о котором многие забывают. Но именно там объясняют, почему некоторые функции работают только в новых версиях браузера, и как сделать так, чтобы старые устройства тоже могли отображать страницу правильно.

И да, сайт активно развивается. Последнее обновление - 2 сентября 2025 года. Значит, кто-то реально следит за тем, чтобы информация была актуальной. Не просто загрузили один раз и забыли.

• name: viewport content: width=device-width, initial-scale=1, user-scalable=no, minimum-scale=1.0
• name: apple-mobile-web-app-capable content: yes
• name: google content: notranslate
• name: msapplication-TileColor content: #222A2C
• name: msapplication-TileImage content: /img/favicon/tileicon.png
• itemprop: image content: https://learn.javascript.ru/img/site_preview_ru_512x512.png
• property: og:title content: Современный учебник JavaScript
• property: og:image content: https://learn.javascript.ru/img/site_preview_ru_1200x630.png
• property: og:image:type content: image/png
• property: og:image:width content: 1200
• property: og:image:height content: 630
• property: fb:admins content: 100001562528165
• name: twitter:card content: summary
• name: twitter:title content: Современный учебник JavaScript
• name: twitter:site content: @iliakan
• name: twitter:creator content: @iliakan
• name: twitter:image content: https://learn.javascript.ru/img/site_preview_ru_512x512.png
• name: google-adsense-account content: ca-pub-6204518652652613
• name: description content: Современный учебник JavaScript, начиная с основ, включающий в себя много тонкостей и фишек JavaScript/DOM.

• https://learn.javascript.ru/
• Учебник
• Курсы
• Тесты знаний
• Node.js
• Webpack
• Gulp
• React.js
• Angular
• http://learn.javascript.ru/ebook
• http://learn.javascript.ru/tutorial/map
• https://twitter.com/share?url=https%3A%2F%2Flearn.javascript.ru%2F
• https://www.facebook.com/sharer/sharer.php?s=100&p%5Burl%5D=https%3A%2F%2Flearn.javascript.ru%2F
• https://vkontakte.ru/share.php?url=https%3A%2F%2Flearn.javascript.ru%2F
• http://learn.javascript.ru/#tab-1
• http://learn.javascript.ru/#tab-2
• http://learn.javascript.ru/#tab-3
• http://learn.javascript.ru/#tab-4
• Введение
• Введение в JavaScript
• Справочники и спецификации
• Редакторы кода
• Консоль разработчика
• Основы JavaScript
• Привет, мир!
• Структура кода
• Строгий режим — "use strict"
• Переменные
• Типы данных
• Взаимодействие: alert, prompt, confirm
• Преобразование типов
• Базовые операторы, математика
• Операторы сравнения
• Условное ветвление: if, '?'
• Логические операторы
• Операторы нулевого слияния и присваивания: '??', '??='
• Циклы while и for
• Конструкция "switch"
• Функции
• Function Expression
• Стрелочные функции, основы
• Особенности JavaScript
• Далее…
• Качество кода
• Отладка в браузере
• Советы по стилю кода
• Комментарии
• Ниндзя-код
• Автоматическое тестирование c использованием фреймворка Mocha
• Полифилы
• Объекты: основы
• Объекты
• Копирование объектов и ссылки
• Сборка мусора
• Методы объекта, "this"
• Конструктор, оператор "new"
• Опциональная цепочка '?.'
• Тип данных Symbol
• Преобразование объектов в примитивы
• Типы данных
• Методы примитивов
• Числа
• Строки
• Массивы
• Методы массивов
• Перебираемые объекты
• Map и Set
• WeakMap и WeakSet
• Object.keys, values, entries
• Деструктурирующее присваивание
• Дата и время
• Формат JSON, метод toJSON
• Продвинутая работа с функциями
• Рекурсия и стек
• Остаточные параметры и оператор расширения
• Область видимости переменных, замыкание
• Устаревшее ключевое слово "var"
• Глобальный объект
• Объект функции, NFE
• Синтаксис "new Function"
• Планирование: setTimeout и setInterval
• Декораторы и переадресация вызова, call/apply
• Привязка контекста к функции
• Повторяем стрелочные функции
• Свойства объекта, их конфигурация
• Флаги и дескрипторы свойств
• Свойства - геттеры и сеттеры
• Прототипы, наследование
• Прототипное наследование
• F.prototype
• Встроенные прототипы
• Методы прототипов, объекты без свойства __proto__
• Классы
• Класс: базовый синтаксис
• Наследование классов
• Статические свойства и методы
• Приватные и защищённые методы и свойства
• Расширение встроенных классов
• Проверка класса: "instanceof"
• Примеси
• Обработка ошибок
• Обработка ошибок, "try..catch"
• Пользовательские ошибки, расширение Error
• Промисы, async/await
• Введение: колбэки
• Промисы
• Цепочка промисов
• Промисы: обработка ошибок
• Promise API
• Промисификация
• Микрозадачи
• Async/await
• Генераторы, продвинутая итерация
• Генераторы
• Асинхронные итераторы и генераторы
• Модули
• Модули, введение
• Экспорт и импорт
• Динамические импорты
• Разное
• Proxy и Reflect
• Eval: выполнение строки кода
• Каррирование
• Ссылочный тип
• Побитовые операторы
• BigInt
• Юникод, внутреннее устройство строк
• Intl: интернационализация в JavaScript
• WeakRef и FinalizationRegistry
• Документ
• Браузерное окружение, спецификации
• DOM-дерево
• Навигация по DOM-элементам
• Поиск: getElement*, querySelector*
• Свойства узлов: тип, тег и содержимое
• Атрибуты и свойства
• Изменение документа
• Стили и классы
• Размеры и прокрутка элементов
• Размеры и прокрутка окна
• Координаты
• Введение в события
• Введение в браузерные события
• Всплытие и погружение
• Делегирование событий
• Действия браузера по умолчанию
• Генерация пользовательских событий
• Интерфейсные события
• Основы событий мыши
• Движение мыши: mouseover/out, mouseenter/leave
• Drag'n'Drop с событиями мыши
• Клавиатура: keydown и keyup
• События указателя
• Прокрутка
• Формы, элементы управления
• Свойства и методы формы
• Фокусировка: focus/blur
• События: change, input, cut, copy, paste
• Отправка формы: событие и метод submit
• Загрузка документа и ресурсов
• Страница: DOMContentLoaded, load, beforeunload, unload
• Скрипты: async, defer
• Загрузка ресурсов: onload и onerror
• Разное
• MutationObserver: наблюдатель за изменениями
• Selection и Range
• Событийный цикл: микрозадачи и макрозадачи
• Фреймы и окна
• Открытие окон и методы window
• Общение между окнами
• Атака типа clickjacking
• Бинарные данные и файлы
• ArrayBuffer, бинарные массивы
• TextDecoder и TextEncoder
• Blob
• File и FileReader
• Сетевые запросы
• Fetch
• FormData
• Fetch: ход загрузки
• Fetch: прерывание запроса
• Fetch: запросы на другие сайты
• Fetch API
• Объекты URL
• XMLHttpRequest
• Возобновляемая загрузка файлов
• Длинные опросы
• WebSocket
• Server Sent Events
• Хранение данных в браузере
• Куки, document.cookie
• LocalStorage, sessionStorage
• IndexedDB
• Анимация
• Кривые Безье
• CSS-анимации
• JavaScript-анимации
• Веб-компоненты
• С орбитальной высоты
• Пользовательские элементы (Custom Elements)
• Shadow DOM
• Элемент "template"
• Слоты теневого DOM, композиция
• Настройка стилей теневого DOM
• Теневой DOM и события
• Регулярные выражения
• Введение: шаблоны и флаги
• Символьные классы
• Юникод: флаг "u" и класс \p{...}
• Якоря: начало строки ^ и конец $
• Многострочный режим якорей ^ $, флаг "m"
• Граница слова: \b
• Экранирование, специальные символы
• Наборы и диапазоны [...]
• Квантификаторы +, *, ? и {n}
• Жадные и ленивые квантификаторы
• Скобочные группы
• Обратные ссылки в шаблоне: \N и \k<имя>
• Альтернация (или) |
• Опережающие и ретроспективные проверки
• Катастрофический возврат
• Поиск на заданной позиции, флаг "y"
• Методы RegExp и String
• CSS для JavaScript-разработчика
• О чём пойдёт речь
• Единицы измерения: px, em, rem и другие
• Все значения свойства display
• Свойство float
• Свойство position
• Центрирование горизонтальное и вертикальное
• Свойства font-size и line-height
• Свойство white-space
• Свойство outline
• Свойство box-sizing
• Свойство margin
• Лишнее место под IMG
• Свойство overflow
• Особенности свойства height в %
• Знаете ли вы селекторы?
• CSS-спрайты
• Правила форматирования CSS
• http://learn.javascript.ru/courses/jsbasic
• http://learn.javascript.ru/courses/js
• http://learn.javascript.ru/courses/typescript
• http://learn.javascript.ru/courses/react
• http://learn.javascript.ru/courses/nextjs
• http://learn.javascript.ru/courses/nodejs
• http://learn.javascript.ru/courses/jspatterns
• http://learn.javascript.ru/courses/reactnative
• http://learn.javascript.ru/courses/vue
• http://learn.javascript.ru/courses/angular
• пользовательское соглашение
• Комментарии
• о проекте
• связаться с нами
• политика конфиденциальности

• https://ar.javascript.info/
• https://javascript.info/
• https://es.javascript.info/
• https://fa.javascript.info/
• https://fr.javascript.info/
• https://id.javascript.info/
• https://it.javascript.info/
• https://ja.javascript.info/
• https://ko.javascript.info/
• https://tr.javascript.info/
• https://uk.javascript.info/
• https://uz.javascript.info/
• https://zh.javascript.info/
• помогите нам перевести
• Форум
• Git: курс
• Git: разное
• https://github.com/javascript-tutorial/ru.javascript.info/tree/master
• на GitHub
• plnkr
• JSBin
• codepen

            domain:        JAVASCRIPT.RU
nserver:       damon.ns.cloudflare.com.
nserver:       ines.ns.cloudflare.com.
state:         REGISTERED, DELEGATED, VERIFIED
person:        Private Person
registrar:     REGTIME-RU
admin-contact: https://whois.webnames.ru
created:       2000-05-03T14:55:50Z
paid-till:     2026-05-31T21:00:00Z
free-date:     2026-07-02
source:        TCI
Last updated on 2026-01-26T21:23:01Z
        

			User-agent: *
Disallow: /node/
Disallow: /users/
Disallow: /content/
Disallow: /play/
Disallow: /profile/
        

SEO técnico

SEO en la página

Contenido y UX