Wepro/Курсы/Vibe Coding
Самарканд

Vibe Coding

Вы выучите базовые принципы работы HTML/CSS/JS и научитесь создавать сайты с помощью ИИ

Длительность
3 мес.
Уроков
34+
Уровень
С нуля
Claude Code Cursor HTML CSS JavaScript
Программа
Интро
Роль · Vibe Coding

Чем занимается специалист?

1. Формулирует задачу и контекст для AI Главный навык — чётко описать, что нужно сделать: какая фича, в каком стеке, с какими ограничениями. Подбирает правильный контекст (нужные файлы, документацию, примеры), потому что качество вывода AI напрямую зависит от качества промпта.

2. Направляет, проверяет и корректирует код AI генерирует — вайб-кодер читает, тестирует, ловит баги и галлюцинации, возвращает ИИ на доработку с уточнениями. По сути работает как технический ревьюер и архитектор: решает, что строить и как это должно работать, оставляя рутину набора кода нейросети.

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

сумсредняя зарплата
Медианная зарплата выпускников курса по данным наших HR-партнёров.
0%практики
Большая часть курса — реальные задания и проекты в портфолио, а не теория.

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

01

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

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

02

Тем, кто хочет войти в IT без классического программирования

Вам не нужно учить Python или JavaScript годами. Вайб-кодинг — это вход в разработку через AI: вы учитесь ставить задачи, управлять генерацией кода и создавать реальные продукты с первой недели обучения.

03

Маркетологам, дизайнерам и менеджерам

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

Проекты · 3 в портфолио

Практика на курсе

Project 01

Лендинги

Вы научитесь быстро собирать продающие одностраничные сайты с помощью ИИ — с привлекающим заголовком, блоками преимуществ, отзывами, CTA-кнопками и формой заявки. Лендинг — самый частый заказ на фрилансе, и с навыками вайб-кодинга вы сможете делать его за считанные часы.

Project 02

Веб-приложения

Вы создадите интерактивное веб-приложение с динамическим контентом — фильтрацией, сортировкой, работой с данными и подключением к внешним API. Научитесь добавлять авторизацию, отправку уведомлений в Telegram и другую функциональность, которая превращает обычный сайт в рабочий продукт.

Project 03

Корпоративные веб-сайты

Вы создадите полноценный многостраничный сайт для бизнеса — с главной страницей, разделами «О компании», «Услуги», «Контакты», формами обратной связи и адаптивной вёрсткой под все устройства. Работа ведётся по макету из Figma, как на реальном заказе — от получения дизайна до публикации готового сайта в интернет.

Чему вы научитесь по окончанию курса

Работать с AI-редакторами кода Cursor, Claude Code

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

Писать промпты, которые дают рабочий результат

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

Создавать сайты и веб-приложения с нуля

От идеи до работающего продукта — landing page, интернет-магазин, личный кабинет, SaaS-сервис.

Разбираться в основах кода HTML, CSS, JavaScript

Базовая логика программирования — достаточно, чтобы понимать что делает AI и править ошибки.

Работать с базами данных и API

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

Изучаемые программы

Claude Code
Claude Code
Cursor
Cursor
HTML
HTML
CSS
CSS
JavaScript
JavaScript

Модули и уроки

01. Как работает интернет и веб-сайты. Что такое фронтенд и бекенд. Изучение базового HTML
02. Директория проекта. Формы/картинки/видео
03. Финальный урок по HTML. Установка и настройка Claude Code. Подключение Claude
04. Промпт-инжиниринг для кодинга: как формулировать запросы, структура хорошего промпта, итерации и уточнения
05. Архитектура веба: клиент–сервер, браузер, DOM. Структура HTML-документа: теги, атрибуты, семантика
06. CSS-основы: селекторы, свойства, каскад. Блочная модель, отступы, цвета, шрифты
07. Flexbox и Grid: современная вёрстка. Адаптивность (media queries), mobile-first подход
08. JavaScript-основы: переменные, функции, события. Интерактивность на странице (клики, формы, анимации)
09. Работа с DevTools: инспектор элементов, консоль, вкладка Network. Чтение ошибок в консоли
10. Практикум: создаём простую страницу руками, затем пересоздаём её через Cursor с ИИ — сравниваем подходы
11. Планирование проекта: как разбить сайт на части (роадмап). Файловая структура проекта. Правила именования
12. Создание Hero-секции и навигации с помощью ИИ. Итерационный подход: промпт → результат → корректировка
13. Секции «О нас», «Услуги», «Преимущества». Работа с карточками, иконками, изображениями
14. Формы обратной связи, футер, кнопки CTA. Подключение простой валидации
15. Работа с багами: чтение ошибок в консоли, поиск проблем, формулировка запросов к ИИ для исправления. Отладка вёрстки
16. Финализация лендинга: адаптивность, анимации, оптимизация. Код-ревью всей группой
17. Основы Figma для разработчика: навигация, Inspect-панель, экспорт assets. Как читать макет: размеры, отступы, цвета, шрифты
18. Стратегия переноса макета в код: от общей структуры к деталям. Подготовка промптов с описанием дизайна для ИИ
19. Вёрстка главной страницы по макету: Header, Hero, основной контент. Сверка с дизайном, корректировки
20. Вёрстка внутренних страниц: «О компании», «Контакты», «Услуги». Переиспользование компонентов
21. Адаптивная вёрстка по макету: мобильная и планшетная версии. Работа с брейкпоинтами из Figma
22. Полировка и pixel-perfect: сверка с макетом, исправление расхождений, типографика, микро-анимации
23. Интерактивные компоненты: слайдеры/карусели, модальные окна, аккордеоны, табы. Подключение библиотек через ИИ
24. Работа с данными: JSON, массивы, динамическая генерация карточек. Фильтрация и сортировка контента
25. Формы с валидацией, маски ввода, отправка данных. Подключение Telegram-бота для уведомлений
26. Анимации и микро-взаимодействия: CSS transitions, scroll-анимации, hover-эффекты. Библиотека AOS
27. SEO-основы: meta-теги, Open Graph, семантическая разметка, favicon, robots.txt, sitemap. Оптимизация изображений
28. Оптимизация производительности: скорость загрузки, Lighthouse, сжатие, lazy loading. Git: основы версионирования
29. Деплой на Vercel / Netlify: регистрация, подключение проекта, автоматические обновления. Подключение домена
30. Выбор и планирование дипломного проекта. Составление ТЗ и роадмапа. Утверждение макета и структуры с преподавателем
31. Работа над дипломным проектом: структура, навигация, главная страница
32. Работа над дипломным проектом: внутренние страницы, контент, интерактивность
33. Работа над дипломным проектом: адаптивность, анимации, SEO, оптимизация, деплой
34. Защита дипломных проектов. Презентация перед группой. Обратная связь. Что изучать дальше: React, Next.js, фриланс
Зарплаты · По уровням

Сколько зарабатывают специалисты

Junior
сум

Первая работа после курса

Middle
сум

1-3 года опыта

Senior
сум

От 3 лет опыта

Цена курса

12 живых занятий в месяц с преподавателем

Доступ к Wepro Student App — расписание, оценки, материалы

AI-помощник Wepro AI для вопросов по учёбе 24/7

Записи всех уроков — пересматривай в любое время

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

Система мотивации — коины, лидерборд и реальные призы

Сертификат после защиты дипломного проекта

Помощь с трудоустройством — подготовка к собеседованиям

Vibe Coding · 3 мес.
4 500 000 сум
4 050 000 сум
При полной оплате за весь курс
В рассрочку 3 мес.по 1 500 000 сум/мес
Полная оплата4 050 000 сум

Записаться на этот курс

Позвоним в течение 15 минут после заявки в рабочее время.