К содержанию
RU

С чего начинается JavaScript

Зачем веб-странице JavaScript и как устроен раздел курса.

также в основах веб-разработки

На этой странице

HTML задаёт странице содержание, CSS оформляет его. JavaScript отвечает за поведение: что произойдёт после нажатия кнопки, как проверить ответ пользователя и когда изменить содержимое страницы.

Например, в корзине HTML создаёт список товаров и кнопки, CSS оформляет их, а JavaScript запоминает выбранное количество и пересчитывает сумму. Те же основы помогут проверять ответы формы и менять страницу. Код JavaScript может работать в браузере, а позже вы встретите его и на сервере, который отвечает на запросы сайта.

Соберите заказ

Меняйте количество и следите за итогом.

Товаров: 1

  • Блокнот для заметок

    240 ₽ за штуку

    1

  • Набор ручек

    180 ₽ за штуку

    0
Итого240 ₽

JavaScript хранит количество каждого товара, пересчитывает стоимость и обновляет страницу после нажатия кнопок.

Как устроен раздел

Идем от небольших понятных частей к более крупным:

  1. JS-01. Переменные и логика: значения, типы, условия, функции и объекты.
  2. JS-02. Списки: массивы, циклы и методы обработки элементов.
  3. JS-03. Объекты и функции: this, классы, замыкания и асинхронный код.

В каждой части сначала идет объяснение с примерами, в конце – самостоятельная работа. Если пример непонятен, поменяйте одно значение и сравните результат. Так проще увидеть, за что отвечает каждая строка.

JavaScript часто пытается угадать, что мы имели в виду. Хорошая привычка разработчика – не заставлять его угадывать 🙂

Материалы для дальнейшего чтения: руководство JavaScript на MDN и учебник JavaScript.info.