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

JavaScript простым языком

Немного истории

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, то ты реально непробиваемая пробка и место тебе на рынке с семками =).