/becoming-a-full-stack-developer

Becoming a Full Stack Developer for beginners - Roadmap

Becoming a Full Stack Developer (For Beginners)

Recently I have met many people who want to start their careers as Full Stack Web Developers / Frontend Developers. Most of them do not have any degree in Computer Science so they face many difficulties with how to start , what to learn , how to find resources for learning etc…

I have decided to help them and provide a learning path/roadmap that these guys can use in this journey. I will try to put links for tutorials, videos, and books that can be followed one by one to become successful in this endeavor.

1. Basic Programming Skills:

To start this journey, basic programming knowledge is required, which users can get using the following any of the following courses

  1. C Tutorial by Apna College Youtube Link: https://www.youtube.com/watch?v=irqbmMNs2Bo&t=964s

  2. C++ And DSA by Apna College: Youtube Link: https://www.youtube.com/watch?v=z9bZufPHFLU&list=PLfqMhTWNBTe0b2nM6JHVCnAkhQRGiZMSJ

  3. Java Complete Course by Apna College Youtube Link: https://www.youtube.com/watch?v=yRpLlJmRo2w&list=PLfqMhTWNBTe3LtFWcvwpqTkUSlB32kJop

2. Web Development Basics:

After learning two programming languages C and C++ which gave you a basic foundation, now we will jump straight into learning of basic blocks of Web Programming. Here is the list:

  1. HTML Tutorial by Apna College:

Youtube Link: https://www.youtube.com/watch?v=HcOc7P5BMi4&t=9s

  1. Another HTML Course By Tech Gun:

HTML Tutorial in Hindi | Complete HTML Course For Beginners to Advanced | HTML Tutorial For Beginner

  1. CSS Tutorial by Tech Gun

Youtube Link:

CSS Tutorial in Hindi | Complete CSS Course For Beginners to Advanced | Step By Step Tutorial [2023]

  1. Javascript Tutorial By Tech Gun:

Youtube Link: 🎯 Complete JavaScript Tutorial In Hindi for Beginners With Projects [Part-1] | JS Tutorial in 2023

3. Web Development Advanced:

Now Once you have some knowledge of the basic elements of Web Programing, let's dive into learning some advanced concepts for website designing.

There are various frameworks out there that can be used to help in creating stunning websites by using some predefined classes and elements. One such major framework which is widely used is Bootstrap.

https://getbootstrap.com/

Youtube Link:

Bootstrap Tutorial in Hindi With 2 Projects for Beginners | Complete Bootstrap 5 Tutorial in Hindi

If you reached here then you know all the elements to design a website properly, but generally, when you are working as a frontend developer/designer in some company most of the time you get the requirement in form of PSD (photoshop templates)/ Adobe Figma design/wireframes, etc…, so to learn how to process these, please also do watch this tutorial:

Youtube Link:

🎯How to convert PSD to HTML - Tutorial in Hindi | How To Make Website Using HTML & CSS | Responsive

If you have mastered all things discussed above you can start applying for the HTML Designers role.

But if you want to become a real frontend developer and get a high-paying job, then you need to learn a few more frameworks that are based on Javascript and used to create SPAs (Single Page Applications) / PWAs (Progressive Web Applications). Two such popular frameworks are:

  1. React:- https://reactjs.org/

Youtube Link: react tutorial in Hindi #1 Introduction

Udemy Link (Paid Course generally can be purchased under 500 INR): https://www.udemy.com/course/react-redux/

  1. Angular:- https://angular.io/

Youtube Link: Angular 10 Hindi tutorial #1 Introduction

Udemy Link (Paid Course generally can be purchased under 500 INR): https://www.udemy.com/course/the-complete-guide-to-angular-2/

If you have mastered any one of the above i.e either React or Angular, you can call yourself a Frontend Developer.

Note :- I will be adding all the links for Backend Development soon in this document.