Вернуться




Что можно сделать с помощью JavaScript? Самые интересные примеры



Как известно, JavaScript — это один из самых популярных языков программирования современности. Это единственный браузерный язык, который в окне браузера может выполнить практически любое действие. 

JS — это очень известный язык программирования современного фронтенда. Но все равно в сети часто появляются вопросы такого плана: «Что можно сделать или написать на JavaScript?». Коротко на эти вопросы можно ответить так: «Когда вы видите какое-нибудь движение или вычисление на веб-странице — его точно можно сделать при помощи JavaScript»

JS — это язык, который создает последовательности действий в зависимости от событий, то есть различные события на сайте могут приводить к разным сценариям действий и разным конечным результатам. Простыми словами, JS легко организует последовательности по принципу: «если это, тогда то», и все это в окне браузера.

 

Что можно сделать на JavaScript

С помощью JavaScript на веб-странице можно сделать все что угодно.

 

Выполнять математические действия

Произвести вычисления на веб-странице — это обычное и довольно популярное дело. Типичный пример — реализация калькулятора. Калькулятор может быть стандартным, а может подсчитывать:

  • стоимость материалов или работы;

  • дальность пути или доставки;

  • конвертацию валют;

  • и др.

Более простой пример применения JS в математическом вычислении — это когда нужно при каком-то действии пользователя увеличить или уменьшить текст или какой-нибудь объект. Допустим, при нажатии на кнопку — увеличить заголовок со скидкой и т. д.

Математических задач во «фронте» не перечесть.

 

Обработка HTML-форм

Все мы знаем, что такое форма на сайте и как часто нужно для ее корректной работы, чтобы она была заполнена правильно. JavaScript качественно может проверить, все ли поля заполнены в нужном формате. То есть перед отправкой данных на сервер все данные проверяются этим языком. Соответственно, уменьшается нагрузка на сервер.

Самое главное, что проверку форм JS может сделать в отсутствии подключения к интернету.

 

Взаимодействие с пользователями

Под взаимодействием с пользователем понимается процесс, когда нам нужно реализовать какой-нибудь эффект, прямо зависящий от действий самих пользователей. 

Типичные примеры:

  • «выпадающее» меню или список при наведении курсора на элемент;

  • спрятать или показать какой-нибудь компонент при нажатии кнопки на странице;

  • реакция всплывающего окна, когда курсор уходит за пределы самого окна;

  • реализация плавного появления/исчезновения элемента при клике;

  • и др.

 

Взаимодействие с HTML-элементами и их стилями

Часто так бывает, что при каком-то событии нужно изменить внешний вид элемента HTML:

  • изменить его цвет;

  • изменить цвет фона;

  • поменять один текст на другой;

  • увеличить или уменьшить размер;

  • и др.

С этим может справиться JavaScript. Он может не только изменить внешний вид, но и добавить элементу какой-нибудь атрибут или изменить свойства элемента массива и мн. др.

 

Анимация и графические эффекты на HTML-странице

Это то, для чего и был придуман язык программирования JavaScript. Он легко организует любую анимацию:

  • падающий снег или дождь;

  • любое движение объектов;

  • обратный отсчет до события;

  • разнообразные счетчики;

  • и мн. др.

Из-за такой расположенности создавать анимации на JavaScript можно сделать целую браузерную игру или небольшой мультфильм.

 

Заключение

Мы описали только часть возможностей, ответив на вопрос о том, что можно сделать или написать на JavaScript. При этом мы коснулись лишь небольшой части frontend. Но даже здесь, во «фронте» сайта, реализовать можно что угодно: от простого вывода текста в нужном месте до внедрения сложных расчетов или игрушки на свою веб-страницу.

Как мы говорили, JS — это браузерный язык. Но браузерным считается чистый (или как его называют «ванильный») JavaScript и некоторые его фреймворки для веба. Но помимо всего, у этого языка появилось множество фреймворков, которые позволяют на JS:

  • создавать приложения для смартфонов;

  • создавать приложения для компьютеров;

  • налаживать работу в серверной части приложений;

  • и др.

Так что если планируете изучать этот язык, то свои знания сможете реализовать в разных IT-сферах, а не только в веб-дизайне.



Если вам понравилась эта статья поделитесь ею с друзьями, тем самым вы помогаете нам развиваться и добавлять всё больше интересного и полезного контента!




Cхожие статьи





Учебный курс по React, часть 1: обзор курса, причины популярности React, ReactDOM и JSX

Учебный курс по React, часть 1: обзор курса, причины популярности React, ReactDOM и JSX

Представляем вашему вниманию первое занятие учебного курса по React для нач ...

21 Февраля 2021    JavaScript

Учебный курс по React, часть 2: функциональные компоненты

Учебный курс по React, часть 2: функциональные компоненты

 Cегодня мы представляем вашему внимание продолжение курса. Здесь мы погово ...

21 Февраля 2021    JavaScript

Учебный курс по React, часть 3: файлы компонентов, структура проектов

Учебный курс по React, часть 3: файлы компонентов, структура проектов

В этом материале мы поговорим о файлах компонентов и о структуре React-прое ...

21 Февраля 2021    JavaScript