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