🏁Что нужно для старта:
- ПК или ноут
- приложение Cursor
- ChatGPT/DeepSeek/Алиса -- на ваш выбор
Сначала всё будет происходить локально, поэтому ничего кроме Cursor/GPT не понадобится. Cursor работает бесплатно 2 недели, потом хочет 20 долларов в месяц -- понадобится карта иностранного банка. Она же пригодится в других сервисах, если захотите полноценный продакшен (иногда требуется привязать даже для бесплатного использования).
🤓 Что вам надо знать:
- базовые вещи типа что такое бэкенд, фронтенд/клиент, примерное понимание архитектуры;
- популярные технологические компоненты из которых, как из кубиков, собираются современные решения;
- принципы безопасности в интернете.
🌚 Что вам знать не обязательно, если вы хотите делать продакшен-прототипы:
- какие бывают языки программирования;
- как писать код компонентов;
- как увязывать их между собой.
🤩 Что вам надо уметь и хотеть этого:
- проявлять любопытство;
- учиться по ходу реализации как с помощью Cursor и GPT, так и различной документации, потому что она позволяет экономить время, деньги на токены Cursor и более осознанно двигаться вперёд.
- ПК или ноут
- приложение Cursor
- ChatGPT/DeepSeek/Алиса -- на ваш выбор
Сначала всё будет происходить локально, поэтому ничего кроме Cursor/GPT не понадобится. Cursor работает бесплатно 2 недели, потом хочет 20 долларов в месяц -- понадобится карта иностранного банка. Она же пригодится в других сервисах, если захотите полноценный продакшен (иногда требуется привязать даже для бесплатного использования).
🤓 Что вам надо знать:
- базовые вещи типа что такое бэкенд, фронтенд/клиент, примерное понимание архитектуры;
- популярные технологические компоненты из которых, как из кубиков, собираются современные решения;
- принципы безопасности в интернете.
🌚 Что вам знать не обязательно, если вы хотите делать продакшен-прототипы:
- какие бывают языки программирования;
- как писать код компонентов;
- как увязывать их между собой.
🤩 Что вам надо уметь и хотеть этого:
- проявлять любопытство;
- учиться по ходу реализации как с помощью Cursor и GPT, так и различной документации, потому что она позволяет экономить время, деньги на токены Cursor и более осознанно двигаться вперёд.
1👍2
🤔 А как начать?
Открыли Cursor, нашли ассистента (это такой чатик, который будет справа) и… затупили 🫠.
Это нормально. Главное правило: тупить надо вслух, то есть словами.
Представьте, что вы в другой стране, про достопримечательности времени почитать не было, но рядом с вами есть человек, который мало вас знает и всячески готов вам помочь. Логично выдать ему немного информации про то, что вам интересно, что вы уже знаете, а что нет. Завяжется разговор и маршрут появится.
С ассистентом Cursor и другими LLM также. Честно скажите, что в программировании вы ноль, никакой инфраструктуры для программирования кроме Cursor у вас нет, но вам очень хочется создать свой первый веб-сервис (это проще, чем аппы). Cursor поможет вам всё настроить и напишет код, подробно поясняя по ходу, что и зачем он делает.
😎 А другие LLM зачем?
Можно прямо в процессе работы просить пояснять термины и процессы, а можно делать это сбоку в ChatGPT, DeepSeek или даже Алисе, и у этого есть пара плюсов:
- обсуждая термины и определения с DeepSeek вы однозначно экономите на токенах в Cursor;
- история переписки с ассистентом Cursor доступна временно. Я чуть дальше расскажу, почему она особо и не нужна для кодинга, но в образовательных целях возможность перечитать бывает полезна. Любая LLM сбоку, надежно сохранит инфу.
Для начала попробуйте сделать локальную статическую веб-страничку, например, сайт о себе любимом. Опишите, что вы хотите на ней видеть, дополните её ссылками на странички с приятным для вас дизайном и попросите сделать также. Ассистент Cursor будет спрашивать разрешения каждый раз, когда он что-то скачивает, устанавливает, выполняет команду.
😈 Не забывает быть микро-менеджером!
“А когда заработает?”, “А как посмотреть?”, “А почему тут ошибка вместо странички?” (копипасты ошибок ассистенту Cursor сильно ускоряют разбор). Всё это очень поможет вашему проекту двигаться вперед. Оглянуться не успеете, как у вас готов сайт. Но пока он локальный, это только ваша прелесть, а как поделиться — расскажу дальше.
Открыли Cursor, нашли ассистента (это такой чатик, который будет справа) и… затупили 🫠.
Это нормально. Главное правило: тупить надо вслух, то есть словами.
Представьте, что вы в другой стране, про достопримечательности времени почитать не было, но рядом с вами есть человек, который мало вас знает и всячески готов вам помочь. Логично выдать ему немного информации про то, что вам интересно, что вы уже знаете, а что нет. Завяжется разговор и маршрут появится.
С ассистентом Cursor и другими LLM также. Честно скажите, что в программировании вы ноль, никакой инфраструктуры для программирования кроме Cursor у вас нет, но вам очень хочется создать свой первый веб-сервис (это проще, чем аппы). Cursor поможет вам всё настроить и напишет код, подробно поясняя по ходу, что и зачем он делает.
😎 А другие LLM зачем?
Можно прямо в процессе работы просить пояснять термины и процессы, а можно делать это сбоку в ChatGPT, DeepSeek или даже Алисе, и у этого есть пара плюсов:
- обсуждая термины и определения с DeepSeek вы однозначно экономите на токенах в Cursor;
- история переписки с ассистентом Cursor доступна временно. Я чуть дальше расскажу, почему она особо и не нужна для кодинга, но в образовательных целях возможность перечитать бывает полезна. Любая LLM сбоку, надежно сохранит инфу.
Для начала попробуйте сделать локальную статическую веб-страничку, например, сайт о себе любимом. Опишите, что вы хотите на ней видеть, дополните её ссылками на странички с приятным для вас дизайном и попросите сделать также. Ассистент Cursor будет спрашивать разрешения каждый раз, когда он что-то скачивает, устанавливает, выполняет команду.
😈 Не забывает быть микро-менеджером!
“А когда заработает?”, “А как посмотреть?”, “А почему тут ошибка вместо странички?” (копипасты ошибок ассистенту Cursor сильно ускоряют разбор). Всё это очень поможет вашему проекту двигаться вперед. Оглянуться не успеете, как у вас готов сайт. Но пока он локальный, это только ваша прелесть, а как поделиться — расскажу дальше.
🗂 Добро пожаловать на GitHub
GitHub для вайбкодера-прототиписта — это прекрасная возможность хранить код проекта в облаке и уметь, например, такое:
- быстро восстановить работу вашего пет-проекта, если выйбкодинг завёл вас не туда;
- помнить, что и когда вы меняли, благодаря заметкам к коммитам (они же сохранения);
- использовать чужие наработки из публичных репозиториев GitHub.
Это мягко говоря не полный список ценностей GitHub, но у вас ведь есть любимая LLM, у которой вы спросите про остальные, если захотите.
Итак, регистрируете аккаунт GitHub, сообщаете эту радостную новость Cursor, а он поможет настроить работу и сохранить ваш проект.
✍️ "Запуш правки в гит"
Этот незатейливый промт в Cursor поможет вам сохранить апдейт кода в GitHub, то есть закоммитить. Cursor предложит вам выполнить нужные для этого команды, которые можно писать руками в терминале впоследствие. Он будет писать за вас релизные комментарии автоматом. Иногда комментарии повторяются, поэтому для красоты и чистоты можете править их руками прям внутри ассистента перед разрешением выполнить команду.
Сохраняйте апдейты кода в GitHub периодически, НО сначала проверяйте, что ваш проект всё ещё работает. Иногда Cursor бодро рапортует, что всё готово, а у вас вместо сайта теперь 404, пропали кнопки или ещё какой портал в ад открылся.
Правим код, тестируем проект, закрываем силами Cursor открытый им же портал в ад, и коммитим код, который точно работает. Профит!
GitHub для вайбкодера-прототиписта — это прекрасная возможность хранить код проекта в облаке и уметь, например, такое:
- быстро восстановить работу вашего пет-проекта, если выйбкодинг завёл вас не туда;
- помнить, что и когда вы меняли, благодаря заметкам к коммитам (они же сохранения);
- использовать чужие наработки из публичных репозиториев GitHub.
Это мягко говоря не полный список ценностей GitHub, но у вас ведь есть любимая LLM, у которой вы спросите про остальные, если захотите.
Итак, регистрируете аккаунт GitHub, сообщаете эту радостную новость Cursor, а он поможет настроить работу и сохранить ваш проект.
✍️ "Запуш правки в гит"
Этот незатейливый промт в Cursor поможет вам сохранить апдейт кода в GitHub, то есть закоммитить. Cursor предложит вам выполнить нужные для этого команды, которые можно писать руками в терминале впоследствие. Он будет писать за вас релизные комментарии автоматом. Иногда комментарии повторяются, поэтому для красоты и чистоты можете править их руками прям внутри ассистента перед разрешением выполнить команду.
Сохраняйте апдейты кода в GitHub периодически, НО сначала проверяйте, что ваш проект всё ещё работает. Иногда Cursor бодро рапортует, что всё готово, а у вас вместо сайта теперь 404, пропали кнопки или ещё какой портал в ад открылся.
Правим код, тестируем проект, закрываем силами Cursor открытый им же портал в ад, и коммитим код, который точно работает. Профит!