Become a Full-Stack Web Developer — Free Resources

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
  • Responsive Designs
  • JavaScript
  • Git

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)
  • ReactJS (It’s my favorite but feel free to learn AngularJS too if you want)
  • AngularJS
  • Task Runners

Backend Development:

  • Database
  • NodeJS (Backend Development)
  • Python (With Flask or Django for Backend Development)

Front-End Development

HTML

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

Basics:

Intermediate:

CSS

Basics:

Intermediate:

Responsive Designs

JavaScript

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:

Basics:

Intermediate:

Advanced:

Projects:

Books:

Git

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:

ReactJS

AngularJS

Task Runners

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

Back-End Development

NodeJS

“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:

Basics:

Docs:

Python

Basics:

Advanced:

Databases

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 hi@sepandassadi.com 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.”