Веб-разработка
Создание сайтов и веб-приложений: вёрстка интерфейса, серверная логика и инфраструктура, которая отдаёт всё это по HTTP.
Что такое веб-разработка
Веб-разработка — создание того, что открывается в браузере: от статической страницы до сервиса, которым пользуются тысячи человек. Работа делится на три слоя: фронтенд (то, что видит пользователь), бэкенд (логика и данные на сервере) и инфраструктура (хостинг, веб-сервер, база данных). Связывает слои HTTP: браузер шлёт запрос, сервер отвечает.
Сайт и веб-приложение
Сайт показывает контент: страницы, статьи, каталог. Веб-приложение — программа в браузере, с которой работают: почта, таск-трекер, панель управления сервером, онлайн-редактор. Граница размытая, но практический критерий — есть ли у пользователя состояние и действия, меняющие данные, или он только читает.
Веб-приложение отличается от десктопной программы тем, что не требует установки и обновляется у всех сразу — достаточно выложить новую версию на сервер.
Что такое маркап
Маркап (markup, разметка) — код, описывающий структуру страницы. Это HTML: теги задают, что здесь заголовок, здесь список, здесь картинка. Внешний вид добавляет CSS, поведение — JavaScript. «Свёрстать маркап» на жаргоне означает превратить макет дизайнера в HTML и CSS, которые одинаково выглядят на разных экранах.
Разметка не является программированием в строгом смысле: HTML ничего не вычисляет, а только описывает документ. Отсюда и отдельная роль верстальщика, из которой вырос современный фронтенд.
Что такое веб-сервер
Термин означает две разные вещи, и их постоянно путают:
- Программа, принимающая HTTP-запросы и отдающая ответы: Nginx, Apache, Caddy. Отдаёт статические файлы, а динамику проксирует в приложение.
- Машина, на которой эта программа работает: физический сервер, VPS или облачный сервер.
Классический путь запроса: браузер → DNS → Nginx на порту 443 → приложение на Python или Node.js → PostgreSQL → ответ обратно. Nginx при этом снимает TLS, отдаёт картинки сам и выступает балансировщиком, когда приложение живёт в нескольких копиях. Подробнее — на странице веб-сервер.
SPA, MPA и SSR
SPA (Single Page Application, одностраничное приложение) — браузер один раз загружает JavaScript-бандл, а дальше страница не перезагружается: приложение само рисует интерфейс и берёт данные через API. Так работают Gmail и большинство админок.
| Подход | Кто собирает HTML | Плюсы | Минусы |
|---|---|---|---|
| MPA | сервер, на каждый переход | простота, хорошая индексация | перезагрузка страницы |
| SPA | браузер | отзывчивость, ощущение приложения | тяжёлый первый запуск, сложности с SEO |
| SSR | сервер первый раз, дальше браузер | быстрый первый экран и индексация | нужен Node.js-процесс в проде |
SPA превращает бэкенд в поставщика данных: HTML он больше не отдаёт, только JSON через REST API. Отсюда типичные спутники SPA — CORS (фронтенд и API на разных доменах) и JWT вместо серверных сессий.
Что учить и на чём это крутится
- Фронтенд: HTML, CSS, JavaScript, дальше React или Vue, сборка через Node.js-тулинг
- Бэкенд: Python, Node.js, PHP, Java, Go — плюс SQL и понимание API
- Инфраструктура: Linux, Docker, Git, CI/CD
Небольшому сайту хватает виртуального хостинга; приложению со своим стеком нужен VPS или облачный сервер, где вы сами ставите Nginx, БД и рантайм. GPU в вебе появляется, когда проект добавляет генерацию изображений или инференс модели: сам сайт остаётся на обычном сервере, а тяжёлые задачи уходят на отдельную машину через API.
Связанные термины
Готовы запустить GPU-задачу?
Запустить GPU-сервер