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
AnnieCannons
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
Kevin Powell Media Inc.
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
AnnieCannons
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
AnnieCannons
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

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