Projects

Projects Courses

Project-based courses reinforce your knowledge and challenge your skills with practical, real-world examples.

Getting Started with CSS, v2

Jen Kramer
Insulet
Build a single-page portfolio with CSS! Learn responsive layout techniques and UI design fundamentals as you style navigation, project cards, images, and more. Give the portfolio extra polish with light and dark themes and deploy your portfolio to GitHub Pages.
3 hours, 2 minutes CC
Getting Started with CSS, v2
drag handle

Professional CSS: Build a Website from Scratch

Kevin Powell
Embrace the Cascade
Use custom properties and the latest responsive design techniques to build and deploy a website from scratch!
9 hours, 4 minutes CC
Professional CSS: Build a Website from Scratch
drag handle

Web Development Project: Personal Portfolio Website

Jen Kramer
Insulet
Create a personal portfolio website from scratch using HTML and CSS. Master responsive design techniques, CSS layout tools, and best practices for showcasing your work across devices.
5 hours, 5 minutes CC
Web Development Project: Personal Portfolio Website
drag handle

Vanilla JavaScript Projects

Anjana Vakil
Software Engineer & Educator
Put your fundamental JavaScript knowledge into practice through hands-on web projects. Use browser APIs, asynchronous programming, Node.js, and modern tooling to build and deploy web apps, all with vanilla JavaScript!
9 hours CC
Vanilla JavaScript Projects
drag handle

Build AI-Powered Apps with OpenAI and Node.js

Scott Moss
Netflix
Integrate Node.js with OpenAI to build advanced AI-powered applications. Learn to build AI chat interfaces, semantic search, document QA, function calling, and create AI images!
3 hours, 34 minutes CC
Build AI-Powered Apps with OpenAI and Node.js
drag handle

CSS Projects

Jen Kramer
Insulet
Looking to practice your CSS skills? Work through five distinct projects to practice writing semantic HTML, mobile-first designs, media queries, and CSS layout techniques.
5 hours, 1 minute CC
CSS Projects
drag handle

Building a Slack Chat Bot

Jason Lengstorf
Learn With Jason
Learn to build Slack bots for task automation and team collaboration. Integrate your bot with a Notion database, add info with the Slack Block Kit UI Framework, add API security, and deploy your bot!
2 hours, 10 minutes CC
Building a Slack Chat Bot
drag handle

Build an AI-Powered Fullstack Next.js App, v3

Scott Moss
Netflix
Create a full-stack AI-powered Journal app from scratch in Next.js. See how all the pieces of Next.js/React fit together to deploy your app to the world!
7 hours, 34 minutes CC
Build an AI-Powered Fullstack Next.js App, v3
drag handle

Practical CSS Layouts

Jen Kramer
Insulet
Learn to code complex layouts with CSS Grid and Flexbox and tackle real-world exercises like styling buttons, audio players, hamburger menus, and lists.
8 hours, 58 minutes CC
Practical CSS Layouts
drag handle

Vanilla JS: You Might Not Need a Framework

Maximiliano Firtman
Independent Consultant
Explore Vanilla JavaScript core concepts, work with DOM APIs, handle events, and build a web application from scratch. Delve into advanced topics like SPA routing, web components, and reactive programming.
5 hours, 52 minutes CC
Vanilla JS: You Might Not Need a Framework
drag handle

JavaScript: From First Steps to Professional

Anjana Vakil
Software Engineer & Educator
Take your first steps into the wide world of JavaScript and walk away with the core skills needed to become a professional JavaScript programmer!
14 hours, 19 minutes CC
JavaScript: From First Steps to Professional
drag handle

Complete Intro to Web Development, v3

Brian Holt
Databricks
This web development course will take you from building your first website to having the foundation for becoming a professional web developer. Start learning for free!
12 hours, 25 minutes CC
Complete Intro to Web Development, v3
drag handle