Projects

Projects Courses

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

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
Superfilter AI
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
Superfilter AI
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