JavaScript с нуля: переменные, функции, DOM и первый интерактив

Курс JavaScript для начинающих: типы, функции, работа с DOM и сборка первого интерактивного сайта.

Уровень: beginner · Уроков: 24

JavaScript оживляет страницу: реакция на клики, проверка форм, подгрузка данных, динамический контент. Курс стартует с языка «в чистом виде», затем переходит к DOM — чтобы вы понимали, что происходит до React или Vue, а не прятали логику за магией фреймворка.

Кому подойдёт курс

Тем, кто уверенно верстает HTML/CSS и хочет интерактив.

Будущим фронтенд-разработчикам перед TypeScript и React.

Специалистам, которым нужны скрипты аналитики, форм и простых виджетов без тяжёлого стека.

Модули курса

Все уроки ниже уже опубликованы — идите по порядку.

  1. Что такое JavaScript — роль в браузере и среде выполнения
  2. Переменные — let, const, область видимости
  3. Типы данных — примитивы, объекты, проверки
  4. Функции — параметры, return, стрелочные функции
  5. DOM — поиск элементов, события, изменение страницы
  6. Создаём первый сайт — сборка мини-проекта

Как учиться

Пишите код в файле .js и подключайте к HTML. Консоль браузера — ваш главный отладчик: ошибки читайте сверху вниз, не игнорируйте красные строки.

После курса выбирайте ветку: TypeScript для строгости типов или сразу UI — React / Vue.

Связанные курсы

Что читать дальше

Начать обучение

  1. 01 Что такое JavaScript
  2. 02 Переменные
  3. 03 Типы данных
  4. 04 Функции
  5. 05 DOM
  6. 06 Создаём первый сайт
  7. 07 Добавить сайт в закладки (избранное) - пару способов
  8. 08 Как обновить страницу на JS
  9. 09 Map в js подробно с примерами
  10. 10 Метод filter() в js
  11. 11 Метод Join в js
  12. 12 Метод map в js
  13. 13 Метод reverse в js
  14. 14 Объявление кодировки в javascript - пришло в utf-8, а файл в windows-1251
  15. 15 Популярные ошибки яваскрипта
  16. 16 reduce и reduceRight - функции высшего порядка для перебора массива в Js
  17. 17 Sets в js подробно с примерами
  18. 18 Свойство classList в js с примерами
  19. 19 Типы данных в EcmaScript
  20. 20 В чем отличие между const и let в js подробно с примерами
  21. 21 Валидация формы на сайте js
  22. 22 Метод ready и onload
  23. 23 ошибка TypeError: b.browser is undefined - не работает fancybox
  24. 24 Ошибка в консоли TypeError: $(...) is not a function