МОДУЛЬ 6 · УРОК 1 · САЙТ ИЛИ ПРИЛОЖЕНИЕ
1 / 80%
0
МОДУЛЬ 6 · УРОК 1

Приложение или сайт —
в чём разница

В модуле 2 ты собрал сайт-портфолио: его читают. Этот модуль про другое — про штуку, в которую нажимают и она отвечает. Игра, таймер, трекер. Разница всего в одном слове, и сегодня ты его узнаешь.

  1. Поймёшь, что такое состояние — и почему без него игры не бывает
  2. Научишься отличать сайт от приложения за 5 секунд
  3. Придумаешь своё приложение — его и будешь собирать весь модуль
  • ~10 минут
  • до 135 скиллов
  • 2 интерактива
Конспект урока

Сайт читают. В приложение играют

Представь два экрана. На первом — твоя визитка из модуля 2: имя, три проекта, кнопка «написать мне». Красиво, но что бы ты ни делал, страница остаётся такой же. Обновил — всё на месте. Это сайт.

На втором — таймер. Нажал «старт», цифры пошли вниз. Нажал «пауза» — замерли. Ушёл на пять минут, вернулся — таймер знает, сколько прошло. Экран поменялся, потому что что-то произошло . Это приложение.

Разница не в красоте и не в сложности кода. Разница в том, что приложение помнит . У сайта нечего помнить — он один и тот же для всех. У таймера, игры, трекера привычек есть внутренняя жизнь, которая меняется от твоих нажатий.

У этой «внутренней жизни» есть имя — состояние . Дальше весь модуль мы будем делать одно и то же: придумывать состояние и объяснять Bolt, как оно должно меняться.

Состояние — это то, что приложение помнит

🧠 ГЛАВНОЕ ПОНЯТИЕ

Слово звучит по-умному, а штука простая. Состояние — набор значений, которые живут между твоими нажатиями. Нажал — значение поменялось — экран перерисовался. Всё.

Выключатель

Состояние: включено / выключено . Одно значение, два варианта. Уже приложение.

Таймер

Состояние: сколько секунд осталось + идёт или на паузе . Два значения.

Игра-кликер

Состояние: счёт , рекорд , сколько секунд до конца . Три значения — и это уже полноценная игра.

Смотри, что получается: разница между выключателем и игрой — не в гениальности, а в количестве значений. Ты уже умеешь придумывать значения. Значит, умеешь придумывать приложения.

💡 Проверка на состояние в одну фразу: «если я обновлю страницу, что-то потеряется?» Если да — там было состояние, и это приложение. Если нет — сайт.

Сайт и приложение — один Bolt, разные задачи

В модуле 2 ты делал в Bolt сайт: страницы, тексты, разделы, форма обратной связи. Сейчас в том же Bolt будем делать другое — штуки с состоянием: игры, таймеры, трекеры. Bolt пишет обычный код и тут же его запускает, поэтому ему всё равно, сайт это или приложение. Диалог тот же: пишешь словами, смотришь результат, правишь. Навык из М2 переносится целиком.

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

🔍 ТРЕНАЖЁР

Четыре штуки, которыми ты пользуешься каждый день. Задавай себе вопрос «если обновлю — что-то потеряется?» и жми. +5 за верный ответ.

Что здесь надо помнить

🎯 НАЙДИ СОСТОЯНИЕ

Три приложения. В каждом выбери то самое значение, без которого штука сломается. Это упражнение — половина будущего ТЗ для Bolt. +5 за попадание.

📋 Шаблон, который пригодится весь модуль

Что делает: одна фраза без «и ещё» Что помнит: 1–3 значения, не больше Что видно на экране: перечисли то, что меняется Что происходит при нажатии: какое значение и как меняется

Твоё приложение на весь модуль Что ты сделаешь и что оно будет помнить?