Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Vibe Coding: Build Web Projects with AI Prompts
Rating: 4.2 out of 5(5 ratings)
109 students

Vibe Coding: Build Web Projects with AI Prompts

Learn HTML, CSS, JavaScript by building real games and web apps using ChatGPT prompts – no coding experience needed
Created byHossein Mokhtarzadeh, Ph.D.
Last updated 7/2025
English
English [Auto],

What you'll learn

  • Build simple web-based games and tools using HTML, CSS, and JavaScript
  • Understand coding concepts by creating real mini-projects
  • Use ChatGPT to brainstorm, debug, and improve your code
  • Gain confidence to keep learning and exploring coding on your own

Course content

9 sections • 8 lectures • 51m total length

  • Introduction: Vibe Coding2:30

    In this quick intro, I’ll show you what Vibe Coding is all about:
    ? Learn to code by building simple, fun web projects
    ? No prior experience needed
    ? Use ChatGPT and real examples to learn step by step

    Whether you're starting from scratch or just looking for a creative way to practice coding, this course introduces you to the final project outcome and helps you build confidence, creativity, and real coding skills — all by doing.

    Let’s jump in and start creating together!

    For more info see the orignal book online.

Requirements

  • No prior coding experience needed — just curiosity and a computer
  • Works best with Chrome browser and a basic text editor like VS Code
  • Internet connection to access online tools and ChatGPT prompts
  • Optional: A notebook to jot down ideas and challenges

Description

Welcome to Vibe Coding – a fun and beginner-friendly way to learn web development using the power of AI tools like ChatGPT.

In this course, you'll start with a blank screen and end up with a working game, all by using natural language prompts to generate and modify code. No prior coding knowledge is required — if you can type a sentence, you can build something real.

You'll learn how to:

  • Build interactive web pages using HTML, CSS, and JavaScript

  • Use AI prompts to generate, improve, and fix your code

  • Understand how to structure, style, and add behavior to your web projects

  • Track progress, manage score logic, and add reset/replay buttons

  • Turn your idea into a complete game or tool, step-by-step

  • Practice using browser-based editors and sketch-to-build workflows

  • Make your projects feel polished with messages, buttons, and user-friendly design

  • Replay and remix your own game to explore deeper coding logic

  • Learn how to debug and experiment with confidence using AI-powered suggestions

Each lesson is short, visual, and practical, perfect for creative minds. Whether you're a student, educator, or hobbyist, this course will help you learn by doing and feel empowered to build more.

By the end, you’ll have a real, shareable project and the confidence to remix it or create something completely new.

Who this course is for:

  • Total beginners who want to learn by doing, not memorizing
  • Students, hobbyists, or parents exploring coding with kids
  • Creators who enjoy building fun and useful little projects
  • Anyone feeling overwhelmed by coding and looking for a friendly start

Report abuse