Practice Projects
Our guided projects are drawn from real-life scenarios, offering you hands-on experience that's both practical and applicable. Whether you're just starting or looking to build a portfolio, our realistic projects challenge your skills and prepare you to for the real world.
Project Contents
Easy
Perfect for a first project, or simple practice These projects are small, easy snippets based on real-world tasks.
Medium
Great for ongoing students, ready to take on a realistic challenge. This category includes nicely detailed projects to excercise your skills.
Hard
Challenging projects, for well-practiced devs. To test your skillset and face a real workplace challenge, try this category.
Easy
EasyCourse: E1
Flexbox Centered Navigation Bar (5/5)
Build a responsive navigation bar layout including a logo, links and visual hierarchy centered with CSS flexbox.
Medium
MediumGeneral
Watercolor Agency Website 2
Build an artistic home page with decorative sections feauring a creative watercolor effect.
Hard
HardGeneral
Customer Reviews
Create a common customer review layout with animated mobile-responsive cards, decorative styling details and links.
Video Courses
Uncertain?
Join a Video Course.
Each detailed project walkthrough provides repetitive practice for confidence building, as well as unique features to build your own library of reference material.
Reusable code
Step-by-step tutorial
Solution code included
Courses