Learn to Code with AI - ChatGPT Tutorial

Overview

Embark on a 4-hour 46-minute tutorial designed to teach non-coders how to build applications using ChatGPT. Begin by constructing projects immediately, focusing on creativity while AI handles technical complexities. Progress through increasingly sophisticated projects, gradually enhancing programming skills. Explore HTML, CSS, and JavaScript basics before diving into interactive applications like event invites and cake raffles. Advance to next-level projects including games, personal homepages, and Chrome extensions. Learn to deploy projects, use GitHub, and create mobile interfaces. Conclude by building database-powered applications with Firebase, creating tools like compliment generators and polling systems. Access an interactive version, downloadable code, and comprehensive chapter breakdowns for a thorough learning experience.

Syllabus

⌨️ Intro
⌨️ Welcome to a new kind of coding course
⌨️ Building with AI & ChatGPT
⌨️ Sign up for and access ChatGPT
⌨️ What you need to know about HTML and CSS
⌨️ Build a login button
⌨️ Website hero section
⌨️ Subscription signup form
⌨️ What you need to know about JavaScript
⌨️ Interactive event invite - part 1
⌨️ Interactive event invite - part 2
⌨️ Cake raffle app
⌨️ Dive deeper and level up your coding skills
⌨️ Debug, get feedback, and improve your code
⌨️ Drum kit app
⌨️ Deploy and share your projects
⌨️ Share your feedback and project ideas
⌨️ What's in store for you?
⌨️ Build a wac a mole style game with facebomp
⌨️ FaceBomp game - part 2
⌨️ Project slideshow
⌨️ Personal homepage
⌨️ Personal homepage - part 2
⌨️ Pushing projects to GitHub
⌨️ Smart home mobile interface
⌨️ Smart home mobile interface - part 2
⌨️ Turn your project into a mobile app
⌨️ SnapStash Chrome extension
⌨️ SnapStash Chrome extension - part 2
⌨️ Automate project deployment with GitHub and Netlify
⌨️ Pause to reflect & recharge
⌨️ Build database-powered projects
⌨️ What you need to know about Firebase
⌨️ Get set up with Firebase
⌨️ Add Firebase to a project
⌨️ Compliment generator
⌨️ Compliment generator - part 2
⌨️ Lunch break poll
⌨️ Lunch break poll - part 2
⌨️ RoadWallet app
⌨️ Reflect and wrap up