Что такое JavaScript — простое объяснение с примерами кода
Проще говоря, JavaScript — это язык программирования, который предоставляет массу возможностей. Чаще всего его используют в разработке сайтов, как чистый JavaScript так и его фреймворки и библиотеки, которые в свою очередь дают новые возможности и прощают разработку. Далее, вы узнаете что такое javascript и как его использовать на примере.
На сегодняшний день JavaScript дает возможность не только «оживлять» созданные сайты, но и разрабатывать мобильные приложения, создавать несложные игры и т.д.
Что такое JavaScript простыми словами
JavaScript (сокращённо JS) — это полноценный язык программирования который выполняется на стороне клиента, то есть, в самом браузере посетителя вашего сайта. Для его выполнения не нужен сервер, хостинг и т.п. Для его выполнения нужен лишь файл html страницы? в которой можно прописать сам код JS и запустить эту страницу в браузере (открыть ее). Как начать создавать базовые WEB страницы, мы описали в статье что такое HTML и CSS простыми словами.
Пример кода JavaScript
Приводим пример html страницы, в которой будет тег кнопки <button>, аргументом которой будет onclick. Данный аргумент будет вызывать всплывающее окошко браузера с текстом который мы передадим.
<!DOCTYPE html>
<html>
<head>
<title>Пример JavaScript кода</title>
</head>
<body>
<h1>Заголовок страницы</h1>
<button onclick="alert('Кнопка нажата! Это сообщение от JavaScript.')">Нажми меня чтоб вызвать JS</button>
</body>
</html>
В данном примере была вызвана JS функция alert(), в которую передалось сообщение через круглые скобки. Которое в свою очередь было отображено в сплывающем окне браузера.
alert('Кнопка нажата! Это сообщение от JavaScript.')
Где чаще используют JavaScript
Что такое JavaScript мы уже выяснили, теперь разберемся где его чаще применяют.
- Чаще применяют на сайтах для создания анимации, слайдеров, выпадающего меню, обработки форм и т.д.
- В различных чатах, интернет-магазинах, почте и т.д.
- В мобильной разработке, например, с помощью JS фреймворка React Native (изучать который нет смысла без знания базового JavaScript).
- В back-end разработке на стороне сервера — Node.js.
- В разработке браузерных игр. Но здесь смотря какая игра, потому как многие браузерные игры могут работать как с одним игроком не сохраняя историю игры, так и по сети с сохранением всех достижений (что не обходится без программирования на стороне сервера).
Примеры JS кода в действии
Теперь покажем более наглядные примеры JavaScript кода в действии.
1. Изменение текста при клике
В данном примере есть абзац в html теге p и кнопка button. При клике на кнопку вызывается JS код, который заменяет текст в абзаце тега p.
<p id="test">Первоначальный текст абзаца</p>
<button onclick="document.getElementById('test').innerHTML = 'Измененный текст JS!'">
Изменить текст
</button>
2. Простая проверка htmnl формы
В данном примере есть html форма ввода данных и JS код который расположен в теге <script>
<form onsubmit="return validateForm()">
<input type="text" id="name" placeholder="Ваше имя">
<input type="submit" value="Отправить">
</form>
<script>
function validateForm() {
let name = document.getElementById("name").value;
if (name === "") {
alert("Поле имя не может быть пустым!");
return false;
}
return true;
}
</script>
При клике на кнопку «Отправить» сразу вызывается JavaScript код, который в свою очередь проверяет заполно ли поле формы «name». Если поле пустое, то JS вызовет браузерное окошко с текстом ошибки. Если же поле заполнено то форма будет отправлена.
Стоит ли учить JavaScript
Если вы собираетесь развиваться в WEB разработке, то однозначно ДА, стоит изучать JS. Этот язык программирования всегда будет актуален и будет развиваться со временем. Этот язык программирования даст вам многие возможности, и знание его даст вам большое преимущество при трудоустройстве или разработке личных проектов.
Итог: Что такое JavaScript — это отличный инструмент который всегда будет актуален и перспективен. JS — это мощный язык программирования который поможет вам оживить ваш сайт и сделает ваши проекты значительно удобнее и интереснее для пользователей.
