JavaScript — это нонсенс: изобретенный на коленке язык программирования сегодня обеспечивает работоспособность 98% всех сайтов сети. Его создателем стал сотрудник американской корпорации Netscape и «папа» браузера Mozilla Брендан Эйх, сумевший выпустить готовый продукт за 10(!) дней. В 1995 году интернету требовалась череда простых в освоении и динамичных решений — их предоставил JavaScript, сейчас занимающий седьмое место в рейтинге популярности по TIOBE.

Как работает JavaScript

Исторически веб-страницы были во-первых, статичными, во-вторых, похожими друг на друга как жители деревень Вилларибо и Виллабаджо. Они отображали информацию в фиксированном виде — никаких наворотов вроде всплывающих окон, виджетов, перелистываемых навигационных меню и мигающих кнопок. Затем на рынок пришел Брендан Эйх с его теперь уже знаменитым детищем. Фронтенд-разработчики начали наполнять сайты интерактивными элементами, а специалисты по бэкенду стали создавать сложные приложения вроде Paypal. 

«Компания Netscape наняла Брендана Эйха в 1995 году — в те времена, когда парни создавали браузер Netscape Navigator. Задача заключалась в разработке языка, который будут понимать браузеры на стороне клиентов. На ее выполнение Эйху дали 10 дней — Брендан собрал лучшие решения коллег и выпустил первую версию JavaScript. Кстати, изначально JS назывался Mocha», — Даниил Сулейман в интервью для IT-школы TeachMeSkills.

На стороне клиента

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

Система выглядит так: 

1. Пользователь открывает веб-страницу.
2. Браузер преобразует ее в объектную модель документа DOM — превращает все присутствующие на странице элементы (блоки с текстом, кнопки, вкладки и картинки) в цифры и буквы кода, с которыми может работать язык программирования. 
3. Разные события (щелчок клавишей мыши, использование колесика) приводят к выполнению блоков кода, созданных разработчиками сайта или веб-приложения. 
4. Объектная модель документа меняется — сначала изменения происходят в цифрах и буквах кода (с которыми, как мы уже выяснили, работает JS), а затем и в визуальном плане. 
5. Браузер высвечивает веб-страницу с новой версией DOM, предварительно осуществив обратное превращение — переведя цифро-буквенный код в хорошо воспринимаемые пользователем блоки с текстом, кнопки, вкладки меню и картинки. 

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

На стороне сервера 

Работающий на стороне сервера («под капотом» любого сайта и веб-приложения) код JavaScript обладает обширными возможностями. С его помощью программисты делают продукты красивыми и удобными в использовании. Разработчик, овладевший навыками обращения с JS, может добавлять на страницы сайтов различные эффекты анимации, заставлять их реагировать на события (обрабатывать перемещения указателя мыши и нажатия клавиш на клавиатуре) и осуществлять проверки ввода данных, например, когда человек проходит стандартную регистрацию, указывая логин и пароль. 

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

Библиотеки JavaScript

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

«Сегодня JavaScript распространен широко — на нем пишут виджеты для macOS и Windows, бэкенд с помощью платформы Node.js, мобильные приложения посредством фреймворка React Native и десктопные приложения через Electron. Можно написать чат-бота для Telegram, сделать его популярным, накрутить рекламы и зарабатывать деньги — в общем, все что угодно», — Даниил Сулейман в интервью для IT-школы TeachMeSkills. 

Преимущества языка 

JavaScript — уникальный во всех смыслах язык программирования, сумевший стать популярным даже с учетом многочисленных внутренних проблем (не забываем о том, что Брендан Эйх создал его всего за 10 дней). 

В числе преимуществ JavaScript: 

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

Визуальная простота JS скрывает глубокие инструменты — за год-полтора обучения (или за семь месяцев, если речь идет о курсах IT-школы TeachMeSkills) новичок освоит необходимую ему базу. 

Java Script позволяет людям расти — открывать для себя сложные понятия вроде объектно-ориентированного программирования (набор правил и критериев, по которым следует писать код) и событийных моделей (когда все, что отображается на экране пользователя, зависит от его действий с клавиатурой, мышью или сенсорным экраном). 

Сколько времени уходит на изучение JavaScript и с чего лучше начать образовательный процесс 

«Скорость обучения у всех разная — многое зависит от человека: его талантов, амбиций и упорства. Крепким разработчиком можно стать за год-полтора, если брать в расчет не только уроки и лекции, но и обильную практику. Упор нужно делать не столько на фреймворки и тулзы, сколько на сам язык. В реальной коммерческой разработке часто встречаются ситуации, когда для решения проблемы нужно заглянуть внутрь библиотеки — а она написана на чистом языке, без какой-либо магии», — преподаватель IT-школы TeachMeSkills. 

JavaScript прекрасен огромным сообществом — новички могут читать обучающие статьи на Хабре, знакомиться с объемными учебными материалами, смотреть уроки на YouTube и обсуждать свои прогрессы с другими джунами. В интернете хватает классных книг, рассказывающих о JS-разработке — внимание стоит обратить на «JavaScript. Подробное руководство» Дэвида Флэнагана, «Как устроен JavaScript» Дугласа Крокфорда и «JavaScript в примерах и задачах» Алексея Васильева. 

Впрочем, есть вариант поинтереснее — всем, кто хочет научиться программированию на JavaScript, стоит попробовать онлайн-курс для Frontend-разработчиков в IT-школе TeachMeSkills. В рамках дистанционной 7-месячной образовательной программы мы проведем студента буквально за руку: от вступительной лекции до трудоустройства. 

Будущий джун добавит в портфолио от 2 до 6 проектов, разберется с правилами адаптивной и кросс-браузерной верстки, изучит востребованную библиотеку React и запустит свое первое веб-приложение. На занятиях упор делаем только на практику, а в роли преподавателей выступают эксперты из различных сервисных и продуктовых компаний с опытом коммерческой разработки от трех лет и выше.