Wepro/Kurslar/Vibe Coding
Samarqand

Vibe Coding

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

Davomiyligi
3 oy
Darslar
34+
Daraja
Noldan
Claude Code Cursor HTML CSS JavaScript
Dastur
Intro
Rol · Vibe Coding

Mutaxassis nima ish qiladi?

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

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

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

so'mo'rtacha maosh
HR-hamkorlarimiz ma'lumotlariga ko'ra kurs bitiruvchilarining o'rtacha maoshi.
0%amaliyot
Kursning katta qismi — portfoliodagi haqiqiy topshiriqlar va loyihalar, nazariya emas.

Bu kurs kimga mos?

01

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

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

02

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

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

03

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

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

Loyihalar · portfolioda 3 ta

Kursdagi amaliyot

Project 01

Лендинги

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

Project 02

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

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

Project 03

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

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

Kursni tamomlagach nimani o'rganasiz

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

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

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

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

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

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

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

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

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

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

O'rganiladigan dasturlar

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

Modullar va darslar

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, фриланс
Maoshlar · Darajalar bo'yicha

Mutaxassislar qancha daromad topadi

Junior
so'm

Kursdan keyingi birinchi ish

Middle
so'm

1-3 yillik tajriba

Senior
so'm

3 yildan ortiq tajriba

Kurs narxi

Oyiga 12 ta jonli dars o'qituvchi bilan

Wepro Student App — dars jadvali, baholar va materiallar

Wepro AI yordamchisi — o'qish bo'yicha savollar uchun 24/7

Barcha darslar yozib olinadi — istalgan vaqtda qayta ko'ring

Bepul kovorking — qulay vaqtda kelib ishlang

Motivatsiya tizimi — koinlar, liderboard va haqiqiy sovg'alar

Diplom loyihasini himoya qilgandan so'ng sertifikat

Ishga joylashishda yordam — suhbatga tayyorgarlik

Vibe Coding · 3 oy
4 500 000 so'm
4 050 000 so'm
Butun kurs uchun to'liq to'lovda
Bo'lib to'lash 3 oy1 500 000 so'm/oyiga
To'liq to'lov4 050 000 so'm

Ushbu kursga yozilish

Ish vaqtida arizadan keyin 15 daqiqa ichida qo'ng'iroq qilamiz.