Learn to Code with AI - ChatGPT Tutorial
4,511This tutorial teaches non-coders to build apps with ChatGPT. Try the interactive version here: https://scrimba.com/links/learn-to-code-with-ai
Get ready for a unique approach to coding. Start building projects right away, without worrying about complex programming syntax. With ChatGPT handling the technical details, you can focus on the creative parts. Gradually improve your programming skills as you progress through increasingly sophisticated projects.
If you have any feedback to the teacher Guil Hernandez, please reach out to him on X here: https://twitter.com/guilh
Follow Scrimba on YouTube here: https://www.youtube.com/c/Scrimba
💻 Download the code via Scrimba: https://scrimba.com/links/learn-to-code-with-ai
⭐️ Chapters ⭐️
Section 1: Build and deploy your first projects with ChatGPT
⌨️ (0:00:20) Intro
⌨️ (0:03:40) Welcome to a new kind of coding course
⌨️ (0:05:26) Building with AI & ChatGPT
⌨️ (0:07:30) Sign up for and access ChatGPT
⌨️ (0:09:20) What you need to know about HTML and CSS
⌨️ (0:17:30) Build a login button
⌨️ (0:27:09) Website hero section
⌨️ (0:36:40) Subscription signup form
⌨️ (0:50:27) What you need to know about JavaScript
⌨️ (0:59:23) Interactive event invite - part 1
⌨️ (1:09:07) Interactive event invite - part 2
⌨️ (1:16:03) Cake raffle app
⌨️ (1:30:38) Dive deeper and level up your coding skills
⌨️ (1:32:23) Debug, get feedback, and improve your code
⌨️ (1:44:11) Drum kit app
⌨️ (1:54:41) Deploy and share your projects
⌨️ (1:58:10) Share your feedback and project ideas
Section 2: Next-level projects with AI
⌨️ (1:59:26) What's in store for you?
⌨️ (2:01:38) Build a wac a mole style game with facebomp
⌨️ (2:14:44) FaceBomp game - part 2
⌨️ (2:28:23) Project slideshow
⌨️ (2:40:20) Personal homepage
⌨️ (2:51:03) Personal homepage - part 2
⌨️ (3:00:55) Pushing projects to GitHub
⌨️ (3:05:34) Smart home mobile interface
⌨️ (3:18:06) Smart home mobile interface - part 2
⌨️ (3:24:29) Turn your project into a mobile app
⌨️ (3:31:11) SnapStash Chrome extension
⌨️ (3:38:08) SnapStash Chrome extension - part 2
⌨️ (3:51:39) Automate project deployment with GitHub and Netlify
⌨️ (3:53:57) Pause to reflect & recharge
Section 3. Build database-powered apps
⌨️ (3:54:58) Build database-powered projects
⌨️ (3:57:17) What you need to know about Firebase
⌨️ (3:59:31) Get set up with Firebase
⌨️ (4:03:09) Add Firebase to a project
⌨️ (4:09:52) Compliment generator
⌨️ (4:15:13) Compliment generator - part 2
⌨️ (4:20:48) Lunch break poll
⌨️ (4:29:16) Lunch break poll - part 2
⌨️ (4:34:22) RoadWallet app
⌨️ (4:44:56) Reflect and wrap up
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: https://www.freecodecamp.org
Read hundreds of articles on programming: https://freecodecamp.org/news