Project Two: Frontend Website
Create an interactive website with HTML, CSS, and JavaScript, bringing visual ideas to life in the browser.
8 lessons
Project Overview: Interactive Webpage
Understand what we're building and how HTML, CSS, and JavaScript work together.
Prompting AI for HTML Structure
Get AI to generate semantic HTML that's accessible, well-organized, and ready for styling.
Prompting AI for CSS Styling
Get AI to generate modern, responsive CSS that makes your webpage look professional.
Adding Interactivity With JavaScript
Learn how JavaScript brings your static HTML pages to life with dynamic behavior and user interactions.
Fetching Data From an API
Learn how to retrieve data from external APIs and display it dynamically on your webpage.
Browser Developer Tools
Master the browser's built-in developer tools to inspect, debug, and optimize your frontend code.
Local Storage and Persistence
Save data in the browser using localStorage so it persists across page reloads without needing a backend.
Deploying Your Frontend
Put your website on the internet with free static hosting services so anyone can access it.