How project-based learning improved my web development learning experience

How project-based learning improved my web development learning experience:

WHAT IS PROJECT-BASED LEARNING? - Project Based Learning (PBL) is a teaching method in which students learn by actively engaging in real-world & personally meaningful projects - Learn By Doing!

The top 10 websites for your journey

1. Frontend Mentor


frontendmentor.io
Frontend Mentor | Front-end coding challenges using a real-life workflow
Improve your front-end skills by building real projects. Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs.

2. Frontend Practice


frontendpractice.com
Frontend Practice | Become a better frontend developer.
Take your frontend skills to the next level by recreating real websites from real companies.

3. DevProjects


codementor.io
Web development projects to learn programming - DevProjects
A curation of web development project ideas to help you learn web development and bridge the learning gap between theory and real world code. Projects are designed by web development mentors and...

4. Daily UI


dailyui.co
Daily UI Design Challenge, Inspiration, and Resources
Daily UI design challenge. Become a better designer in 100 days.

5. frontloop


frontloops.io
Frontloops - Frontend development challenges

6. dev Challenges


devchallenges.io
devChallenges.io | Real-life Coding Challenges to become a Software Engineer
Web Development Resources and Community that help you to become a Web Developer by working with Real-life projects and practices. Founded, designed and developed by @thunghiemdinh

7. CSS Battle

cssbattle.dev
CSSBattle
CSS Code Golfing game is here!

8. 100 Days CSS 

https://100dayscss.com

9. Piccalil 

http://piccalil.li/category/front-end-challenges-club/… 

10. Codier
codier.io
Codier – Front-end Coding Challenges
Explore and attempt front-end coding challenges on Codier

Source:

@namyakhann