Maris College
Обратная связь

Бесплатный курс по вайб-кодингу

Создание персонализированного микросервиса с нуля

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

Записаться бесплатноПосмотреть программу
4
занятия по одному проекту
Бесплатно
участие в курсе
▶
записи всех занятий
СтоимостьБесплатноПодготовкаМожно с нуляРабочий стекNext.js + TailwindРезультатСервис по ссылкеПосле занятияЗапись сохраняется

Кому подойдёт курс

Опыт в коде не нужен

Начните с задачи, которую хочется решить для себя

Вы будете разбираться в разработке на одном понятном проекте. Термины появляются только тогда, когда они нужны для следующего шага.

С нуляSTART

Никогда не писали код

Установите всё необходимое вместе с преподавателем и запустите первый проект без предварительной подготовки.

С AIPROMPT

Уже пользуетесь ChatGPT

Научитесь давать AI задачи по проекту, проверять изменения и исправлять ошибки, если код не запускается.

Со своей идеейBUILD

Хотите собрать небольшой сервис

Поймёте, как превратить пользовательский сценарий в экраны, данные и работающую логику.

Вам понадобится компьютер, доступ к интернету и время, чтобы повторять действия преподавателя в своём проекте.

Что вы сможете после курса

Собрать небольшой сервис и объяснить, как он работает

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

01

Запустить проект

Открыть папку в VS Code, запустить Next.js и увидеть приложение в браузере.

02

Поставить задачу AI

Описать нужное изменение так, чтобы AI понял контекст проекта и ожидаемый результат.

03

Собрать интерфейс

Создать страницы и компоненты, использовать готовый UI kit и стили Tailwind.

04

Подключить API

Отправить запрос, получить реальные данные и вывести результаты карточками.

05

Добавить персонализацию

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

06

Проверить и опубликовать

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

Формат курса

Четыре занятия. Записи сохраняются

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

  1. 01
    СмотритеСледите за действиями преподавателя на экране.
  2. 02
    ПовторяйтеСтавьте запись на паузу и работайте в своём проекте.
  3. 03
    ПродолжайтеВозвращайтесь к уроку, когда будете развивать сервис.
Студентка повторяет урок по разработке персонализированного сервиса
Один проектКаждый урок продолжает предыдущий
4урока по проекту
записи сохраняются

Программа курса

От первого запуска до опубликованного микросервиса

Все четыре занятия посвящены одному проекту. Сначала вы подготовите рабочую среду, затем соберёте интерфейс, подключите данные и добавите персонализацию. На последнем уроке проверите сервис и опубликуете его.

  1. 01Готовите проект
  2. 02Собираете интерфейс
  3. 03Добавляете логику
  4. 04Публикуете сервис
В модуле
  • Frontend, backend, API и база данных простыми словами
  • Как AI помогает писать и изменять код
  • ChatGPT, Claude и Gemini на бесплатных тарифах
  • Установка VS Code и Node.js
  • Как поставить AI понятную задачу
  • Стек курса: JavaScript/TypeScript, Next.js и Tailwind
  • Запуск первого проекта
  • Изменение текста, кнопки и простого блока с помощью AI

Как проходит обучение

Один урок добавляет одну рабочую часть сервиса

Вы не изучаете инструменты отдельно от проекта. Всё, что появляется на уроке, сразу становится частью вашего приложения.

Ритм курсаСмотрите, повторяете, запускаете
4занятия
по одному проекту

После каждого занятия у сервиса появляется новая рабочая часть: первый экран, данные из API, персонализация или финальная опубликованная версия.

VS CodeNext.jsTailwindЗаписи уроков
  1. 01

    Готовите компьютер

    Устанавливаете редактор и Node.js по инструкции из первого урока.

  2. 02

    Смотрите весь процесс

    Преподаватель показывает действия, запросы к AI и результат на экране.

  3. 03

    Повторяете в своём проекте

    Ставите запись на паузу и выполняете тот же шаг у себя.

  4. 04

    Проверяете результат

    Запускаете сервис, находите ошибку и уточняете задачу для AI.

  5. 05

    Возвращаетесь к записи

    После занятия запись сохраняется, поэтому сложный момент можно пересмотреть.

Команда курса

Учитесь у специалистов, которые работают в своей профессии

На занятиях вы увидите весь процесс разработки, а команда Maris отвечает за программу, организацию курса и связь с участниками.

Анатолий, AI · веб-приложения · MVP

Анатолий

AI · веб-приложения · MVP

Показывает разработку на экране: от задачи для AI и первого интерфейса до работающей версии сервиса.

  • AI-разработка
  • Веб-приложения
  • MVP
Андрей, Стратегия · реклама · SMM

Андрей

Стратегия · реклама · SMM

Работает со стратегией и продвижением. Помогает увидеть в учебном проекте задачу, аудиторию и путь к результату.

  • Стратегия
  • Реклама
  • SMM
Лариса, Организация · коммуникация · поддержка

Лариса

Организация · коммуникация · поддержка

Помогает с организационными вопросами и делает так, чтобы участникам был понятен каждый следующий шаг.

  • Организация
  • Коммуникация
  • Поддержка
01/ 03

Нет. Первый урок начинается с установки VS Code и Node.js. Преподаватель объяснит основные части веб-приложения и покажет, как запускать проект. Код вы будете создавать и менять с помощью AI.

Бесплатная регистрация

Запишитесь на курс

Оставьте имя и телефон. Мы сообщим дату старта и расскажем, как подготовить компьютер к первому занятию.

Участие бесплатноЧетыре занятияЗаписи сохраняются
Заявка на бесплатный курс

Заполните два поля. Мы свяжемся с вами и поможем подготовиться к старту.

Контакты нужны только для связи по регистрации.