Frontend Practice
A collection of real websites for developers to recreate to improve and test their skills.
About Frontend Practice
Frontend Practice is a platform that provides practice projects for frontend developers, built around recreating real websites from real companies. Each project includes a curated color palette and supporting resources aimed at helping users work through challenging design or implementation elements.
The platform is intended for frontend developers of all skill levels who want to improve their abilities through hands-on recreation of existing sites rather than tutorials or abstract exercises.
Key features
- Recreate real websites from real companies for practice
- Curated projects selected for educational value
- Provided color palettes for each project to save time
- Curated resources to help tackle challenging elements
- Projects for developers of all skill levels
Frequently asked questions
Who is Frontend Practice for?
It is for frontend developers of all skill levels who want to improve by recreating real websites.
What resources are provided with each project?
Each project comes with a provided color palette and curated resources to help with challenging elements.
What kind of practice does the platform offer?
It offers challenges based on recreating real websites from real companies to test and improve frontend knowledge.
Show your product to thousands of developers
· 100k monthly pageviews
· 7k newsletter subscribers
You might also like
Fountn
Design/Learn/UIWorld’s largest collection of design resources, curated by designers.
freeCodeCamp
Learn/ProgrammingLearn to code at home. Build projects. Earn certifications. Since 2014, more than 40,000 freeCodeCamp.org graduates have gotten jobs at tech companies including Google, Apple, Amazon, and Microsoft.
Frontend Masters
Learn/ProgrammingAdvance your skills with in-depth, modern JavaScript and front-end engineering courses.
FrontendAtlas
Code Challenge/Learn/ProgrammingFrontend interview prep platform with hands-on JavaScript, UI, and DOM-oriented coding challenges.
Gliesess 90 marketing strategy breakdowns
SEO/Learn/MarketingBrowse the most comprehensive list of online marketing strategies on the internet. Find the Social Media and Search Engine strategies of each company.
Grid Garden
Learn/ProgrammingA game for learning CSS grid layout.
