10 Free Sites to Master Frontend Development:
1. Scrimba
Scrimba is a fun and fast way of learning to code!
Their platform is a highly effective resource for learning frontend development.
Learning HTML, CSS, JavaScript, and React are all available on the free tier.
π scrimba.com
Scrimba is a fun and fast way of learning to code!
Their platform is a highly effective resource for learning frontend development.
Learning HTML, CSS, JavaScript, and React are all available on the free tier.
π scrimba.com
2. FreeCodeCamp
Over 9,000+ tutorials and tons of challenges to complete along the way to test what you've learned.
Anything and everything web development. Whatever skills or technology youβre looking to build, thereβs sure to be a tutorial.
π freecodecamp.org
Over 9,000+ tutorials and tons of challenges to complete along the way to test what you've learned.
Anything and everything web development. Whatever skills or technology youβre looking to build, thereβs sure to be a tutorial.
π freecodecamp.org
3. JavaScript 30
Created by @wesbos, this 30 day Vanilla JS Coding Challenge will see you build 30 projects in 30 days.
By the end of it, your JavaScript skills will be amazing!
π javascript30.com
Created by @wesbos, this 30 day Vanilla JS Coding Challenge will see you build 30 projects in 30 days.
By the end of it, your JavaScript skills will be amazing!
π javascript30.com
4. W3Schools
Arguably the largest web development site on the internet.
3 billion pages displayed each year.
60 million visitors each month.
Their library for learning HTML, CSS, & JavaScript is simple, comprehensive, and effective.
π w3schools.com
Arguably the largest web development site on the internet.
3 billion pages displayed each year.
60 million visitors each month.
Their library for learning HTML, CSS, & JavaScript is simple, comprehensive, and effective.
π w3schools.com
5. JavaScript.info
From the basics to advanced topics with simple, but detailed explanations.
This is a great resource for mastering JavaScript.
π javascript.info
From the basics to advanced topics with simple, but detailed explanations.
This is a great resource for mastering JavaScript.
π javascript.info
6. Frontend Mentor
Solve real-world HTML, CSS, & JS challenges whilst working to professional designs.
Build projects, review code & help each other grow.
FEM provide the style guide, static assets & everything else needed to focus on building.
π frontendmentor.io
Solve real-world HTML, CSS, & JS challenges whilst working to professional designs.
Build projects, review code & help each other grow.
FEM provide the style guide, static assets & everything else needed to focus on building.
π frontendmentor.io
7. MDN Docs
MDN Docs provides in-depth explanations of web development principles.
They also provide exceptional documentation of web technologies.
π developer.mozilla.org
MDN Docs provides in-depth explanations of web development principles.
They also provide exceptional documentation of web technologies.
π developer.mozilla.org
8. Official Docs of whatever technology youβre learning
This is a primary method of how professional software developers learn.
This is where you ultimately want to be.
It takes time though until you can effectively learn from documentation as thereβs less hand-holding.
This is a primary method of how professional software developers learn.
This is where you ultimately want to be.
It takes time though until you can effectively learn from documentation as thereβs less hand-holding.
9. YouTube
Whether youβre a beginner or seasoned dev, these are some of the top channels for Frontend Development.
Traversy Media, FreeCodeCamp, Programming With Mosh, Web Dev Simplified, The Net Ninja, Developed By Ed, plus many more.
πΒ youtube.com
Whether youβre a beginner or seasoned dev, these are some of the top channels for Frontend Development.
Traversy Media, FreeCodeCamp, Programming With Mosh, Web Dev Simplified, The Net Ninja, Developed By Ed, plus many more.
πΒ youtube.com
10. Odin Project
A free full stack curriculum supported by a passionate open source community.
Odin Project is absolutely amazing.
They combine teaching concepts & project implementation very well.
I wish I'd known about OP when I was learning.
π theodinproject.com
A free full stack curriculum supported by a passionate open source community.
Odin Project is absolutely amazing.
They combine teaching concepts & project implementation very well.
I wish I'd known about OP when I was learning.
π theodinproject.com
That's the end of this thread.
I simplify software development and getting into techπ‘
Follow @NikkiSiapno for more free tips and free resources.
If you enjoyed this thread, don't forget to like, comment, and retweet the first tweet.
I simplify software development and getting into techπ‘
Follow @NikkiSiapno for more free tips and free resources.
If you enjoyed this thread, don't forget to like, comment, and retweet the first tweet.
Loading suggestions...