Learn
Sign In
Sign Up
Frontend Developer Path
Learn Faster
- with interactive lessons
Step by Step
- keep your progress transparent
Project-Driven
- learn through building real projects
Get Started
HTML and CSS
1.
Learn HTML by Building a Cat Photo App
2.
Learn Basic CSS by Building a Cafe Menu
3.
Learn CSS Colors by Building a Set of Colored Markers
4.
Learn HTML Forms by Building a Registration Form
5.
Learn the CSS Box Model by Building a Rothko Painting
6.
Learn CSS Flexbox by Building a Photo Gallery
7.
Learn Typography by Building a Nutrition Label
8.
Learn Accessibility by Building a Quiz
9.
Learn More About CSS Pseudo Selectors By Building A Balance Sheet
10.
Learn Intermediate CSS by Building a Picasso Painting
11.
Learn Responsive Web Design by Building a Piano
12.
Learn CSS Variables by Building a City Skyline
13.
Learn CSS Grid by Building a Magazine
14.
Learn CSS Animation by Building a Ferris Wheel
15.
Learn CSS Transforms by Building a Penguin
JavaScript
1.
Basic JavaScript
2.
ES6
3.
Regular Expressions
4.
Debugging
5.
Basic Data Structures
6.
Basic Algorithm Scripting
7.
Object Oriented Programming
8.
Functional Programming
9.
Intermediate Algorithm Scripting
10.
JavaScript Algorithms and Data Structures Projects
Frontend Libraries
4.
React
Privacy Policy
Desktop Apps
Report abuse
X - Twitter
Tutorials
JavaScript Compiler
Data based on freeCodeCamp.com Copyright (CC-BY-SA 4.0)
Amplitude - the best analytics tool
?
1
Online chat
Help & support guide
Report abuse
Report a bug
Roadmap
Changelog
Windows App
MacOS App
Linux App
Keyboard shortcuts
Privacy
PlayCode v2025.5.15