Как известно, JavaScript — это один из самых популярных языков программирования современности. Это единственный браузерный язык, который в окне браузера может выполнить практически любое действие.
JS — это очень известный язык программирования современного фронтенда. Но все равно в сети часто появляются вопросы такого плана: «Что можно сделать или написать на JavaScript?». Коротко на эти вопросы можно ответить так: «Когда вы видите какое-нибудь движение или вычисление на веб-странице — его точно можно сделать при помощи JavaScript».
JS — это язык, который создает последовательности действий в зависимости от событий, то есть различные события на сайте могут приводить к разным сценариям действий и разным конечным результатам. Простыми словами, JS легко организует последовательности по принципу: «если это, тогда то», и все это в окне браузера.
Что можно сделать на JavaScript
С помощью JavaScript на веб-странице можно сделать все что угодно.
Выполнять математические действия
Произвести вычисления на веб-странице — это обычное и довольно популярное дело. Типичный пример — реализация калькулятора. Калькулятор может быть стандартным, а может подсчитывать:
стоимость материалов или работы;
дальность пути или доставки;
конвертацию валют;
и др.
Более простой пример применения JS в математическом вычислении — это когда нужно при каком-то действии пользователя увеличить или уменьшить текст или какой-нибудь объект. Допустим, при нажатии на кнопку — увеличить заголовок со скидкой и т. д.
Математических задач во «фронте» не перечесть.
Обработка HTML-форм
Все мы знаем, что такое форма на сайте и как часто нужно для ее корректной работы, чтобы она была заполнена правильно. JavaScript качественно может проверить, все ли поля заполнены в нужном формате. То есть перед отправкой данных на сервер все данные проверяются этим языком. Соответственно, уменьшается нагрузка на сервер.
Самое главное, что проверку форм JS может сделать в отсутствии подключения к интернету.
Взаимодействие с пользователями
Под взаимодействием с пользователем понимается процесс, когда нам нужно реализовать какой-нибудь эффект, прямо зависящий от действий самих пользователей.
Типичные примеры:
«выпадающее» меню или список при наведении курсора на элемент;
спрятать или показать какой-нибудь компонент при нажатии кнопки на странице;
реакция всплывающего окна, когда курсор уходит за пределы самого окна;
реализация плавного появления/исчезновения элемента при клике;
и др.
Взаимодействие с HTML-элементами и их стилями
Часто так бывает, что при каком-то событии нужно изменить внешний вид элемента HTML:
изменить его цвет;
изменить цвет фона;
поменять один текст на другой;
увеличить или уменьшить размер;
и др.
С этим может справиться JavaScript. Он может не только изменить внешний вид, но и добавить элементу какой-нибудь атрибут или изменить свойства элемента массива и мн. др.
Анимация и графические эффекты на HTML-странице
Это то, для чего и был придуман язык программирования JavaScript. Он легко организует любую анимацию:
падающий снег или дождь;
любое движение объектов;
обратный отсчет до события;
разнообразные счетчики;
и мн. др.
Из-за такой расположенности создавать анимации на JavaScript можно сделать целую браузерную игру или небольшой мультфильм.
Заключение
Мы описали только часть возможностей, ответив на вопрос о том, что можно сделать или написать на JavaScript. При этом мы коснулись лишь небольшой части frontend. Но даже здесь, во «фронте» сайта, реализовать можно что угодно: от простого вывода текста в нужном месте до внедрения сложных расчетов или игрушки на свою веб-страницу.
Как мы говорили, JS — это браузерный язык. Но браузерным считается чистый (или как его называют «ванильный») JavaScript и некоторые его фреймворки для веба. Но помимо всего, у этого языка появилось множество фреймворков, которые позволяют на JS:
создавать приложения для смартфонов;
создавать приложения для компьютеров;
налаживать работу в серверной части приложений;
и др.
Так что если планируете изучать этот язык, то свои знания сможете реализовать в разных IT-сферах, а не только в веб-дизайне.
JavaScript
