> For the complete documentation index, see [llms.txt](https://thedvlpr.gitbook.io/javascript-for-dummies/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://thedvlpr.gitbook.io/javascript-for-dummies/vvod-v-javascript.-chto-eto-i-dlya-chego-nuzhen.md).
# Ввод в JavaScript. Что это? И для чего нужен?
JavaScript простым языком
[](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)
### Немного истории
**JavaScript (JS)** язык, который появился в далеком 1995 году. Много рассказывать об истории языка не буду, поскольку в данном курсе это лишняя информация.
**Два важных замечания:**
1. Существует язык программирования **`Java`** и существует язык программирования **`JavaScript`** – так вот, это не один и тот же язык, а совершенно разные языки, которые чаще применяются в разных областях, поэтому не будь Алешкой, не путай языки;
2. **JavaScript** произносится как **`"ДжаваСкрипт"`**, а не **`"ЯваСкрипт"`** или как-то по-другому.
### Где используется
На самом деле, область применения достаточно широкая. **JavaScript** может использоваться для написания **десктопных** (для компуктеров) **приложений**, которые для пользователя никак не будут отличаться от других программ, написанных, например, на **`C++`**, **`C#`** или упомянутом выше **`Java`**.
Но, все знают (и ты сейчас узнаешь тоже), что чаще всего язык используется в **`Web-разработке`**. Все эти ваши интернеты насквозь прошиты **JavaScript**-ом и никто от него не сможет спрятаться, если хочет видеть красивый и функциональный сайт.
Если сказать одним предложением – **`JavaScript`** **помогает пользователю взаимодействовать с сайтом**. Любой клик мышкой, выделение текста, нажатие клавиши, прокрутка страницы колесиком, свайпы (в случае с мобильными устройствами) и куча всего другого, что связано с взаимодействием пользователя с сайтом – за всем этим стоит **`JavaScript`**.
### Пример работы JavaScript
Ты зашел на страницу Вконтакте, просмотреть альбом с фотографиями своих одноклассниц/одногруппниц/коллег. А задумывался ли ты, как все это осуществляется? Как перед тобой появляется лента всех фотографий?
Вкратце расскажу, что происходит. Когда ты входишь на сайт, то явно куда-то нажимаешь, чтобы добраться до заветного альбома с фотками. Скажем, ты нажимаешь какие-то кнопочки, ссылочки, и в этом тебе помогает - **`JavaScript`**, именно он отправляет *`запрос на сервер`*, в котором говорится, что некий юзер, требует альбом с фотографиями другого юзера. Сервер что-то у себя там покрутит, повертит и выдаст ответ в виде списка этих самых фотографий, а **`JavaScript`** примет и обработает для тебя этот ответ.
Может создаться иллюзия, что фотографии отобразятся у тебя на экране сами собой (вот прям как в твоем семейном альбоме, где ты в 3 года сидишь в розовых колготанах сестры), а вот и нет. Если ресурс, который ты посетил, сделан умелыми руками, то сервер вернет список ссылок на эти фотографии, ну или в крайнем случае просто их названия с расширением.
Вроде этого:
`['photo-1.png', 'photo-2.png', 'photo-3.png']`
И здесь у тебя встанет вопрос: А каким же образом я вижу все эти прекрасные фотографии своих одноклассниц/одногруппниц/коллег? И вот здесь (точнее даже немного раньше) снова вступает в работу **`JavaScript`**.
Он принимает этот список, а затем используя свои возможности и возможности своих брательников **`HTML`** (разметка веб-страницы) и **`CSS`** (оформление веб-страницы), выстраивает перед тобой эти самые фоточки, чтобы порадовать тебя.
При этом, ты же помнишь, как выглядит альбом с фотографиями, например, Вконтакте или в Одноклассниках (капец ты старый, если ты там сидишь)? Там много миниатюр фотографий, и при клике на одну из них фоточка увеличивается почти на весь экран. Так вот за переключение фотографий тоже отвечает **`JavaScript`**.
Если дочитав до этого момента все еще не понимаешь, что из себя представляет**`JavaScript,`** то ты реально непробиваемая пробка и место тебе на рынке с семками =).