Go Pro!Bootcamp

Bootcamp

Study group

Collaborate with peers in your dedicated #study-group channel.

Code reviews

Submit projects for review using the /review command in your #code-reviews channel

Learn to code with AI

Enroll for freeGet started!

Join 6540 other students

Log in to get

Access to all our free courses
Interactive hands-on content
100s of code challenges
Join a friendly community
Enroll for free
Subscribe to access!Subscribe to access!

Subscribe to access to this course and ALL other courses. You get a 30-day money-back guarantee, no questions asked.

Subscription includes

All courses and career paths
100s of coding challenges
Certificates of completion
Exclusive Pro members chat
The course creator Guil Hernandez

with Guil Hernandez

Course level: Beginner

Build interactive, database-powered projects while learning how to write effective prompts and debug and refine your code with the help of AI. No coding experience needed!

What's inside

This course contains 40 interactive scrims spread across 3 modules.

two girls

You'll learn

AI-powered coding & building

HTML, CSS, JS overview

App prototyping

Debugging with AI

AI-aided code documentation

AI coding prompts

Deploy & share via Netlify

Working with GitHub & Netlify

Utilize AI tools

Add a Firebase database to projects

You'll build

screenshot
Twitter and GitHub Login Button

Get your feet wet and start by creating a login button, one of the most commonly used elements on any website or app.

screenshot
Website 'Hero' Section

Design and build an engaging hero section for a 'HoverChair' website.

screenshot
Subscription Signup Form

Build a form for a subscription service called BarkerBox, which you'll also be able to customize to your liking.

screenshot
Interactive Event Invite

Build an interactive invitation for guests to RSVP to an epic event called 'Gif Gala.'

screenshot
Cake Raffle App

Build an app that's as fun as it sounds! Users enter their names into a cake raffle where a random winner is selected.

screenshot
Drum Kit App

Grab your virtual drumsticks and build your own drum set that produces real drum sounds.

screenshot
FaceBomp Game

Create your own version of the Whack-A-Mole game called 'Face Bomp'.

screenshot
Project Slideshow

Build an interactive slideshow that displays different project images and descriptions.

screenshot
Personal Homepage

Build a personal homepage to introduce yourself to the world, exhibit your skills, and display your projects.

screenshot
Smart Home Mobile Interface

Build a UI that allows users to control various aspects of their smart home, such as lighting, temperature, and music.

screenshot
SnapStash Chrome Extension

Develop a Chrome extension to lets users save items to a shopping wishlist according to various categories.

screenshot
KudosDelight - Compliment Generator

Spread positivity and delight by building an app that stores compliments in a database and displays them to users.

screenshot
LunchVote App

Build a lunch poll app that uses real-time vote tallying – add lunch spots to a list and vote for your favorite.

screenshot
RoadWallet App

A Firebase app that manages travel expenses and keeps track of how much travelers owe for the trip.

Meet your teacher

The course creator

Guil Hernandez

Lifelong learner, enthusiastic about changing lives through tech. Enjoys water sports and exploring the South Florida waters. 🏄🏻‍♂️ ☀️

Why this course rocks

Imagine waking up tomorrow as a web developer. What would you want to build?

With AI tools like ChatGPT, you're already a developer, regardless of your experience, if you know how to work with them.

Experience a new kind of coding course that's less about the details of coding and more about creating, experimenting, and realizing your ideas, even without the coding know-how!

In this course, you'll build functional, interactive front-end projects while learning how to write effective prompts and debug and refine your code with the help of AI.

No coding experience needed! We'll focus on helping you prototype and build projects with AI's assistance, turning you from a non-coder into a capable problem solver.

By the end of this course, you'll have a collection of mini-projects, newly acquired skills, and a solid foundation to keep building with AI.

You'll work on various projects using HTML, CSS, and JavaScript. As this is a Scrimba course, there will be many challenges for you to solve throughout the course, allowing you to put your new skills to the test.

This course is a living iterative project. We will add more sections to this course featuring new, more complex projects allowing you to stretch your newly acquired skills further.

Let's do this!

F to the A oracle to the Q
What is AI?

AI (Artificial Intelligence) has transformed from science fiction to a real-world tool that people from all walks of life can use. But AI isn't just about robots and self-driving cars; it's about augmenting our capabilities, and making tasks easier, which opens up a world of possibilities for you.

What is ChatGPT?

ChatGPT is a 'generative AI program,' meaning it can create new and original content based on the data it has been trained on. As a result, ChatGPT can assist with everything from writing jokes, recipes, songs, and poems and serve as your brilliant coding assistant.

Can I really take this course with no coding experience?

Absolutely! We designed this course with non-coders in mind. We won't delve into the technical details of HTML, CSS, and JavaScript. Instead, we focus on harnessing AI tools like ChatGPT to assist you in prototyping and building projects. You'll learn to solve problems and bring your ideas to life, all while gaining new skills in web development.

Can I provide feedback and project ideas for this course?

Please do! We're adding more sections to the course featuring new, more complex projects. Guil would truly appreciate sharing your thoughts, feedback, and suggestions about this course and any ideas for projects you'd like to build in the future sections.