Блок 1 · Урок 1 из 7

Сайт или веб-приложение?

Два слова, которые постоянно путают. Разница простая: одно ты читаешь, другим — пользуешься. И от неё зависит, что вообще нужно построить.

⏱ ≈ 6 минут 🚪 с этого начинается курс 🎯 цель: видеть разницу

Зачем это вам

С этого вопроса начинается любой проект. Ответ определяет почти всё: нужен ли сервер и база данных, будет ли вход по аккаунту, насколько это сложно и дорого. Назовёте задачу точно («это информационный сайт» или «это приложение с сохранением данных») — и агент возьмёт правильный инструмент с самого начала. Ошибётесь в названии — получите либо пушку по воробьям, либо нехватку самого нужного. А если вы учите других — это первая развилка, которую стоит уметь объяснить.

Две сущности

Читать или действовать

Грубое, но рабочее правило: спросите себя, что человек в основном делает на странице — смотрит информацию или выполняет действия.

📄

Веб-сайт

информация · «читаю»

  • Показывает готовый контент
  • Пользователь в основном смотрит и переходит по ссылкам
  • Контент меняется редко, одинаков для всех
  • Обычно проще и дешевле, часто без входа и базы данных

Примеры: лендинг, блог, визитка, новостная статья, афиша мероприятия.

🛠️

Веб-приложение

действия · «делаю»

  • Пользователь что-то делает: вводит, нажимает, создаёт
  • Данные сохраняются и у каждого свои
  • Страница реагирует и меняется на лету
  • Обычно есть аккаунты, сервер и база данных

Примеры: таблица задач, дашборд, редактор, личный кабинет, чат.

📌 Быстрый тест. Закройте интернет на секунду и спросите: «Тут я в основном читаю — или что-то делаю и оно запоминается?» Читаю → ближе к сайту. Делаю и сохраняется → ближе к приложению.

Важная честная оговорка

Это не два ящика, а шкала

В жизни чистых случаев мало — большинство проектов где-то посередине, и это нормально. Один и тот же продукт часто сочетает обе натуры:

Интернет-магазин — это и то, и другое: каталог и описания товаров ведут себя как сайт (вы читаете), а корзина, оформление заказа и личный кабинет — это уже приложение (вы действуете, и всё сохраняется). Поэтому правильный вопрос не «сайт или приложение?», а «чего здесь больше и какие части какие».

Аналогия, которую можно пересказать

Брошюра и банкомат

📄 Сайт— печатная брошюра на стойке: берёшь, читаешь, кладёшь обратно. Она для всех одинаковая и ничего о тебе не помнит.
🛠️ Приложение— банкомат: вставляешь карту, вводишь, он отвечает и помнит твой счёт. Ты не читаешь его — ты с ним работаешь.

Брошюру достаточно напечатать и положить. Банкомат нужно подключить к банку (серверу), к твоему счёту (базе данных) и защитить вход (авторизация) — поэтому он сложнее. Та же разница и в вебе.

Запомните один критерий

Данные пользователя сохраняются? Значит, это приложение

Если человек только смотрит готовый контент — скорее всего, хватит сайта: проще, быстрее, дешевле, часто без сервера и базы.

Как только появляется «войти», «сохранить», «у каждого свои данные» — это приложение: нужны сервер, база данных и авторизация (всё это — следующие блоки курса). Распознать это заранее = не удивляться потом, почему «простая идея» оказалась большой стройкой.

Что это даёт на практике

Фраза агента → что он имеет в виду

«Сделаем статический сайт / лендинг»
Информационная страница: контент готов заранее, без базы и входа. Дёшево разместить, быстро грузится.
«Тут нужно сохранение / личный кабинет»
Уже приложение: понадобятся сервер, база данных и авторизация. Сложнее и дороже сайта.
«Это динамическое приложение»
Контент у каждого свой и меняется на лету — собирается под пользователя, а не лежит готовым.
«Каталог статикой, а корзину — приложением»
Разумный гибрид: читаемые части делаем простыми и быстрыми, интерактивные — полноценным приложением.

Веб-сайт — набор страниц, которые в основном показывают информацию; пользователь их читает.

Веб-приложение — программа в браузере, где пользователь выполняет действия, а данные сохраняются.

Статический сайт — страницы готовы заранее и одинаковы для всех (как напечатанная брошюра).

Динамический — содержимое собирается под запрос/пользователя в момент захода.

Проверьте себя

Четыре вопроса с мгновенной проверкой

1. Блог, где вы публикуете статьи, а читатели их просто читают. Это скорее…

2. Какой признак точнее всего выдаёт веб-приложение?

3. Интернет-магазин с каталогом и корзиной с оплатой — это…

4. Почему важно различать это в самом начале?

Куда мы идём

Программа курса — 7 блоков