Beginner
AI Vibe Coding: Build Websites, Games, Mobile Apps & AI Agents
- 18 Sections
- 167 Lessons
- 18 Quizzes
- 30h Duration
Introduction to the course
5 Lessons
Setup Your AI lib, HW/Software
11 Lessons
- Development ( Laptop ) setup
- Enable WSL (Windows Users Only)
- Introduction to Version Control
- Introduction to git
- Github ssh key, add to github setting
- Git in VSCode
- How to use github
- Enable github copilot in vscode
- Enable GitHub Pages on a Repository ( for easy access, your own simple web host)
- 🐧 Linux Basics for Windows Users (Quick Start)
- Install Python
What is Internet/AI, how it works?
12 Lessons
- What is the Internet?
- What is Local area network ( LAN) , what is Wide Area network ( WAN )
- Network diagram : home network, corperate network
- OSI 7 layer and TCP/IP
- How Ethernet works?
- How IP packet send within Local area network
- How IP packets are sent between two LANs, how routing works?
- Useful network commands
- How DNS works?
- What is firewall
- Application Protocols
- TLS, HTTPS, and Encryption
Build Your First AI Website
5 Lessons
HTML - Foundations of Web Development
5 Lessons3 Quizzes
CSS - Beautify your web
10 Lessons3 Quizzes
- Introduction to CSS (Cascading Style Sheets) Syntax
- Homework basic css
- CSS examples
- CSS examples - 2 ( transformation, animation, position)
- Homework: css animation
- Homework CSS animation review
- CSS layout: flexbox
- CSS grid ( for layout)
- Advanced CSS
- Homework : advanced CSS
- CSS frameworks
- Tailwind CSS
- From design to css
Javascript - Make the web dynamic
29 Lessons6 Quizzes
- Introduction to JavaScript in Web Development
- JavaScript Fundamentals
- Advanced Topic: const reference or to variable
- Homework: write a factorial function in javascript and show output using console.log
- Advanced Javascripts : arrow function, ===, ... (spread/merging/rest) syntax/grammer
- Advanced Topic: reduce, map, foreach etc in Javascript
- Advanced Topic: this and new for function
- Advanced topics: Understanding lexical scope for arrow function and this in a regular function
- Javascript plain object
- JavaScript an Object-Oriented Language
- Advanced topics: difference between plain objects and classes/objects
- DOM Manipulation
- Advanced Topic: global objects in browers: document, window, navigator, history
- JavaScript Events
- Advanced Topic: Named Function and Arrow function , and anonymous function
- Advanced : how to list all event.target properties
- HOMEWORK Event Handling - Respond to Input Changes
- HTML Canvas, and javascript animation
- Add audio to html from javascript
- Add video in html/javascript
- Write a simple game: Guess the Number!
- Game: catch falling objects
- Javascript games , art: p5.js
- HOMEWORK: use p5.js to check boundary of a moving ball
- HOMEWORK: draw circle, rectange, triangle,
- Advanced Topic: keyboard in javascript
- Introduction to Asynchronous JavaScript
- Advanced: Understanding about promise(), resolve(), reject(), then(), catch()
- Advanced topic: async and parallel
- Local Storage and State Management
- Working with Cookies in JavaScript
- Advanced: server side cookie
- Advanced topic: cookie and modern web framework
- Advanced Topic: three.js
- Advanced Topic: Babylon.js
AI Game Development
9 Lessons
- Game Development Overview
- Create Your Own Games with AI
- Arcade, Puzzle, Platformer, Top‑Down Shooter, Endless Runner
- Phaser 3 Quick Tutorial ( Javascript 2D browser game)
- 3D Game Types + Three.js Intro + AI-Generable Demos
- project ideas for game
- Three.js Introduction
- Python based games ( Pygame/Pygame zero)
- Create python .venv using vscode
AI Full Stack Web Database-Powered Websites
6 Lessons
Back-end (Server side) Web programming
12 Lessons2 Quizzes
- Advanced Topic: what is 0t ed25519 mean?
- Python for Web Development ( flask)
- Homework : write a beautify letter in html/css and use flask to serve it
- JSON Introduction
- Flask Jsonify
- Flask ( server side) file structure
- Use Flask to handle HTTP get/post methods
- Design a form to collect information about student who are interested in USACO
- Understanding HTTP GET and POST and How Browsers Interact with Web Servers
- Working with APIs and JSON in JavaScript
- CORS (Cross-Origin Resource Sharing)
- Project Week
- Project Presentations
- Simple Web Page Examples
Advanced Web Development: Databases
19 Lessons2 Quizzes
- Introduction to Databases
- SQLite Installation
- Some sqlite tools
- SQL Basics
- SQLite Cheat Sheet
- How to use SQLite3 Editor
- Advanced topic: SQLite3 Transactions
- Advanced topis: SQLite3 Triggers
- Advanced SQL Concepts: A Comprehensive Guide
- Database Normalization: 1/2/3 Normal Form History
- Database Normalization 1st Normal Form (1NF)
- Normalization 2nd Normal Form (2NF)?
- Database Normalization 3NF
- Database Normalization Boyce-Codd Normal Form (BCNF)
- HOMEWORK: design db for student, course, score
- Scenario: A Student-CourScenario: A Student-Course-Instructor Systemse-Instructor System
- Database Normalization : 4/5 NF
- Database Normalization and Performance Tuning in SQLite
- Introduction to MongoDB
- Connecting Node.js with MongoDB
- Design a db for online training platform for who are interested in USACO training
Advanced Web Development: Full-Stack Applications
16 Lessons2 Quizzes
- SQLite in flask/python
- Introduction to SQLAlchemy
- Advanced topic: many_to_one, one_to_many relationship in SQLAlchemy
- Advanced topic:What is relationship in SQLAlchemy?
- Advanced Topic: backref and cascades
- Adanced topic: when to use secondary table, where to use association_proxy?
- Advanced topic: What does session.query(Post, User).join(User).all() do?
- Advanced Topic: sqlakchemy support other databases
- Homework: design todo list using sqlalchemy
- Flask + SQLAlchemy Blog System
- User Authentication and Sessions with Flask
- Advanced topic: where is session data stored?
- Flask session using server-side session
- Homework: project, a web app: todo list with user login/logout
- Introduction to Django ( MVC framework)
- Introduction to Node.js
- React.js in the Next.js Framework
- Final Project Demo/showoff
AI Mobile App Development
3 Lessons
Build Your AI Agent
5 Lessons
AI Agents & Automation
14 Lessons
- 🧠 Agent Systems Track
- Linux Commands & Modern Start terminal
- Docker introduction
- Kubernet introduction
- Run LLMs Locally on Your Machine Using Ollama
- How to setup Hermes
- How to setup openclaw
- Advanced : OpenClaw Hidden .openclaw Directory , SOUL.md etc
- Advanced: openclaw internal ( communications between sub/agents)
- OpenClaw Multiple-agents Hands-On Demo
- MCP & A2A for AI Agents + OpenClaw Agent/Sub‑Agent Communication
- How to Install Skills on OpenClaw
- Agent Skills, how to write skill
- Marketing/Social: upload daily youtube video project
AI for professionals
4 Lessons
AI for professinals
Final Capstone Project 🚀 Build Your Own AI Product
2 Lessons
5 Star
100%
4 Star
0%
3 Star
0%
2 Star
0%
1 Star
0%
Want to submit a review? Login
Reviews
-
Jan 1, 2025 @ 4:01 pm
Best class ever. Highly recommend.
Very well structured and easy-to-follow course for kids, instructor’s explanations were very engaging and practical!