Chapters (41)
- 0:20Intro
- 3:40Welcome to a new kind of coding course
- 5:26Building with AI & ChatGPT
- 7:30Sign up for and access ChatGPT
- 9:20What you need to know about HTML and CSS
- 17:30Build a login button
- 27:09Website hero section
- 36:40Subscription signup form
- 50:27What you need to know about JavaScript
- 59:23Interactive event invite - part 1
- 1:09:07Interactive event invite - part 2
- 1:16:03Cake raffle app
- 1:30:38Dive deeper and level up your coding skills
- 1:32:23Debug, get feedback, and improve your code
- 1:44:11Drum kit app
- 1:54:41Deploy and share your projects
- 1:58:10Share your feedback and project ideas
- 1:59:26What's in store for you?
- 2:01:38Build a wac a mole style game with facebomp
- 2:14:44FaceBomp game - part 2
- 2:28:23Project slideshow
- 2:40:20Personal homepage
- 2:51:03Personal homepage - part 2
- 3:00:55Pushing projects to GitHub
- 3:05:34Smart home mobile interface
- 3:18:06Smart home mobile interface - part 2
- 3:24:29Turn your project into a mobile app
- 3:31:11SnapStash Chrome extension
- 3:38:08SnapStash Chrome extension - part 2
- 3:51:39Automate project deployment with GitHub and Netlify
- 3:53:57Pause to reflect & recharge
- 3:54:58Build database-powered projects
- 3:57:17What you need to know about Firebase
- 3:59:31Get set up with Firebase
- 4:03:09Add Firebase to a project
- 4:09:52Compliment generator
- 4:15:13Compliment generator - part 2
- 4:20:48Lunch break poll
- 4:29:16Lunch break poll - part 2
- 4:34:22RoadWallet app
- 4:44:56Reflect and wrap up
Show the creator's full description
This tutorial teaches non-coders to build apps with ChatGPT. You can also try the interactive version of this course: 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 Twitter: 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
❤️ Try interactive AI courses we love, right in your browser: https://scrimba.com/freeCodeCamp-AI (Made possible by a grant from our friends at Scrimba)
⭐️ 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
Description and video by freeCodeCamp.org. This page is an independent companion view; the video is embedded from YouTube.