Vibe Coding: Build Real Business Apps with AI

Start here: setup & mindset 4 lessons

1. What vibe coding is (and what it is not) Preview
2. Installing VS Code, Git, Node.js and XAMPP
3. Setting up an AI coding assistant in the terminal
4. Your first AI build: from prompt to running page

Web fundamentals for builders 6 lessons

1. How the web works: HTTP, requests and responses
2. HTML structure and semantic tags
3. CSS layout: Flexbox, Grid and responsive design
4. JavaScript essentials: variables, functions, arrays, objects
5. The DOM, events and fetch()
6. JSON and REST APIs explained

Prompt engineering for code 6 lessons

1. Writing a requirements.md the AI can follow
2. Project rules files: teaching the AI your standards
3. Giving the AI the right context and files
4. Small, surgical edits vs full rewrites
5. Reading and reviewing a diff
6. Spotting hallucinated functions and silent bugs

Google Apps Script & Sheets 7 lessons

1. Apps Script editor, triggers and quotas
2. Sheets as a database: getValues / setValues in bulk
3. JSON rows and fast Map lookups
4. HtmlService web apps and google.script.run
5. Session tokens, login and role-based access
6. LockService and CacheService
7. Deploying versions and sharing securely

React front end without a build step 6 lessons

1. React 18 from a CDN with Babel
2. Components, props and state
3. useEffect and data fetching
4. Tables with Tabulator: sort, filter, paginate, export
5. Charts with Chart.js
6. Forms: searchable dropdowns and validation

PHP 8 & MySQL 8 lessons

1. PHP project structure and config.php
2. MySQL schema design: types, keys and indexes
3. Relationships, foreign keys and JOINs
4. Prepared statements and bind_param
5. Sessions, password_hash and login
6. Role-based access control (RBAC)
7. Safe file uploads
8. Install and migration scripts without data loss

Building an admin dashboard 5 lessons

1. Dashboard layout: sidebar, navbar and KPI cards
2. CRUD screens with modals
3. Server-side search and pagination
4. CSV import, CSV and PDF export
5. Activity logs and audit trails

Debugging with AI 5 lessons

1. Browser DevTools: console, network and storage
2. Reading PHP error logs and stack traces
3. Fixing the blank screen and "headers already sent"
4. Debugging Apps Script executions and logs
5. Writing an evidence-based debugging prompt

Security essentials 6 lessons

1. OWASP Top 10 for small apps
2. Preventing SQL injection and XSS
3. CSRF tokens and secure sessions
4. Rate limiting and brute-force protection
5. Secrets in .env, never in Git
6. Server-side permission checks

Performance 4 lessons

1. Query optimisation and indexes
2. Caching strategies
3. Batch reads and writes in Sheets
4. Lazy loading and skeleton screens

Git, GitHub & deployment 6 lessons

1. Git basics: commit, branch, merge and revert
2. GitHub: private repos, .gitignore and backups
3. Deploying PHP to shared hosting (cPanel / hPanel)
4. Domains, SSL and .htaccess
5. Deploying Apps Script web apps
6. Safe updates on a live database

Integrations & automation 7 lessons

1. Transactional email over SMTP
2. WhatsApp click-to-chat and alerts
3. Payment gateways: hosted checkout, webhooks and verification
4. Web push notifications
5. Calling AI APIs (Gemini, Claude, OpenAI) from your app
6. Webhooks and cron jobs
7. Automation with n8n

Freelancing & delivery 4 lessons

1. Turning a client brief into requirements
2. Estimating, quoting and milestones
3. Handover: docs, training video and support
4. Building a portfolio of templates