Transcription
Привет, я Станислав Быстрицкий, и заинтересовался я нейросетями ещё во времена GPT2, а полноценно внедрил их в свой рабочий процесс программиста в момент выхода GPT 3.5. И получается, стукнуло уже 4 года с того момента, как я начал использовать нейросети в разработке. И за это время я прошёл путь от обычного VX UI дизайнера, разработчика сайтов на Тильде до синерафн разработчика. И параллельно ещё удалось запустить несколько стартапов. И сейчас в этом видео я хочу передать тебе свои знания и опыт, чтобы ты тоже мог использовать нейросети достаточно эффективно.
Я понимаю, что информации в интернете много. Кто-то говорит, что разработка с помощью нейросетей и вайп-кодинг - это очень легко. и подогревают, на самом деле, эту тему различные онлайн-сервисы типа Lavable, Rapid, которые обещают тебе полноценный сайт или приложения буквально с одного запроса. Но когда ты сталкиваешься с полноценной, профессиональной продуктовой разработкой, ты понимаешь, как много ты всего не понимаешь. И поэтому я подготовил для тебя roadmap, пройдя по которому ты можешь стать востребованным разработчиком с помощью нейросетей. А смотри, из чего он состоит.
Roadmap состоит из разделов, и тем, которые тебе необходимо изучить. Но перед тем, как перейти к данному родмапу, я бы тебе советовал всё-таки определиться, зачем конкретно тебе необходимы нейросети. Быть может, ты хочешь создавать свои проекты, свои стартапы, может быть, и отдать полностью управление нейросетям и просто вайп-кодить и наблюдать, как создаются твои проекты. Или, быть может, ты разработчик, который хочет использовать нейросети как своих и помощников. Или, быть может, ты начинающий разработчик, который хочет учиться вместе с нейросетями и использовать их как инструмент для твоего обучения и получения новых хардскилов. Данный родmap, в принципе, подойдёт всем трём категориям. Просто в зависимости от того, зачем тебе нужны нейросети, что ты от них хочешь получить, а тебе необходимо будет делать больший упор на определённые темы. Я, в принципе, расскажу на какие.
И в первую очередь я тебе рекомендую обратить своё внимание вот сюда на легенду. А красными значками у нас помечены разделы и темы, которые знать тебе обязательно. Жёлтым значком помечены темы, которые тебе знать крайне рекомендуется. Их можно оставить на потом, но всё равно их стоит выучить рано или поздно. И синим значком у нас помечены темы и разделы, которые было бы, в принципе, неплохо изучить или они нужны для общего развития, или это какие-то специфические темы, а которые подойдут не всем.
Итак, переходим к началу. И сперва тебе крайне рекомендуется тебе обязательно, а, изучить фундамент AI, фундамент работы с нейросетями. Ты должен понять, что такое LLM, то есть большие языковые модели, как они работают, как они генерируют код, что такое токены. Обязательно узнай, что такое контекстное окно, а что это такое и почему заполнение контекстного окна приводит к галлюцинациям. Что такое вообще галлюцинации и почему мы от них пытаемся убежать. А дальше узнай, что такое проектные правила в вайбкодинге, зачем они нужны, как они применяются. А очень важная тема - это декомпозиция задач для AI, составление родмапа. А данная тема очень тесно связано с контекстным окном и галлюцинациями, поэтому можешь изучить их вместе. Ну и последней закрывающей темой я бы тебе советовал посмотреть на разные лмки и выбрать парочку для планирования и для разработки, потому что каждая модель, каждая нейросеть хороша в своей определённой сфере.
И после того, как ты разобрался с базой, я тебе предлагаю изучить инструменты разработки. А это могут быть и де, то есть редакторы кода. Мм, самым популярным, наверное, из них является курсор. Но если он тебе по какой-то причине не заходит, можешь обратить своё внимание на Windsurf TR, не знаю, как правильно, а или Visual Studio CД с расширениями или другие любые другие ишки на выбор, они выходят достаточно часто. Ну а если по какой-то причине тебя не устраивают идешки, можешь рассмотреть CLI инструменты. И, наверное, самым популярным на данный момент и самым качественным из них является клод-код.
Идём дальше. Вне зависимости от того, что ты выбрал, а тебе необходимо будет на его базе изучить режимы работы. Как может работать агент в режиме ответа на вопросы, в режиме планирования, непосредственно в режиме агента, который позволяет вносить изменения в код. А тебе необходимо будет разобраться с чекпоинтами, что это такое, как они работают, научиться работать с контекстом на базовом уровне. То есть добавление файлов, добавление документации, добавление фотографий для анализа нейросетями и все подобные функции. А пользовательские команды полезная вещь, а индексация документации. Тоже советую обратить на это внимание, чтобы нейросеть, а, имела в виду при разработке актуальную информацию из документации, из библиотеки, которую ты собираешься использовать. А, хотя вместо этого можешь использовать определённые MCP, допустим, Contex 7, и тебе обязательно нужно будет понять, что такое MCP, зачем они нужны. И у меня, в принципе, на канале есть видеоролик с тридцатью самыми полезными MCP для вайпкодера. Обязательно ознакомься.
Дальше базовая работа с терминалом, навигация, создание редактирования файлов, папок и так далее. Обязательный момент. Я понимаю, что для кого-то терминал может звучать очень страшно, командная строка и всё такое, но а тебе придётся запускать свои проекты через терминал, тебе придётся с ним обязательно работать. А если ты выбрал для себя CLI инструмент, то я не понимаю, как ты будешь с ними работать, не обладая базовыми навыками взаимодействия с терминалом. Дальше индексация кодовой базы. Как она работает и зачем нужна. А просто можешь изучить для общего развития. Возможно даже я перекрашу данную иконку в синий цвет.
Я понимаю, что информации много и у тебя могут буквально опускаться руки, когда ты видишь всё то, что тебе необходимо изучить в этом родмапе. Но благодаря тому, что всё структурировано, благодаря тому, что, в принципе, вся эта информация есть в интернете, в открытом доступе, правда, раскидана по всей сети интернет, ты это можешь изучить достаточно быстро. Благо, вся эта информация в структурированном виде, в очень удобной подаче есть на моём самом полном курсе по вайпкодингу. Знания и, самое главное, процессы, полученные на нём, вполне можно перенести на разработку мобильных приложений, ботов и даже браузерных расширений. Курс подойдёт даже новичку, потому что мы идём от простого к сложному. Мы сначала изучаем базу вайп-кодинга и верстаем несложный лендинг. Затем я даю и прямо разжёвываю всю необходимую теорию по бэкэнду, проектированию апи и фронт. В итоге мы с тобой шаг за шагом разработаем полноценный сервис по подписке, который можно продавать с интеграцией нейросетей для анализа фотографий, с админкой, рекурентными платежами и всем функционалом, который может понадобиться в современном веб-приложении. Ты изучишь всё, начиная с того, как генерировать красивый дизайн, заканчивая безопасностью и деплоем на сервер. При желании ты можешь под руководством куратора создать собственный проект вместо курсовой работы. Переходи на лендинг по ссылке в описании, изучай программу. Там же висят отзывы учеников из приватного чата студентов. Я знаю, что ты любишь выгодные предложения, поэтому в качестве благодарности за то, что ты досмотрел до этого момента, я сгенерировал промокод красота. Переходи по ссылке в описании, вводи его при оплате и получай скидку в целых 40%. Его действия ограничено.
>> Идём дальше. И следующий у нас не оббязательный, но рекомендуемый, крайне рекомендуемый блок - это база вёрстки. А я понимаю, что сейчас очень многие вайпкодеры зашипели, которые не хотят трогать код. Но, чуваки, для того, чтобы разрабатывать нормальные сервисы, нормальные приложения, необычные лендинги и всё такое, а прямо полноценные продукты, которые можно будет продавать, которые не стыдно выпустить без багов, а база вёрстки тебе, ну, просто обязательно. Ты, конечно, можешь разрабатывать сайты и даже полноценные приложения без какого-либо дизайна. А просто просить нейросеть тебе что-то сделать, сверстать красивое сразу с ходу. Но спойлер, это так не работает. Всё, что дизайнит нейросеть, является невероятной посредственностью. Поэтому, а, я бы тебе рекомендовал изучить, что такое Фигма, роль Фигмы в разработке, потому что я считаю, что, а, по-настоящему нормальные, адекватные, полноценные приложения, веб-приложения должны делаться на основе каких-либо дизайн-макетов, над которыми поработал UXUI дизайнер, который сделал удобный интерфейс, от которого не будут плеваться твои пользователи и достаточно симпатичный. Я не предлагаю тебе полноценно учиться дизайнить. Просто пойми, какие здесь есть горячие клавиши. Пойми, как навигироваться по проекту, как выделять элементы, экспортировать нужные тебе картинки, иконки и так далее. Ну и обязательно изучи MCP для переноса дизайна в код. Это Figma MCP или Frameelink Figma MCP. Наиболее адекватные качественные варианты на данный момент. И попробуй сгенерировать какой-нибудь дизайн в Figma Make или в сторонних инструментах. У меня есть, по-моему, даже целых два видеоролика на эту тему. Как раз-таки я разбираю Figma Make и Low Art. У меня был обзор сервиса.
Идём дальше. И следующим разделом я бы тебе крайне советовал изучить систему контроля версии Git. Зачем это нужно для вайпкодера? Какую пользу оно может принести? Понимаю, что может звучать сложно, непонятно, захочется его скипнуть и перейти к более интересным темам, но поверь мне, ты ещё спасибо скажешь, когда у тебя удалится весь код. Если коротко, гит для вайпкодера - это более прокачанные чекпоинты на максималках, на стероидах, как я называю. Ты можешь воспринимать его прямо как полноценную машину времени, которая может откатить твои изменения, твой код прямо на годы вперёд. Я не шучу. А это, конечно, не основная его функция. Система контроля версий была придумана для командной разработки, но и для соло разработчиков это незаменимый инструмент. И я советую начать им пользоваться как можно раньше. Это как бы такой опциональный блок, и выучить ты, конечно, его можешь и позже, но чем раньше ты начнёшь с ним работать, тем лучше.
Идём дальше. И следующим разделом я бы тебе рекомендовал опять же пройтись по базе и понять, как работает web и браузер. Опять же на базовом уровне. Что такое HTTP, какие бывают запросы? Что такое ответы, какие бывают коды ответов от сервера headers, Body, то есть тело ответов и запросов и так далее. А тебе обязательно понадобятся в любом случае инструменты разработчика в браузере, потому что нейросети не идеальны, они могут делать баги, как визуальные, так и, ну, функциональные, и тебе придётся в любом случае их как-то дебажить. Инструменты разработчика это must have для любого, даже вайп-кодера. Дальше я бы тебе рекомендовал изучить, как данные хранятся в твоём браузере, что такое cookie, local storage, session storage, их отличие, почему чувствительные данные нужно передавать в куках, а не хранить, да, где-то в других местах.
Если хочешь изучать вапкодинг дальше, то переходи к следующему разделу, и это у нас промт инженеринг. Если до этого момента тебе было позволено воспринимать нейросеть как своего ментора или друга, какого-то ассистента, общаться с ним по-человечески, то в этом разделе я тебе предлагаю изучить контекст инженеринг, промt инженеринг, понять, как тебе писать более точные специфические запросы к LЛLM, как писать требования к продукту, а как предоставлять нейросети нужный контекст, который именно ей нужен, чтобы она не путалась. в большом, огромном количестве информации. На этом моменте можешь изучить, какие стеки технологии применяются на фронтэнде, на бэкэнде, как под них пишутся требования. Прямо в глубину в функционально-технические требования, которые пишут системные аналитики, тебе погружаться не нужно. Просто можешь изучить это на базовом уровне. А знаешь м как составлять PRD файлы, то есть файлы с требованиями к продукту. А ты должен изучить дальше итеративный подход и опционально, если хочешь развиваться дальше, если всё это уже изучил и хочешь управлять своим контекстом, своим приложением, а, более профессионально, то изучи методологии разработки. Это разработку на основе спецификаций. У меня на этом YouTube канале есть ролик про GitHub Speck Kit, можешь также ознакомиться. И BMAT метод BMAT. Честно, не знаю, как правильно. Тоже отличная штука.
Теперь, после того, как ты понял, какой стек технологии используется на фронт-эндде, бэкэнде, после того, как научился писать требования, правильные требования к продукту, я тебе предлагаю переходить к изучению фронтенд фреймворка, а именно React. То есть, если до этого ты мог писать ээ свои сайты и приложения с помощью обычного HTML, CSS и JavaScript, то теперь предлагаю тебе поднять планку и изучить полноценно React. Что это такое, зачем он нужен, как с его помощью создавать проекты. А, изучи базовую структуру React приложения. Что такое JSX? Разметка, как она работает, для чего это нужно, какую роль она выполняет. А пойми обязательно, что такое компоненты, зачем они применяются, почему это суперважно, почему я предлагаю тебе всё это изучить, чтобы ты не терялся в коде, чтобы тебе не страшно было заглядывать в окно редактора в своей идеешке. Параллельно изучая фронтENd, тебе стоит понять, как стилизовать твои приложения. Обязательно пойми, что такое Tailwind, как он используется, для чего он нужен. А также для разнообразия. Я часто люблю использовать САС-модули, а, и я бы тоже тебе их рекомендовал изучить как альтернативу Taylвиin DoP.
Отлично. К этому моменту ты, скорее всего, уже умеешь пилить какие-то свои простые веб-приложения, а, может быть, даже пробовал эээнд. Но теперь я тебе предлагаю, а, структурировать свои знания и переходить уже к более сложным концепциям. Я тебе рекомендую изучить базовые концепции баз данных. Если ты вайп-кодер, глубоко погружаться в это не нужно. Если ты, конечно, не хочешь достаточно обычного понимания, что это такое, с чем это едят и почему мы не держим свои данные в каких-нибудь Google таблицах. Дальше можешь пойти двумя путями. А простой путь - это изучить и понять принцип работы Superbase. Superbase - это облачный ээнд, который предоставляет тебе базу данных PostGress SQL, позволяет тебе хранить свои данные, файлы, а также предоставляет возможность авторизации твоих пользователей. В общем, достаточно серьёзный набор, который подойдёт большинству приложений. И на самом деле многие на этом уровне и останавливаются. И его, в принципе, достаточно, чтобы, э, начать, допустим, зарабатывать с созданием каких-то проектов или начать пилить собственный стартап. Но если хочешь развиваться дальше, я бы тебе рекомендовал потрогать, допустим, хотя бы локальные базы данных типа SQL. Ну и, в принципе, на данный момент эта база. А я бы тебе рекомендовал изучить Postg SQL, зачем он нужен и хотя бы как к нему подключаться, просматривать твои таблицы и управлять с помощью программки а PG adдмин или любой другой программы, которую ты найдёшь.
Отлично, мы почти дошли до конца. Мы разобрались с тем, что такое БД, зачем они нужны, пора приходить к бэкэнду. А тебе необходимо понять, что это такое, что вообще такое сервер, что такое, а, разобраться с тем, что такое крут операции, их роль в разработке, потому что это база. После того, как разберёшься с кру операциями, а, пойми, что такое REST app тоже, зачем он нужен. Пойми, по каким правилам его стоит проектировать. Научись проектировать этот апе или научись писать требования для нейросети, чтобы она тебе программировала апе. Пойми базово, какие существуют способы авторизации аутентификации пользователей. Разберись с JSON Webtoken. И на данном этапе, перед тем, как приступать к разработке бэкэнда, я тебе советую всё-таки выбрать язык и фреймворк, на котором ты будешь разрабатывать. Если ты совсем новичок, личная рекомендация от меня. Выбирай Python и Jungest Framework. А прикол в том, что в нём из коробки идёт кое-какая безопасность, в нём из коробки идёт админка, и тебе меньше придётся долбаться с подключением всего этого вручную. Для небольших проектов это стрельба пушкой по воробьям, но для а практики, для твоих первых проектов Jang Rest Framework мне кажется идеальным выбором.
Итак, на этом моменте ты научился запускать свой фронт-энд, свой бэкэнд локально. Но как же его теперь показать пользователям в интернете? И последний раздел на сегодня - это деплоймент приложений. А ты должен научиться деплоить свои статические сайты. Статические сайты - это, а, проекты, в которых данные никак не меняются, нет бэкэнда. Ну, в общем, чистая вёрстка, чистый фронт-энд. понять, что такое переменные окружения, V файлы, а секреты, где их лучше хранить, а научиться подключать домен и публиковать, грубо говоря, свой сайт в интернете, чтобы он был доступен по ссылке. Ну и то, ради чего всё это изучается, научиться деплоить свой и фронт-энд на выделенный сервер или на сервисы типа Railway. Дальше для оптимизации, для автоматизации я бы тебе советовал изучить CCD в Гитлабе. его пайплайны в GitHubбе, GitHub Actions, если коротко, переводится это как continuous integration, continuous Delivery, и оно позволяет тебе в автоматическом режиме доставлять изменения, а твоего кода до твоих пользователей. Для простоты можешь называть это автоматическим деплоем, потому что в ином случае тебе придётся пулить изменения с твоего гитхаба, то есть получать изменения кода вручную, там всё пересобирать, подключаться с помощью терминала к твоему серверу, и только после этого пользователи увидят изменения в твоём проекте.
Ну и теперь, когда ты всё это изучил, когда ты научился деплоить своё фронend, backend приложение на сервер, когда оно теперь доступно у всех пользователей в интернете по ссылке, ты можешь подумать, что твоё обучение закончилось. Но а я тебя немножко разочарую. Это всего лишь первый уровень. И изучив всё вот это, ты придёшь к уровню Juniниор Vipecд разработчик. Я сейчас, наверное, подожгу задницы у всех настоящих разработчиков, как это я посмел как-то категоризировать вайпкодеров, но я считаю, что данные знания у нас тянут на уровень Jниor. На самом деле это далеко не конец, и тебе предстоит ещё узнать про, а, паттерны проектирования, про принципы программирования Solid, Kiss, Dry и так далее. Мы ещё даже не говорили про юнит-тесты, про тестирование твоего приложения, а с помощью специальных инструментов тебе точно обязательно в будущем ещё предстоит изучить а безопасность, как обезопасить твоё приложение УАЗ Топ-10. Как устанавливать лимиты запросов пользователей. С точки зрения нейросетей тебе ещё предстоит узнать, как разрабатывать с помощью персон, глубже погрузиться в разработку с помощью спецификаций, попробовать другие методологии разработки, оркестрирования твоих моделей. А с точки зрения фронтенда мы не говорили про оптимизацию твоего приложения, мы не говорили про разработку масштабируемых приложений, про, э, господи, у меня тут записано, про распределение трафика, докеer, kubernetis, микросервисная архитектура и так далее. Если обычному разработчику многое из этого вообще не нужно знать, то поскольку ты лайп-кодер, поскольку ты являешься оператором нейросети, тебе необходимо знать не вглубь, а вширь. И на этом моменте отпадают, на самом деле, все хейтеры разработчиков, которые используют нейросети. Потому что обычные работяги, которые пилят круды и шлёпают, перекрашивают кнопки, могут не знать даже половины того, что обязан знать разработчик с помощью нейросетей, кодер, называйте, как хотите, ээ, большого, высокого синир уровня.
Ну что ж, у меня на этом всё. Ставь лайк, подписывайся на канал, если контент был полезный. Переходи на Boost. А данный Roadmap я выложу там абсолютно бесплатно. Бери и делай. Yeah.