JavaScript
Что такое JavaScript
JavaScript – сценарный язык программирования с широкой областью применения, наиболее востребованный во фронтенд-разработке. Исторически сложилось, что среди прочих языков программирования, во фронтенде задействован именно JavaScript.
Фронтенд – это содержимое сайта, которое браузер выводит пользователю на экран. Разработка фронтенда ведется на HTML, CSS и JavaScript. HTML отвечает за контент и структуру документа веб-страницы, CSS – за верстку и дизайн, JavaScript – за изменение контента в реальном времени. JavaScript позволяет внедрять анимацию на сайт, динамически обновлять контент, производить вычисления, подключать сторонние сервисы, обрабатывать входящие данные и выполнять ряд других функций.
JavaScript является интерпретируемым языком программирования – все современные браузеры соответствуют стандарту ECMA-262 и могут интерпретировать код JavaScript без привлечения сторонних программ. Именно по этой причине разработка фронтенда в подавляющем большинстве случаев ведется на JavaScript.
Несмотря на то, что язык прочно обосновался во фронтенд-разработке, JavaScript является мощным инструментом, способным выполнять множество других функций.
Где используется JavaScript
Фронтенд
Самая востребованная область применения JavaScript, поскольку язык является своего рода «монополистом» во фронтенд-разработке. Браузеры поддерживают единый стандарт API для работы в браузере – DOM (Document Object Model). DOM сочетается с языками стандарта ECMA-262, среди которых ныне популярен только JavaScript.
Подобно CSS, JavaScript может быть задействован в HTML-документе разными способами. JavaScript внедряется в HTML напрямую в документ, либо со стороннего документа с расширением .js.
Бэкэнд
Бэкэнд – это серверная часть сайта, которая недоступна обычному посетителю. Поскольку JavaScript является полноценным языком программирования, на его базе можно разработать бэкэнд. В бэкэнд-разработке JavaScript конкурирует с такими языками, как Ruby, PHP и Python.
Для того, чтобы использовать код JavaScript вне браузера, бэкэнд-разработчики используют Node.js – среду выполнения кода, которую применяют для работы JavaScript на сервере. Если во фронтенде JavaScript использует API DOM, в Node.js задействованы API, которые позволяют взаимодействовать с файловой системой сайта, а также HTTP-запросами и потоками данных.
Мобильные и десктопные приложения
Благодаря фреймворкам на JavaScript можно разрабатывать мобильные и десктопные приложения. Тем не менее, разработка приложений на JavaScript – редкость. К примеру, для разработки под платформу Android преимущественно используют Kotlin, под iOS – Swift, а под Windows – C++.
В каких случаях JavaScript применяют для разработки приложений:
- при адаптации сайтов под приложения, чтобы сэкономить ресурсы;
- в случае, когда кросс-платформенное приложение создается с нуля.
Преимущества разработки на JavaScript
- язык незаменим во фронтенд-разработке;
- большое количество фреймворков и библиотек для выполнения разных задач;
- возможность переиспользования фронтенд-кода в бэкэнд-разработке.
Недостатки разработки на JavaScript
- отсутствие возможности проверить код на ошибки с помощью компилятора;
- нестрогая типизация, из-за которой код может быть интерпретирован иначе.
Примеры готовых работ
Поскольку JavaScript – «монополист» во фронтенд-разработке, он используется во всех сайтах, которые могут динамически изменять контент. Такие привычные элементы сайта, как поп-апы, онлайн-чаты, таймеры с обратным отсчетом – следствие программирования на JavaScript.
Тем не менее, существуют сайты, которые демонстрируют творческий подход к фронтенд-разработке и в полной мере раскрывают возможности JavaScript:
С этим инструментом работают 578 агентств
![Цифровая платформа для партнёров HOHORO и Lifehacker coffee](/upload/resize_cache/executor_cases/f10/5uyj92pkgei7xci0oosno3ffz6eg324u/390_260_2619711fa078991f0a23d032687646b21/case_3.jpg)
![Alpha-dex](/upload/resize_cache/executor_cases/7ba/evkxzsoiecw0fu9c2ajuz9a2t2ocaa21/390_260_2619711fa078991f0a23d032687646b21/1.jpg)
![Maunfeld: Из контента в искусство](/upload/resize_cache/executor_cases/bce/3i57mn1pt8ff6ak9zjk667g591vg7cam/390_260_2619711fa078991f0a23d032687646b21/rich_kontent-na-Maunfeld-_2_.png)
![Корпоративный сайт с каталогом спецтехники для компании Грифон](/upload/resize_cache/executor_cases/d47/ot4l3zvt3bqyez2olmt603qdoqzbbra9/390_260_1619711fa078991f0a23d032687646b21/1._Oblozhka-proekta.jpg)
![Рост 2.2 раза органического трафика за счет расширенной структуры и проработки контента](/upload/resize_cache/executor_cases/441/k9ivuw5e3ho6rbohm4iz3ant2xvejtpv/390_260_2619711fa078991f0a23d032687646b21/svsuv.png)
![Создание landing-page и контекстная реклама в Яндекс Директ с ROMI = 600%](/upload/resize_cache/executor_cases/d92/v44zuxfqgy4eqexcqa7fkj9wouyp9sh5/390_260_2619711fa078991f0a23d032687646b21/5.png)