<!-- mobian-agent-page publisher="dailydev" canonical="https://daily.dev/posts/build-19-web-dev-projects-using-html-css-javascript-jgpeicnuh" -->

---
title: Build 19 Web Dev Projects using HTML, CSS, &amp; JavaScript
description: A 12-hour freeCodeCamp YouTube course covering 19 hands-on web development projects built with HTML, CSS, and JavaScript. Projects range from interactive quiz...
canonical: https://daily.dev/posts/build-19-web-dev-projects-using-html-css-javascript-jgpeicnuh
twitter:card: summary_large_image
twitter:site: @dailydotdev
og:type: website
og:site_name: daily.dev
og:title: Build 19 Web Dev Projects using HTML, CSS, &amp; JavaScript | daily.dev
og:description: A 12-hour freeCodeCamp YouTube course covering 19 hands-on web development projects built with HTML, CSS, and JavaScript. Projects range from interactive quiz...
og:url: https://daily.dev/posts/build-19-web-dev-projects-using-html-css-javascript-jgpeicnuh
og:image: https://api.daily.dev/og/posts/jgpeicNUh.png
og:image:alt: Build 19 Web Dev Projects using HTML, CSS, &amp; JavaScript
og:image:width: 1200
og:image:height: 630
og:locale: en
---

> ## Documentation Index
> Fetch the complete documentation index at: https://daily.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Build 19 Web Dev Projects using HTML, CSS, & JavaScript

**[freeCodeCamp](https://daily.dev/sources/freecodecamp)** · 1 min read · 67 upvotes · 2 comments

## Summary

A 12-hour freeCodeCamp YouTube course covering 19 hands-on web development projects built with HTML, CSS, and JavaScript. Projects range from interactive quiz games, Kanban boards, and expense trackers to API integrations (MealDB, GitHub, currency converter), UI components, and utility tools like a password generator and scroll progress indicator.

## Full article

daily.dev links to this article rather than hosting it. Read it at the original source: <https://www.freecodecamp.org/news/build-19-web-dev-projects-using-html-css-javascript/>

## Community discussion

Top comments from developers on daily.dev.

**@elmarchavez** · 4 upvotes

> Another win for freeCodeCamp! Thank you for delivering these free resources for the dev community!

**@prolificoder17** · 2 upvotes

> Whenever freeCodeCamp pops up with something the best advice I can give is to check out each post they up, Its been really helpful I mean coming from Africa and being self-taught through freeCodeCamp has been the best.

---

Tags: [#webdev](https://daily.dev/tags/webdev), [#javascript](https://daily.dev/tags/javascript), [#css](https://daily.dev/tags/css), [#html](https://daily.dev/tags/html)

[View this post on daily.dev](https://daily.dev/posts/build-19-web-dev-projects-using-html-css-javascript-jgpeicnuh)

```json
{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://daily.dev/#organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180},"sameAs":["https://twitter.com/dailydotdev","https://github.com/dailydotdev","https://www.linkedin.com/company/daily-dev-ltd"]},{"@type":"WebSite","@id":"https://daily.dev/#website","url":"https://daily.dev","name":"daily.dev","publisher":{"@id":"https://daily.dev/#organization"},"potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://daily.dev/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}]}
{"@context":"https://schema.org","@type":"TechArticle","headline":"Build 19 Web Dev Projects using HTML, CSS, & JavaScript","url":"https://daily.dev/posts/build-19-web-dev-projects-using-html-css-javascript-jgpeicnuh","mainEntityOfPage":{"@type":"WebPage","@id":"https://daily.dev/posts/build-19-web-dev-projects-using-html-css-javascript-jgpeicnuh"},"datePublished":"2026-03-18T23:38:31.571Z","dateModified":"2026-03-18T23:38:50.913Z","description":"A 12-hour freeCodeCamp YouTube course covering 19 hands-on web development projects built with HTML, CSS, and JavaScript. Projects range from interactive quiz...","image":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/acaef6813b47bb3ed694f5eb85cd8910?_a=AQAEuop","thumbnailUrl":"https://media.daily.dev/image/upload/f_auto,q_auto/v1/posts/acaef6813b47bb3ed694f5eb85cd8910?_a=AQAEuop","isAccessibleForFree":true,"articleSection":"freeCodeCamp","inLanguage":"en","publisher":{"@type":"Organization","name":"daily.dev","url":"https://daily.dev","logo":{"@type":"ImageObject","url":"https://daily.dev/apple-touch-icon.png","width":180,"height":180}},"author":{"@type":"Organization","name":"freeCodeCamp","logo":"https://media.daily.dev/image/upload/t_logo,f_auto/v1628412854/logos/freecodecamp","url":"https://daily.dev/sources/freecodecamp"},"commentCount":2,"discussionUrl":"https://daily.dev/posts/build-19-web-dev-projects-using-html-css-javascript-jgpeicnuh","interactionStatistic":[{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":67},{"@type":"InteractionCounter","interactionType":{"@type":"CommentAction"},"userInteractionCount":2}],"keywords":"webdev,javascript,css,html","timeRequired":"PT1M"}
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://daily.dev"},{"@type":"ListItem","position":2,"name":"freeCodeCamp","item":"https://daily.dev/sources/freecodecamp"},{"@type":"ListItem","position":3,"name":"Build 19 Web Dev Projects using HTML, CSS, & JavaScript"}]}
{"@context":"https://schema.org","@type":"WebPage","@id":"https://daily.dev/posts/build-19-web-dev-projects-using-html-css-javascript-jgpeicnuh","comment":[{"@type":"Comment","text":"Another win for freeCodeCamp! Thank you for delivering these free resources for the dev community!","datePublished":"2026-03-20T10:39:22.849Z","url":"https://daily.dev/posts/jgpeicNUh#c-yEkheC7PX","author":{"@type":"Person","name":"Elmar Chavez","url":"https://daily.dev/elmarchavez","image":"https://media.daily.dev/image/upload/s--7PjH979T--/f_auto/v1780994221/avatars/avatar_bK85rJb2OXXID2LX2wi5y?_a=BAMAMiWQ0"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":4}},{"@type":"Comment","text":"Whenever freeCodeCamp pops up with something the best advice I can give is to check out each post they up, Its been really helpful I mean coming from Africa and being self-taught through freeCodeCamp has been the best.","datePublished":"2026-03-30T12:27:56.640Z","url":"https://daily.dev/posts/jgpeicNUh#c-TjQnp3sBg","author":{"@type":"Person","name":"Tatenda","url":"https://daily.dev/prolificoder17","image":"https://avatars.githubusercontent.com/u/31260297?v=4"},"interactionStatistic":{"@type":"InteractionCounter","interactionType":{"@type":"LikeAction"},"userInteractionCount":2}}]}
```

