Are you a Frontend Web Developer?

Here are 10 Websites that will help you improve your frontend skills by building real-world projects.

A Thread 🧵👇
1. codewell.cc

Improve your HTML and CSS skills by practicing on real design templates.

{ 1 / 10 }
2. freecodecamp.org

Over 7000+ tutorials and tons of challenges to complete along the way to test what you've learnt.

{ 2 / 10 }
3. cssbattle.dev

Challenge yourself in building different shapes with CSS and level your skills.

{ 3 / 10 }
4. coderbyte.com

Challenge yourself to code and interview better, adjust difficulty levels and boost up your skills.

{ 4 / 10 }
5. codepen.io/challenges/

Challenges do weekly challenges for leveling up your skills by building things. Enroll in them and get picked and featured on the homepage!

{ 5 / 10 }
6. frontendmentor.io

Solve real-world HTML, CSS and JavaScript challenges whilst working to professional designs. Build projects, review code, and help each other get better.

{ 6 / 10 }
7. devchallenges.io

Enrol in awesome challenges and boost your skills by solving and building websites.

{ 7 / 10 }
8. javascript30.com

30 Day Vanilla JS Coding Challenge. Build great websites and become an aspiring frontend web developer in 30 days.

{ 8 / 10 }
9. frontendpractice.com

Take your frontend skills to the next level by recreating real websites with helpful and curated resources.

{ 9 / 10 }
10. 100dayscss.com

Build something great for 100 days and take your CSS skills to next level. New challenges everyday.

{ 10 / 10 }
Thank you for reading!

Hey, I'm Savio 👋
I write daily threads on web development and developer resources.

If you found this Thread useful:
- Follow me (@saviomartin7) ✅
- Retweet it
- Turn on the notifications

Thank you for the support friends! 🙏

• • •

Missing some Tweet in this thread? You can try to force a refresh
 

Keep Current with Savio Martin ⚡️

Savio Martin ⚡️ Profile picture

Stay in touch and get notified when new unrolls are available from this author!

Read all threads

This Thread may be Removed Anytime!

PDF

Twitter may remove this content at anytime! Save it as PDF for later use!

Try unrolling a thread yourself!

how to unroll video
  1. Follow @ThreadReaderApp to mention us!

  2. From a Twitter thread mention us with a keyword "unroll"
@threadreaderapp unroll

Practice here first or read more on our help page!

More from @saviomartin7

17 Nov
Learn CSS by Playing Games.

A Thread 🧵👇️
1. cssgridgarden.com

Learn CSS Grid Layout by planting trees and growing your garden with 28 different levels.

{ 1 / 6 }
2. mastery.games/flexboxzombies/

Flexbox Zombies is a fun game where we use Flexbox to position hero’s crossbow and hit the zombies and survive.

{ 2 / 6 }
Read 8 tweets
15 Nov
Are you a Frontend Web Developer?

Here are 15 amazing websites to save you 10+ hours every week.

A Thread 🧵👇
1. 30secondsofcode.org

30 seconds of code has collections of short code snippets for a variety of languages.

{ 1 / 15 }
2. glitch.com

Glitch helps to create your next web project in browser with no setup and instant deployment.

{ 2 / 15 }
Read 17 tweets
2 Nov
Best YouTube Channels to learn Web Development

A Thread 🧵👇️
1. FreeCodeCamp

FreeCodeCamp is a non-profit organisation that'll teach to learn to code for free.

youtube.com/c/Freecodecamp 🔗

{ 1 / 10 }
2. Traversy Media

Traversy Media creates crash courses to learn programming in a very easy way. He also collaborates with great creators.

youtube.com/c/TraversyMedi… 🔗

{ 2 / 10 }
Read 12 tweets
1 Nov
Googling is a must have skill for developers.

Here are the pro tips to search on Google.
( A thread with examples 🧵↓ )
1. Asterisk *

Use * to fill in missing words or phrases.
🔎 Example Search: how to * in JavaScript

{ 1 / 8 }
2. Search:

Using search: you can search within a website.
🔎 Example Search: search:quora .com arrays

{ 2 / 8 }
Read 11 tweets
31 Oct
Learn CSS by Playing Games.

A Thread 🧵👇️
1. cssgridgarden.com

Learn CSS Grid Layout by planting trees and growing your garden with 28 different levels.

{ 1 / 6 }
2. mastery.games/flexboxzombies/

Flexbox Zombies is a fun game where we use Flexbox to position hero’s crossbow and hit the zombies and survive.

{ 2 / 6 }
Read 8 tweets
28 Oct
Useful GitHub Repositories every developer should know 🔥

List of 15 awesome GitHub repositories to save hours and increase productivity.

A Thread 🧵👇
1. github.com/kamranahmedse/…

Useful visual roadmap to becoming a web developer in 2021.

{ 1 / 15 }
2. github.com/sindresorhus/a…

Useful lists about all kinds of interesting topics and technologies.

{ 2 / 15 }
Read 16 tweets

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3/month or $30/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal

Thank you for your support!

Follow Us on Twitter!

:(