Vibe Coding for Absolute Beginners

Learn to build and deploy real web applications without any coding experience. In this intensive two-day workshop, complete beginners discover how to create software using AI tools like ChatGPT and GitHub Copilot by describing what they want in plain English. Through hands-on building and practical examples, you'll understand fundamental programming concepts, learn to guide and review AI-generated code, and deploy a fully functional task management application to the internet. By leveraging AI assistance, you'll achieve in two days what traditionally takes weeks—going from zero coding knowledge to having a live application with your own public URL.

Course Outline

Module 1: Understanding Code & First AI Conversation

Install VS Code, GitHub Copilot, and ChatGPT/Claude accounts
Learn what code is using everyday analogies and visual examples
Understand HTML, CSS, and JavaScript through live demonstrations
Practice writing clear prompts that generate quality code
Build your first webpage: personal profile with photo, bio, and styling
Create a working calculator by describing requirements to AI

Module 2: Making Websites Interactive with JavaScript

Discover how JavaScript adds behavior to websites through events and interactions
Learn variables, functions, and basic logic (if/then) explained simply
Understand how computers remember information and make decisions
Add interactive button to your profile that changes background colors
Build a quiz game with multiple choice questions and scoring
Practice the pattern: describe feature → AI generates → test → iterate

Module 3: Building a Complete Todo List Application

Work with forms and user input to collect information from users
Understand data persistence using localStorage to save information
Build functional todo list with add, complete, and delete features
Use AI to add task counter, categories, and filtering options
Test all features systematically and debug issues with AI assistance
Learn to read error messages and troubleshoot common problems

Module 4: Planning & Building Your Task Manager Application

Choose and plan the class project: Personal Task Manager with categories and priorities
Break down large applications into small, achievable features and implementation steps
Build main page layout with navigation and form sections
Create input forms for adding tasks with title, description, category, and priority
Display tasks in organized, filterable lists with card-based layouts
Implement edit and delete functionality for managing existing tasks

Module 5: Professional Styling & Testing

Learn design fundamentals: whitespace, color, hierarchy, and consistency
Use Tailwind CSS framework to create modern, professional interfaces
Transform your application's appearance with contemporary styling
Add icons, improve spacing, and ensure mobile responsiveness
Create comprehensive testing checklist and verify all features
Fix bugs using AI assistance and improve error handling

Module 6: Git, Deployment & Next Steps

Set up GitHub account and learn basic version control concepts
Prepare code for deployment and configure project settings
Deploy application to Netlify with live, shareable URL
Test deployed application and troubleshoot any production issues
Explore resources for continued learning and career paths
Present your application and receive completion certificate

Hands-On Experience

Expect 75% of this course to be hands-on building, with live coding demonstrations followed by immediate practice. Students code along with the instructor, then work independently with teaching assistant support. Every participant leaves with multiple working projects including a personal profile page, calculator, quiz game, todo list, and a fully deployed task manager application accessible via public URL. The intensive format ensures rapid skill acquisition through immediate application of concepts—you'll write your first code in the first 30 minutes and deploy to production by end of day two.

Prerequisites:

-       Comfortable using a computer, web browser, and basic file management

-       Ability to follow instructions and type accurately

-       Gmail or GitHub account for tool setup

-       No coding experience required—course starts from absolute zero

-       No technical background or advanced math skills needed