Приветствую, дорогие друзья!

Это второй пост второго сезона. Без философии, с голой практикой. Расскажу, как мы с Логосом перешли от «идеи» к «рабочему прототипу».

📋 Начало: таблица вместо кода После того как мы описали все карты и механики (да, вручную, вечер за вечером), у нас появилась общая картина. Но Логос, как и любой ИИ, рвался в код: «Давай сразу сделаем REST-контроллер!» «Создадим класс Card, Deck, GameSession!» Я его остановил: «Сначала мы должны понять, как это будет выглядеть. Потом — как это будет работать. И только потом — как это будет написано».

Так родился наш план: Настроить среду разработки — Spring Boot, Maven, Java 21 Спроектировать модели (карты, игроки, состояние) Сделать простой бэкенд, который отдаёт колоду в JSON Сделать простой фронтенд, который это показывает

🧰 Настройка окружения — отдельный квест Я давно не создавал Spring-проект с нуля. Поэтому первый шаг — Spring Initializr. Выбрали: -Maven (понятная структура) -Java 21 (LTS) -Spring Boot 4.0.7 (стабильная) -Зависимости: Spring Web, Lombok, DevTools -Потом — распаковка, открытие в IntelliJ IDEA, настройка JDK.

И вот, когда я впервые запустил пустой проект и увидел в консоли: Started Application in 2.3 seconds — это была первая радость. Сервер работает, порт 8080 слушает. Правда, по адресу localhost:8080 была ошибка 404 — но это нормально, контроллеров пока нет.

🧱 Первые классы и первый запрос Мы написали: Card — модель карты (record, без лишнего кода) DeckService — сервис, который собирает тестовую колоду GameController — REST-контроллер с методом /api/deck И запустили. В браузере открыли http://localhost:8080/api/deck и увидели JSON с картами. Это был первый раз, когда код заговорил с нами на языке данных.

Правда, спустя время мне надоело вручную набирать адреса — так я познакомился с программой Postman. Удобная штука, особенно когда сделал шаблоны заготовок. Но и этого оказалось мало: тестируя карты, приходилось пролистывать кучу «слов» и внимательно вглядываться в результат. Мы решили сделать быстрый визуал — чтобы наконец увидеть не просто текст, а объекты в их облике.

🎨 HTML + CSS — чтобы увидеть лицо проекта Мы сделали простую HTML-страницу с CSS-разметкой: -Карточки в виде плиток -Цвета, имитирующие игровые зоны -Кнопка «Загрузить колоду» JavaScript через fetch обращался к нашему бэкенду, получал JSON и рисовал карты на странице.

И вот, когда я обновил страницу и увидел первые карты на экране — это был кайф и, наверное, радость, которую тяжело передать словами. Когда можно было разыграть хотя бы пару карт, увидеть передачу хода… Я сидел и, наверное, полчаса просто играл, с выражением радости как у ребёнка.

🚀 Что мы имеем сейчас -Работающий бэкенд на Spring Boot -Простой фронтенд с карточками -Понимание, как связать данные и отображение -Мы сделали первый шаг: от идеи к рабочему прототипу.

💬 Вопросы к вам, друзья -У вас тоже был момент, когда вы впервые увидели свой код в действии — и испытали вау-эффект? Расскажите! -Сколько времени вы обычно тратите на настройку среды перед тем, как начать писать логику? -Как вы визуализируете свои проекты на старте? Сразу в коде или сначала рисуете на бумаге

📌 Что дальше? Следующий шаг — добавить игровую логику: ходы, карты на столе, состояния. Но об этом — в следующий раз. А пока я наслаждаюсь моментом, когда код оживает на экране. Спасибо, что читаете. Мне очень важны ваши комментарии — они топливо для этого костра. P.S. А вы помните свой первый запуск? Делитесь в комментариях, пусть этот пост станет сборником таких историй. 💬🔥

#ButcherInIT #Сезон2 #НачалоПути #НастольныеИгры #SpringBoot #Java #Создатель #Трансформация