Веб-технології: HTML, CSS, JS

Вебсайти є фундаментом, на якому функціонує весь інтернет. Усі вони створюються за допомогою трьох ключових технологій. При цьому застосування однієї з них зовсім не виключає використання решти — навпаки, ці технології, як правило, працюють у комплексі.

📘 HTML

Hyper Text Markup Language (HTML) — основна мова розмітки для веб-документів. Вона задає семантичну структуру: заголовки, параграфи, списки, зображення, форми тощо.

HTML визначає елементи, атрибути, структуру документа та їхню взаємодію. Це основа для створення веб-сторінок, яка дозволяє браузерам відображати контент.

WHATWG визначає HTML як «core markup language» Всесвітньої павутини, спочатку розроблену для опису наукових документів, яка згодом адаптувалася до створення складніших веб-додатків.

HTML5 — п’ята ревізія, що включає розширення мови розмітки мультимедіа-елементами (audio, video, canvas), а також нову семантику для сучасних веб-додатків.

HTML5 також визначає API для роботи з веб-додатками, такими як localStorage, WebSockets, Geolocation тощо.

🎨 CSS

Cascading Style Sheets (CSS) — мова таблиць стилів, яка визначає презентацію документа: макет, кольори, шрифти. Це важливо для відділення структури (HTML) від вигляду (CSS).

CSS дозволяє створювати адаптивні дизайни, які автоматично підлаштовуються під різні екрани та пристрої. Це важливо для забезпечення зручності використання на мобільних пристроях, планшетах та десктопах.

CSS — це правило-базована мова, що складається з селекторів та властивостей у формі селектор { властивість: значення; }. CSS підтримує каскадність, що дозволяє визначати пріоритети стилів, а також медіа-запити для адаптивного дизайну.

CSS3 — третя ревізія, що включає нові можливості для анімації, трансформацій, градієнтів, тіней та інших ефектів.

⚙️ JavaScript

JavaScript (JS) — це високорівнева скриптова мова для вебу, яка додає динаміку й інтерактивність у браузері.

Основна реалізація — ECMAScript, яку стандартизує ECMA‑262.

JS підтримує мультипарадигмне програмування: подієво‑орієнтоване, об’єктно‑орієнтоване (через прототипи), функціональне. Визначає синтаксис, структури даних, обробку помилок, модулі, strict‑режим тощо.

Саме ECMAScript описує «чисту» логіку без API вводу/виводу, які надає середовище виконання (браузер або Node.js).