Full Stack Ai Prompt/Vibe Coding Developer From Zero To Pro

Full Stack Ai Prompt/Vibe Coding Developer From Zero To Pro
Published 9/2025
MP4 | Video: h264, 1920×1080 | Audio: AAC, 44.1 KHz

Become a Full Stack AI Prompt/Vibe coding Developer from Zero to Pro

What you’ll learn

Learn the basics of each stack (HTML, CSS, JavaScript, React, Node, Express/Nest.js, Xamp) before applying AI prompts.

Use AI prompts to generate, optimize, and debug code efficiently across the full-stack development workflow.

Understand how to write effective AI prompts that produce accurate, useful, and reusable code snippets.

Build real-world projects step by step, applying both manual coding and AI-assisted development techniques.

Design, implement, and connect front-end and back-end systems, including APIs and databases.

Create RESTful APIs and connect to MySQL using Nest.js

Requirements

A computer (Windows, macOS, or Linux) with internet access to install tools and run projects.
Willingness to understand basic simple coding and how to use AI prompts effectively.

Description

Overview

Section 1: Introduction

Lecture 1 Course Overview – From 0 to Pro

Lecture 2 What is Full Stack AI Prompt/Vibe Development?

Lecture 3 Tools & Setup (Editors, Browsers, AI Prompt Tools)

Section 2: HTML and CSS Foundations + AI Prompts

Lecture 4 Basic HTML

Lecture 5 HTML Elements + AI Prompting

Lecture 6 Working with Anchor () Tags + AI Prompt

Lecture 7 Building Forms + AI Prompt

Lecture 8 Creating Tables + AI Prompt

Lecture 9 Adding Images + AI Prompt

Lecture 10 Lists with & + AI Prompt

Lecture 11 Semantic HTML + AI Prompt

Lecture 12 Introduction to CSS + AI Prompt

Lecture 13 Adding CSS to HTML + AI Prompt

Lecture 14 Styling HTML Pages + AI Prompt

Lecture 22 Introduction to Bootstrap + AI Prompt

Section 3: JavaScript Foundations with AI Prompts

Lecture 23 Lecture 23: Introduction to JavaScript

Lecture 24 Lecture 24: Writing & Printing to Console + AI Prompt

Lecture 26 Lecture 26: Operators in JavaScript + AI Prompt

Lecture 27 Lecture 27: Arrays in JavaScript + AI Prompt

Lecture 28 Lecture 28: Objects in JavaScript + AI Prompt

Lecture 29 Lecture 29: If-Else Statements + AI Prompt

Lecture 30 Lecture 30: Switch Statements + AI Prompt

Lecture 31 Lecture 31: For Loops + AI Prompt

Lecture 32 Lecture 32: While Loops + AI Prompt

Lecture 33 Lecture 33: forEach Loops + AI Prompt

Lecture 34 Lecture 34: Map Function + AI Prompt

Lecture 35 Lecture 35: Functions in JavaScript + AI Prompt

Lecture 36 Lecture 36: Reading User Input + AI Prompt

Lecture 37 Lecture 37: Exception Handling in JavaScript + AI Prompt

Lecture 38 Lecture 38: Mini Project 1 + AI Prompt

Lecture 39 Lecture 39: Mini Project 2 + AI Prompt

Section 4: Section 4: React.js – Frontend with AI Prompts

Lecture 40 Lecture 40: Introduction to React.js

Lecture 41 Lecture 41: Installing React.js

Lecture 42 Lecture 42: Components in React.js + AI Prompt

Lecture 43 Lecture 43: JSX in React.js + AI Prompt

Lecture 44 Lecture 44: Props in React.js + AI Prompt

Lecture 45 Lecture 45: Event Handling + AI Prompt

Lecture 46 Lecture 46: State Management + AI Prompt

Lecture 47 Lecture 47: Conditional Rendering + AI Prompt

Lecture 48 Lecture 48: Lists in React.js + AI Prompt

Lecture 49 Lecture 49: Forms in React.js + AI Prompt

Lecture 50 Lecture 50: Using useEffect Hook + AI Prompt

Lecture 51 Lecture 51: Creating Custom Hooks + AI Prompt

Lecture 52 Lecture 52: Styling in React.js + AI Prompt

Lecture 53 Lecture 53: Working with Packages + AI Prompt

Lecture 54 Lecture 54: Routing in React.js + AI Prompt

Lecture 55 Lecture 55: Fetching Data (GET Requests) + AI Prompt

Lecture 56 Lecture 56: Posting Data (POST Requests) + AI Prompt

Lecture 57 Lecture 57: Debugging in React.js + AI Prompt

Lecture 58 Lecture 58: University Website Project Step 1 – Setup Project + AI Prompt

Lecture 59 Lecture 59: University Website Project Step 2 – Navbar Component + AI Prompt

Lecture 60 Lecture 60: University Website Project Step 3 – Home Page + AI Prompt

Lecture 61 Lecture 61: University Website Project Step 4 – About Page + AI Prompt

Lecture 62 Lecture 62: University Website Project Step 5 – Courses Page + AI Prompt

Lecture 63 Lecture 63: University Website Project Step 6 – Blog Page + AI Prompt

Lecture 64 Lecture 64: University Website Project Step 7- Contact Page + AI Prompt

Lecture 65 Lecture 65: University Website Project Step 8 – Login Page + AI Prompt

Lecture 66 Lecture 66: University Website Project Step 9- Register Page + AI Prompt

Lecture 67 Lecture 67: University Website Project Step 10 – Student Dashboard + AI Prompt

Lecture 68 Lecture 68: University Website Project Step 11 – Student Nav Bar + AI Prompt

Lecture 69 Lecture 69: University Website Project Step 12 – Refactor Side Bar I + AI Prompt

Lecture 70 Lecture 70: University Website Project Step 13 – Refactor Styling + AI Prompt

Lecture 71 Lecture 71: University Website Project Step 14 – Final touches + AI Prompt

Section 5: Section 5: Backend Development with Nest.js + RESTful APIs

Lecture 72 Lecture 72: Introduction to Nest.js

Lecture 73 Lecture 73: Setting Up Nest.js Project

Lecture 74 Lecture 74: Introduction to RESTful APIs

Lecture 75 Lecture 75: GET Requests

Lecture 76 Lecture 76: POST Requests

Lecture 77 Lecture 77: PUT Requests

Lecture 78 Lecture 78: DELETE Requests

Lecture 79 Lecture 79: Database (MySQL) Connection in Nest.js

Lecture 80 Lecture 80: Refactoring API Service Routes

Lecture 81 Lecture 81: Project – Refactor Registration Page with API

Lecture 82 Lecture 82: Connecting Registration Page with API

Lecture 83 Lecture 83: Building Teacher Dashboard with API

Lecture 84 Lecture 84: Connecting Login Page to API

Lecture 85 Lecture 85: Managing Students Page

Lecture 86 Lecture 86: Managing Grades Page

Beginners who want to learn full-stack web development from scratch with the help of AI prompts.,Programmers and tech enthusiasts curious about how AI prompt engineering can speed up and simplify coding.,Students, freelancers, and career changers looking to become Full Stack AI Prompt Developers and land tech jobs faster.,Anyone who wants to understand and debug AI-generated code so they can confidently fix errors and build reliable applications with AI Prompts.