Сверстал Фронт с помощью Нейронки с нуля | Мой опыт

[Эдберт]

Привет, товарищи Форумчане! Решил вот поделиться с вами личным опытом, как я делал фронт для сервера, незная того самого фронта. Напомню, что я полный ноль в кодинге, и мой максимум это cntrl C > cntrl V

У меня сейчас куплены 2 подписки на разные нейронки, но именно для кодинга я использовал GitHub Copilot, а конкретнее встроеный Grok Code Fast и Claude sonnet 4.5
Вот что у меня получилось сделать за пару дней с нуля. ((Смотрите скрины ))

Пояснение что изображено на скринах :
Меню управления деревней для Феодала. Пока реализована лишь механика отказа от деревни и Казна. Остальные разделы еще в процессе интеграции с Бэком. В качестве "фреймворка" использую ox . ((Кто не в теме - сервак делается на FiveM, тут такое в порядке вещей )). По моей задумке с этой системой будут связаные налеты Викингов, после которых деревню нужно будет восстанавливать с помощью денег и ресурсов. Все крестьяне проживающие в деревне должны платить налоги Феодалу. А он в свою очередь тратит их на ремонт и прокачку своей земли.

Да , дизайн и шрифт мега всратый, крутых анимаций тоже нет. Но поймите правильно - 3 дня во фронте, а знаю только слово div . Да и в целом весь сервер делается одним мной. Поэтому довольно тяжело совмещать себе : маппера, моделлера, дизайнера, фронт и бэк. Исключение: Вы ебнутый либо гений. Я лично точно отношусь к первому варианту))

Если у вас есть какие то идеи или даже советы - пищите, с радостью почитаю ваши комменты.

 

[DonLeo]

Ты наверное не правильно тему назвал потому что получается не пособие, а демонстрация результата, ты же промты не выложил, сейчас нубы набегут будут писать "ничего не понятноооооо" , ну а по теме почему бы и нет у тебя все равно пока тестовый билд получаеться.

 

[Эдберт]

Ты наверное не правильно тему назвал потому что получается не пособие, а демонстрация результата, ты же промты не выложил, сейчас нубы набегут будут писать "ничего не понятноооооо"

Ну насчет промптов я даже незнаю как их так составить чтобы нейронка все поняла и сделала за пару запросов то что нужно. Я в фотошопе сделал примерный макет для референса. А потом я уже отдельно по прямоугольникам собирал UI , говоря нейронке что и где размещать. Очень много времени занимало нужное мне позиционирование, а так же прописывание нужной логики, попутно спрашивая нейронку как работает Фронт.

Тоесть в любом случае ручками пришлось поработать, и голову напрячь.

 

[Эдберт]

Ты наверное не правильно тему назвал потому что получается не пособие, а демонстрация результата, ты же промты не выложил, сейчас нубы набегут будут писать "ничего не понятноооооо" , ну а по теме почему бы и нет у тебя все равно пока тестовый билд получаеться.

Крч изменил все таки название темы - на Личный опыт)))

 

[Harland David Sanders]

Сколько потратил денег?

 

[Эдберт]

Сколько потратил денег?

На подписку нейронки - 860 рублей на месяц
. Купил подписку на ggsel у частных продавцов.

 

[🐝 ubees]

Ну насчет промптов я даже незнаю как их так составить чтобы нейронка все поняла и сделала за пару запросов то что нужно.

используй другую нейронку для составления промпта(можно бесплатный дипсик или жпт5 мини или 4о)

 

[Sidney]

Привет, товарищи Форумчане! Решил вот поделиться с вами личным опытом, как я делал фронт для сервера, незная того самого фронта. Напомню, что я полный ноль в кодинге, и мой максимум это cntrl C > cntrl V

У меня сейчас куплены 2 подписки на разные нейронки, но именно для кодинга я использовал GitHub Copilot, а конкретнее встроеный Grok Code Fast и Claude sonnet 4.5
Вот что у меня получилось сделать за пару дней с нуля. ((Смотрите скрины ))

Пояснение что изображено на скринах :
Меню управления деревней для Феодала. Пока реализована лишь механика отказа от деревни и Казна. Остальные разделы еще в процессе интеграции с Бэком. В качестве "фреймворка" использую ox . ((Кто не в теме - сервак делается на FiveM, тут такое в порядке вещей )). По моей задумке с этой системой будут связаные налеты Викингов, после которых деревню нужно будет восстанавливать с помощью денег и ресурсов. Все крестьяне проживающие в деревне должны платить налоги Феодалу. А он в свою очередь тратит их на ремонт и прокачку своей земли.

Да , дизайн и шрифт мега всратый, крутых анимаций тоже нет. Но поймите правильно - 3 дня во фронте, а знаю только слово div . Да и в целом весь сервер делается одним мной. Поэтому довольно тяжело совмещать себе : маппера, моделлера, дизайнера, фронт и бэк. Исключение: Вы ебнутый либо гений. Я лично точно отношусь к первому варианту))

Если у вас есть какие то идеи или даже советы - пищите, с радостью почитаю ваши комменты.

Для нейронки это выглядит не плохо, не знаю как вам а мне понравилась эта верстка by copilot

 

[Mi-Zaft]

Я рад, что ты доволен результатом, но мне кажется, что за 3 дня можно было и самому это сделать.
Результат ты получил бы тот же, но лично для себя приобрел бы более полезные навыки, чем просто работа с нейронкой.

Как совет - попробуй сам сделать тоже самое, без нейронки. Уверен, за 3 дня ты справишься

 

[Vermilion]

Я рад, что ты доволен результатом, но мне кажется, что за 3 дня можно было и самому это сделать.
Результат ты получил бы тот же, но лично для себя приобрел бы более полезные навыки, чем просто работа с нейронкой.

Как совет - попробуй сам сделать тоже самое, без нейронки. Уверен, за 3 дня ты справишься

Кстати да, хорошо подмечено

 

[Dmitry_V]

Здорово, что ты освоил вайбкодинг, мы рады за тебя.
Ну или не знаю на какой ответ автор рассчитывал.

 

[Vermilion]

Здорово, что ты освоил вайбкодинг, мы рады за тебя.
Ну или не знаю на какой ответ автор рассчитывал.

Заебись, класс, лойс, за нейронкой будущее. Что за вопросы?

 

[Эдберт]

Я рад, что ты доволен результатом, но мне кажется, что за 3 дня можно было и самому это сделать.
Результат ты получил бы тот же, но лично для себя приобрел бы более полезные навыки, чем просто работа с нейронкой.

Как совет - попробуй сам сделать тоже самое, без нейронки. Уверен, за 3 дня ты справишься

Дело в том , что мне надо разбираться по сути во всем, раз уж я в соло практически все пишу. А это ну практически невозможно. Поэтому я и решил попробовать делать через нейронку, так как она становится моими руками. А я лишь генерирую для нее идеи, которые она уже создает сама.
У меня нету конкретной цели стать Фронт Эндом, но у меня есть цель сделать свой средневековый сервак. Для меня это более понятно, и имеет больше мотивации.

 

[Mi-Zaft]

Дело в том , что мне надо разбираться по сути во всем, раз уж я в соло практически все пишу. А это ну практически невозможно. Поэтому я и решил попробовать делать через нейронку, так как она становится моими руками. А я лишь генерирую для нее идеи, которые она уже создает сама.
У меня нету конкретной цели стать Фронт Эндом, но у меня есть цель сделать свой средневековый сервак. Для меня это более понятно, и имеет больше мотивации.

Ты не понял мой месседж)
Я не против и не осуждаю твой вайбкодинг, я лишь говорю о том, что за такое же количество времени ты мог написать этом сам, при этом получил бы навыки, которые в дальнейшем тебя ускорили.

А сейчас получается так, что столкнувшись с аналогичной задачей, ты вновь потратишь 3 дня.

 

[Inoi]

чет вы перехваливаете парня

ваще ну
на самом деле это плохо

ну не пойми неправильно, я рад за тебя, и ваще проект у тебя прикольный крайне
но ну

да это ж залупа

Я рад, что ты доволен результатом, но мне кажется, что за 3 дня можно было и самому это сделать.
Результат ты получил бы тот же, но лично для себя приобрел бы более полезные навыки, чем просто работа с нейронкой.

this

у меня женщина как то попросила что то попробовать её научить, чтобы тоже кнопки нажимать в компуктере
я - вообще не фронтедер, я хорошо умел верстать таблицами двадцать лет назад
я снял с полки дал ей книжку по хтмлу, открыл эту
ну ксс библиотеку короче, забыл как сайт называется
и она подходила вопросы задавала, я ей типа базово очень объяснил как это работает, ну про разметку в целом, че такое дивы, как это вылезло из таблиц
ну короче
ещё без почему лучше доджить бефоры и че такое вх
очень сильно базу, буквально на уровне h1

она этим же вечером через пару часов сама собрала страничку которая была симпатичнее чем вот это, ну раз в семь
да, такая очень девчачья и простая, но ну типа камон

парни правильно подметили, то что на скрине - ты бы собрал сам за вечер, буквально первые странички почитав по дивам и разметке
попутно бы базовые знания получил, чтобы че то мог сам сообразить

а так это сейчас выглядит как буквальное отражение твоих же знаний - ну, у тебя их нет, поэтому это вот так вот супер базово и выглядит
и оно таким и будет, пока ты на основе хоть какого-то базиса не будешь понимать сам, чего ты хочешь, и каким образом это можно реализовать
а ну, нейронка может типа в разы пижже
прям в РАЗЫ
просто ей надо рассказать об этом, и как это можно сделать

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

без негатива

 

[Dmitry_V]

Спойлер: Кстати, если уж речь зашла про ии, потратил минут 10

 

[🐝 ubees]

Спойлер: Кстати, если уж речь зашла про ии, потратил минут 10

Посмотреть вложение 23995Посмотреть вложение 23996

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

 

[enotit]

чет вы перехваливаете парня

ваще ну
на самом деле это плохо

ну не пойми неправильно, я рад за тебя, и ваще проект у тебя прикольный крайне
но ну

Посмотреть вложение 23994

да это ж залупа


this

у меня женщина как то попросила что то попробовать её научить, чтобы тоже кнопки нажимать в компуктере
я - вообще не фронтедер, я хорошо умел верстать таблицами двадцать лет назад
я снял с полки дал ей книжку по хтмлу, открыл эту
ну ксс библиотеку короче, забыл как сайт называется
и она подходила вопросы задавала, я ей типа базово очень объяснил как это работает, ну про разметку в целом, че такое дивы, как это вылезло из таблиц
ну короче
ещё без почему лучше доджить бефоры и че такое вх
очень сильно базу, буквально на уровне h1

она этим же вечером через пару часов сама собрала страничку которая была симпатичнее чем вот это, ну раз в семь
да, такая очень девчачья и простая, но ну типа камон

парни правильно подметили, то что на скрине - ты бы собрал сам за вечер, буквально первые странички почитав по дивам и разметке
попутно бы базовые знания получил, чтобы че то мог сам сообразить

а так это сейчас выглядит как буквальное отражение твоих же знаний - ну, у тебя их нет, поэтому это вот так вот супер базово и выглядит
и оно таким и будет, пока ты на основе хоть какого-то базиса не будешь понимать сам, чего ты хочешь, и каким образом это можно реализовать
а ну, нейронка может типа в разы пижже
прям в РАЗЫ
просто ей надо рассказать об этом, и как это можно сделать

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

без негатива

Не уверен, но мне кажется ТС хвастался не только вёрсткой, но и клиентским скриптом, и подключением бека. Ибо если бы я не понимал, что мне выдаёт ИИ я бы запутался к чертям. И пусть будут подобные топики, чем насилование РА3. Хотя соглашусь, вёрстка удурчающая, но для mvp с головой.

 

[Inoi]

Не уверен, но мне кажется ТС хвастался не только вёрсткой, но и клиентским скриптом, и подключением бека.

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

 

[youngBeaver]

Многие хвалят автора, говорят как круто. Ребята возраста 14-18 лет увидят и поймут, что так круто, начнут тратить деньги и время.
Но никто не говорит насколько всё это бестолку. Оплата быстрого кода, визуального функционала очень дорога. К примеру, что потом этот код поддерживать будет достаточно сложно, если учесть что функционал будет писаться поверх, то можно представить какой это ад.
Для того, чтобы получить хороший код нужно буквально псевдокодом кормить нейронку, объяснять где она не права, показывать на возможные улучшения. В итоге вы буквально получаете систему в псевдокоде которую реализовать самостоятельно займет не так много времени.
Очень бы хотелось похвалить автора просто из-за доброй натуры, но явных причин нет. В этом же буквально нет никакой пользы для площадки, мультиплеера, сферы.