JavaScript — это то что оживляет сайт. HTML задает разметку сайта, CSS отвечает за внешний вид, а JS все это делает интерактивным.
На данный момент JavaScript — единственный язык программирования для браузеров. Он работает под Windows, macOS, Linux и на мобильных платформах.
Без JavaScript делать в программировании интерактивных сайтов будет сложно.
Как работает JavaScript
Вот как выглядит некий сценарий:
Любое действие пользователя на странице порождает событие. Программирование на JavaScript — это обработка событий.
- Пользователь что-то сделал на странице
- В браузере сработало событие
- Запустился JavaScript-код, который назначен на событие
- Js изменил что-то на странице
- Пользователь кликнул мышью
- Сработало событие onclick
- Запустилась функция
- В галерее сменилось фото
- Пользователь нажал клавишу
- Сработало событие
- Программист не назначил обработчик события
- Ничего не произошло
JavaScript — это, прежде всего, реакция на события
Преимущества JavaScript
JavaScript — подходящий язык для изучения программирования. Он достаточно прост, но содержит все фундаментальные вещи: алгоритмы, ООП, структуры данных.
Ограничения языка
На JavaScript пишут для интернета и браузеров
Конкуренты
Серьезных конкурентов у JavaScript нет
С чистым JavaScript конкурируют только надстройки над ним:
| 1. | TypeScript |
| 2. | CoffeeScript |
| 3. | Dart |
Что изучать до JavaScript
Создание сайта логично начать со статичных страниц на HTML и CSS, а потом оживить их при помощи JavaScript.
- Простыми словами HTML отвечает на вопрос — Что?
- CSS отвечает на вопрос — Как?
HTML — (Hypertext Markup Language) — это код, который используется для структурирования и отображения веб-страницы и её контента.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Моя тестовая страница</title>
</head>
<body>
<img src="images/firefox-icon.png" alt="Моё тестовое изображение">
</body>
</html>CSS — англ. (Cascading Style Sheets «каскадные таблицы стилей») — формальный язык описания внешнего вида документа (веб-страницы), написанного с использованием языка разметки (чаще всего HTML или XHTML)
p {
color: red;
width: 500px;
border: 1px solid black;
}
