Become a Full-Stack Web Developer — Free Resources

Sepand Assadi
Apr 24, 2018 · 5 min read

The list below isn’t meant to be exclusive!!! It’s a collections of links, videos, articles and videos that helped me and over 200+ students that I helped for the past 2 years to become a web developer. It’s more focused on JavaScript (React.js and Node.js) since that’s my area of expertise along with CSS, HTML and other skills required to become a full-stack developer.

Shout out to this author for putting together a great list of resources.

Big Picture

Learning How to Learn

I suppose you decided to follow your dream or change your career path a bit if you are still reading this!!! Reading a new topic could be rather challenging but most definitely rewarding at the end. I DO recommend watching this free course — learning how to learn.

Getting the Basics

Here’s the basics you need to learn:

  • HTML & CSS

Now once you are a master of the topics above (And I mean really know it inside out) then continue your learning path with these:

Frontend Development:

  • CSS Preprocessors (Less, Sass & PostCSS)

Backend Development:

  • Database

Front-End Development


Here is a list of some of the best HTML courses to start with (All Free):






Responsive Designs


Now here’s the most crucial point of your web development… Make sure to dedicate extra effort and time to learn the JavaScript inside out. 1 piece of advice I can give is to NOT start learning or experiencing any JS framework (React, Angular etc…) unless you are 110% comfortable and knowledgeable in vanilla JavaScript. Here’s some of the resources:







CSS Preprocessors

At this point there are dozens of CSS preprocessors that you could learn, however here’s the list of the ones that I personally used for the past couple of years:



Task Runners

The Ultimate List of Best Free Tools & Resources for Front-End Web Developers

Back-End Development


“Node.js is an open-source, cross-platform JavaScript run-time environment that executes JavaScript code server-side” aka back-end development. There are other languages for back-end development including but not limited to Python, Ruby, PHP and Java.

Here’s a list of resources on learning NodeJS:







You have come a long way, learning all these topics were not easy but it is definitely rewarding to get to this point right?. Please feel free to reach out to me at if you have any questions or concerns.

Also look for the next article I will share soon on “How to land a job as a Front-End Developer — Free Resources”.

Best of luck,

“Success is no accident. It is hard work, perseverance, learning, studying, sacrifice and most of all, love of what you are doing or learning to do.”

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch
Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore
Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store