YoVDO

Learn to Code with AI - ChatGPT Tutorial

Offered By: freeCodeCamp

Tags

ChatGPT Courses Computer Science Courses Javascript Courses GitHub Courses Firebase Courses HTML Courses Netlify Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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


Taught by

freeCodeCamp.org

Related Courses

Introduction to Front-end Development with ReactJS
Coursera Project Network via Coursera
Creating a Personal Site with Gatsby
Coursera Project Network via Coursera
Git a Web Developer Job: Mastering the Modern Workflow
Udemy
HTML5 para quem não sabe nada de HTML5
Udemy
Gatsby JS: Build PWA Blog With GraphQL And React + WordPress
Udemy