# Ввод в JavaScript. Что это? И для чего нужен?

[![Generic badge](https://img.shields.io/badge/JavaScript-%D0%B4%D0%BB%D1%8F%20%D1%82%D1%83%D0%BF%D1%8B%D1%85-green.svg)](https://img.shields.io/badge/JavaScript-%D0%B4%D0%BB%D1%8F%20%D1%82%D1%83%D0%BF%D1%8B%D1%85-green.svg)

### Немного истории <a href="#toc_1" id="toc_1"></a>

**JavaScript (JS)** язык, который появился в далеком 1995 году. Много рассказывать об истории языка не буду, поскольку в данном курсе это лишняя информация.&#x20;

**Два важных замечания:**

1. Существует язык программирования **`Java`** и существует язык программирования **`JavaScript`** – так вот, это не один и тот же язык, а совершенно разные языки, которые чаще применяются в разных областях, поэтому не будь Алешкой, не путай языки;
2. **JavaScript** произносится как **`"ДжаваСкрипт"`**, а не **`"ЯваСкрипт"`** или как-то по-другому.

### Где используется <a href="#toc_2" id="toc_2"></a>

На самом деле, область применения достаточно широкая. **JavaScript** может использоваться для написания **десктопных** (для компуктеров) **приложений**, которые для пользователя никак не будут отличаться от других программ, написанных, например, на **`C++`**, **`C#`** или упомянутом выше **`Java`**.

Но, все знают (и ты сейчас узнаешь тоже), что чаще всего язык используется в **`Web-разработке`**. Все эти ваши интернеты насквозь прошиты **JavaScript**-ом и никто от него не сможет спрятаться, если хочет видеть красивый и функциональный сайт.

Если сказать одним предложением – **`JavaScript`** **помогает пользователю взаимодействовать с сайтом**. Любой клик мышкой, выделение текста, нажатие клавиши, прокрутка страницы колесиком, свайпы (в случае с мобильными устройствами) и куча всего другого, что связано с взаимодействием пользователя с сайтом – за всем этим стоит **`JavaScript`**.

### Пример работы JavaScript <a href="#toc_3" id="toc_3"></a>

Ты зашел на страницу Вконтакте, просмотреть альбом с фотографиями своих одноклассниц/одногруппниц/коллег. А задумывался ли ты, как все это осуществляется? Как перед тобой появляется лента всех фотографий?

Вкратце расскажу, что происходит. Когда ты входишь на сайт, то явно куда-то нажимаешь, чтобы добраться до заветного альбома с фотками. Скажем, ты нажимаешь какие-то кнопочки, ссылочки, и в этом тебе помогает  - **`JavaScript`**, именно он отправляет *`запрос на сервер`*, в котором говорится, что некий юзер, требует альбом с фотографиями другого юзера. Сервер что-то у себя там покрутит, повертит и выдаст ответ в виде списка этих самых фотографий, а **`JavaScript`** примет и обработает для тебя этот ответ.

Может создаться иллюзия, что фотографии отобразятся у тебя на экране сами собой (вот прям как в твоем семейном альбоме, где ты в 3 года сидишь в розовых колготанах сестры), а вот и нет. Если ресурс, который ты посетил, сделан умелыми руками, то сервер вернет список ссылок на эти фотографии, ну или в крайнем случае просто их названия с расширением.

Вроде этого:

`['photo-1.png', 'photo-2.png', 'photo-3.png']`

И здесь у тебя встанет вопрос: А каким же образом я вижу все эти прекрасные фотографии своих одноклассниц/одногруппниц/коллег? И вот здесь (точнее даже немного раньше) снова вступает в работу **`JavaScript`**.

Он принимает этот список, а затем используя свои возможности и возможности своих брательников **`HTML`** (разметка веб-страницы) и **`CSS`** (оформление веб-страницы), выстраивает перед тобой эти самые фоточки, чтобы порадовать тебя.

При этом, ты же помнишь, как выглядит альбом с фотографиями, например, Вконтакте или в Одноклассниках (капец ты старый, если ты там сидишь)? Там много миниатюр фотографий, и при клике на одну из них фоточка увеличивается почти на весь экран. Так вот за переключение фотографий тоже отвечает **`JavaScript`**.

Если дочитав до этого момента все еще не понимаешь, что из себя представляе&#x442;**`JavaScript,`** то ты реально непробиваемая пробка и место тебе на рынке с семками =).


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://thedvlpr.gitbook.io/javascript-for-dummies/vvod-v-javascript.-chto-eto-i-dlya-chego-nuzhen.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
