LearnJS

Что такое JavaScript

JavaScript - это язык программирования, который чаще всего используют для работы с веб-страницами. Если HTML отвечает за структуру страницы, CSS за внешний вид, то JavaScript добавляет поведение: клики, проверки форм, всплывающие окна, загрузку данных без перезагрузки страницы и другие интерактивные вещи.

Практически на каждом современном сайте есть JavaScript. С его помощью открываются меню, работают слайдеры, отправляются формы, появляются подсказки, обновляются корзины в интернет-магазинах и меняется содержимое страницы после действий пользователя.

Что такое JavaScript простыми словами

JavaScript - это язык, с помощью которого можно давать странице команды. Например: найти кнопку, дождаться клика, изменить текст, показать сообщение или отправить запрос на сервер.

Сам по себе HTML не умеет думать и реагировать на действия пользователя. Он просто описывает, какие элементы есть на странице. JavaScript уже может работать с этими элементами и менять их в нужный момент.

Простой пример:

<button>Нажми меня</button>

HTML создал кнопку. Но что произойдет после клика - решает JavaScript.

Где используется JavaScript

Изначально JavaScript создавался для браузеров. Его первая задача была простой: оживлять страницы и делать сайты удобнее. Сейчас язык сильно вырос, поэтому его используют не только во фронтенде.

JavaScript можно использовать:

  • в браузере для интерактивных страниц;
  • на сервере с помощью Node.js;
  • в одностраничных приложениях;
  • в мобильных и настольных приложениях;
  • в небольших играх и обучающих проектах.

Но в этом курсе мы начнем с главного и самого понятного направления - JavaScript в браузере.

JavaScript в браузере

Когда браузер открывает страницу, он загружает HTML, CSS и JavaScript. После этого JavaScript может работать с документом: находить элементы, менять текст, добавлять классы, реагировать на клики и ввод пользователя.

В браузере JavaScript умеет:

  1. изменять HTML и CSS;
  2. реагировать на действия пользователя;
  3. проверять данные в формах;
  4. показывать сообщения и подсказки;
  5. отправлять запросы на сервер и получать данные.

Например, когда вы нажимаете кнопку “Показать еще”, сайт может загрузить новые товары без полной перезагрузки страницы. Чаще всего за такое поведение отвечает JavaScript.

Ограничения JavaScript

У JavaScript в браузере есть ограничения. Это сделано для безопасности пользователя. Сайт не должен просто так читать файлы на компьютере, управлять системой или получать доступ к чужим вкладкам.

JavaScript в браузере не может:

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

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

Что дальше

Теперь мы понимаем, зачем нужен JavaScript и какую задачу он решает на сайте. В следующих уроках разберем, где JavaScript используется, как он работает в браузере и как написать первый простой скрипт.