When I began #FrontEndDevelopment I got stuck in Tutorial Hell. It took me a long time to break out of it. Later I came across websites that give you a kick-starter, and I wish I knew them early.
Here's a list of sites that can help you break out of this hell!🧵
#webdevelopment
Here's a list of sites that can help you break out of this hell!🧵
#webdevelopment
1. devchallenges.io
This site contains 3 challenge paths you can choose to build sample web page/ web sites. Every challenge comes with a sample design and level of difficulty.
#webdevelopment #FrontEndDevelopment
This site contains 3 challenge paths you can choose to build sample web page/ web sites. Every challenge comes with a sample design and level of difficulty.
#webdevelopment #FrontEndDevelopment
2. frontendpractice.com
Recreate from real websites to get an understanding of how things are built in the industry. Every challenge comes with a list of takeaways that will help you choose websites to build.
#webdevelopment #FrontEndDevelopment
Recreate from real websites to get an understanding of how things are built in the industry. Every challenge comes with a list of takeaways that will help you choose websites to build.
#webdevelopment #FrontEndDevelopment
3. stylestage.dev
A fun challenge where you get a base HTML page for which you need to create an alternate stylesheet.
#CSS #webdevelopment
A fun challenge where you get a base HTML page for which you need to create an alternate stylesheet.
#CSS #webdevelopment
4. codewell.cc
Build websites from the design you get for each challenge.
#webdevelopment #FrontEndDevelopment
Build websites from the design you get for each challenge.
#webdevelopment #FrontEndDevelopment
5. javascript.info
Learn basics to advanced Javascript with detailed explanations. The topics are split into 3 parts that serves as a guide to understand the level you belong in. Some topics have tasks that you can complete to strengthen your understanding.
#javascript
Learn basics to advanced Javascript with detailed explanations. The topics are split into 3 parts that serves as a guide to understand the level you belong in. Some topics have tasks that you can complete to strengthen your understanding.
#javascript
6. cssbattle.dev
Fun CSS challenges that you can use to understand properties. These don't give a sense of CSS use case in a real-time project, but you get a better hold of properties. I haven't solved many of these, but have seen many web devs recommending this. #CSS
Fun CSS challenges that you can use to understand properties. These don't give a sense of CSS use case in a real-time project, but you get a better hold of properties. I haven't solved many of these, but have seen many web devs recommending this. #CSS
7. frontendmentor.io/challenges
Front end challenges with a list of tech stack expected from you to use along with difficulty levels.
#FrontEndDevelopment #webdevelopment
Front end challenges with a list of tech stack expected from you to use along with difficulty levels.
#FrontEndDevelopment #webdevelopment
8. piccalil.li/category/front…
This site contains a few front end challenges along with assets you would need to solve.
The author also includes the solution for them.
#FrontEndDevelopment #webdevelopment
This site contains a few front end challenges along with assets you would need to solve.
The author also includes the solution for them.
#FrontEndDevelopment #webdevelopment
9. flexboxpatterns.com
I love CSS flexbox. Once you get a hold of it, it's simple, fun, and easy to use.
This website has challenges that helps you practice flex concepts and properties.
#CSS #flexbox
I love CSS flexbox. Once you get a hold of it, it's simple, fun, and easy to use.
This website has challenges that helps you practice flex concepts and properties.
#CSS #flexbox
10. 100dayscss.com
You get 100 days to hone your HTML and CSS skills. Recreate the given template in your own style and all you need is a codepen.io account.
#CSS #HTML #FrontEndDevelopment
You get 100 days to hone your HTML and CSS skills. Recreate the given template in your own style and all you need is a codepen.io account.
#CSS #HTML #FrontEndDevelopment
This list is non-exhaustive, and definitely not the only websites that help you with development.
Do share your experience and your list (if you have one) that could help someone break out of Tutorial hell. 😇
Do share your experience and your list (if you have one) that could help someone break out of Tutorial hell. 😇
• • •
Missing some Tweet in this thread? You can try to
force a refresh
