Веб-технологии — это набор языков, инструментов и протоколов, с помощью которых создаются и работают сайты и веб-приложения. Если веб-разработка — это процесс, то веб-технологии — её строительные материалы и инструменты.
Базовая тройка фронтенда
- HTML — язык разметки, задаёт структуру страницы: заголовки, абзацы, картинки, ссылки. Это «скелет» сайта.
- CSS — язык стилей, отвечает за внешний вид: цвета, шрифты, расположение блоков, адаптацию под экраны. Это «одежда» сайта.
- JavaScript — язык программирования, делает страницу интерактивной: реагирует на клики, отправляет формы, обновляет данные без перезагрузки. Это «поведение» сайта.
Что работает «под капотом»
- HTTP/HTTPS — протоколы, по которым браузер обменивается данными с сервером.
- Серверы — компьютеры, которые хранят сайт и отдают его пользователям.
- Базы данных — хранилища информации (товары, пользователи, заказы); популярны PostgreSQL, MySQL, MongoDB.
- API — интерфейсы, через которые части системы и разные сервисы обмениваются данными.
Инструменты и надстройки
Поверх базовых технологий разработчики используют фреймворки и библиотеки, которые ускоряют работу: React, Vue, Angular для фронтенда; Node.js, Django, Laravel для бэкенда. Также в арсенал входят системы контроля версий (Git), сборщики, препроцессоры CSS и инструменты тестирования. Освоить всё сразу невозможно и не нужно — начинают с базовой тройки, а остальное добавляют по мере роста.