Публикация и что дальше

Показать проект ссылкой

Пока трекер живёт на вашем компьютере. Чтобы открыть его с телефона или показать другу, его нужно опубликовать — положить на сервер с адресом в интернете. Для проекта из одного файла есть бесплатный способ — GitHub Pages.

GitHub — сайт, где хранят код. Pages — его функция, которая превращает хранилище с HTML-файлом в настоящий сайт.

Публикация по шагам

1. Зарегистрируйтесь на github.com — это бесплатно.
2. Нажмите New repository. Название — например, habits. Выберите Public и нажмите Create repository.
3. Переименуйте свой файл в index.html. По адресу сайта сервер показывает именно файл с этим именем.
4. На странице репозитория нажмите uploading an existing file, перетащите index.html и нажмите Commit changes.
5. Откройте Settings → Pages. В разделе Source выберите Deploy from a branch, ветку main и папку / (root), нажмите Save.
6. Подождите минуту-две и обновите страницу настроек. Появится адрес вида:

https://ваше-имя.github.io/habits/

Откройте его на телефоне — трекер работает. Чтобы обновить сайт, загрузите в репозиторий новую версию index.html тем же способом: через минуту изменения появятся по адресу.

Всё, что лежит в публичном репозитории, видят все. Ещё раз пройдите чек-лист из урока 7: никаких секретов в коде.

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

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

Захочется больше — общий список на семью, вход по паролю, напоминания на почту — и проект выйдет за рамки одного файла: понадобятся сервер, база данных и учётные записи. Нейросеть напишет код и для этого. Но вспомните урок 1: пароли и чужие данные — зона, где без понимания кода легко навредить.

Когда вайбкодинга мало

Вайбкодинг хорошо работает, пока:

• проект небольшой и вы можете проверить его руками целиком;
• ошибка не стоит денег и чужих данных;
• вы готовы потратить время на объяснения и проверку.

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

Что дальше

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

• «HTML и CSS с нуля» — как устроены страницы. После него код трекера станет читаться как текст.
• «Основы JavaScript» — как устроено поведение страницы: функции, события, данные.
• «Git и GitHub» — как хранить историю проекта вместо копий tracker-1.html, tracker-2.html.

Пробуйте и другие виды инструментов из урока 1. Конструктор приложений сэкономит время на прототипе, помощник в редакторе кода — на проекте из многих файлов. Приёмы остаются прежними: точное задание, маленькие шаги, описание ошибок, проверка результата.

Вайбкодинг пригодится не только будущим программистам. Менеджер продукта быстро соберёт прототип для обсуждения, аналитик — инструмент для себя, маркетолог — лендинг для проверки идеи. Навык «объяснить нейросети задачу и проверить результат» становится обычной рабочей грамотностью.