Free Best Resources to Become Full Stack Web Developer

(Detailed Roadmaps, Youtube Videos, Websites, Projects & Certifications)

Detailed Roadmap for Full Stack Developer (Refer to the below link)

https://www.geeksforgeeks.org/full-stack-developer-roadmap/

Start with Front-End Development

Step 1: Learn HTML & CSS

Websites

●​ https://www.w3schools.com/js/default.asp

●​ https://www.freecodecamp.org/learn/

●​ https://www.theodinproject.com/

Youtube videos

●​ https://www.youtube.com/watch?v=dX8396ZmSPk&t=11s

●​ https://www.youtube.com/watch?v=HcOc7P5BMi4&t=1s

●​ https://www.youtube.com/watch?v=G3e-cpL7ofc

●​ https://www.youtube.com/watch?v=dX8396ZmSPk&t=12s

Step 2: Learn JavaScript

Websites

●​ https://www.w3schools.com/js/default.asp

●​ https://www.freecodecamp.org/learn/

Youtube Videos

●​ https://www.youtube.com/watch?v=PkZNo7MFNFg

●​ https://youtube.com/playlist?list=PLGjplNEQ1it_oTvuLRNqXfz_v_0pq6unW&si=_sw
Nn114OR8g2v0Z

●​ https://www.youtube.com/watch?v=EerdGm-ehJQ

Step 3: Start doing Basic Projects using HTML, CSS & JavaScript

●​ https://javascript30.com/

●​ https://github.com/SudeepAcharjee/The-50-Front-end-Project

●​ https://www.youtube.com/watch?v=oFnIe-RpkE4
 ●​ https://youtube.com/playlist?list=PLu0W_9lII9aiQiOwthuSvinxoflmhRxM3&si=7OXI4p
uYP6X51Afj

●​ https://www.youtube.com/@SonnySangha

Step 4: Learn Frameworks and Libraries

(i) TailWind:

●​ https://v2.tailwindcss.com/docs

●​ https://www.youtube.com/@TailwindLabs

●​ https://youtube.com/playlist?list=PLu0W_9lII9ahwFDuExCpPFHAK829Wto2O&si=S2
O1fBZvvmPXBnbI

(ii) React JS:

●​ https://youtube.com/playlist?list=PLu0W_9lII9agx66oZnT6IyhcMIbUMNMdt&si=CBR
KU1_Fkp4-wZ3M

●​ https://react.dev/

●​ https://www.w3schools.com/REACT/DEFAULT.ASP

●​ https://www.youtube.com/watch?v=x4rFhThSX04

(iii) Next.js:

●​ https://youtube.com/playlist?list=PLu0W_9lII9agtWvR_TZdb_r0dNI8-lDwG&si=Ny0U
dBA1JODqH86e

●​ https://www.youtube.com/watch?v=aZZrEE_UsIk

●​ https://www.youtube.com/watch?v=dImgZ_AH7uA

●​ https://youtube.com/playlist?list=PLC3y8-rFHvwjOKd6gdf4QtV1uYNiQnruI&si=Dcuq
UYkILXaKSSgL

●​ https://nextjs.org/

●​ https://www.geeksforgeeks.org/nextjs/

Congratulations, You’re a Front-End Developer Now!

Detailed Roadmap for Back-End Developer -

Step 1: Learn Programming Language (Preferably Java & Python)

Java

YouTube Videos

●​ https://youtube.com/playlist?list=PLsyeobzWxl7pe_IiTfNyr55kwJPWbgxB5&si=2kGH
RIqYHw0sFw1T
●​ https://youtube.com/playlist?list=PLu0W_9lII9agS67Uits0UnJyrYiXhDS6q&si=0D-jLO
tbELksQilI

Python

YouTube Videos

●​ https://youtube.com/playlist?list=PL-osiE80TeTt2d9bfVyTiXJA-UTHn6WwU&si=9ING
_XKiJKrSYDgR

●​ https://youtube.com/playlist?list=PLu0W_9lII9agwh1XjRt242xIpHhPT2llg&si=uY9q2c
eGXI6bmQI4
PHP

YouTube Videos

●​ https://youtube.com/playlist?list=PLr3d3QYzkw2xabQRUpcZ_IBk9W50M9pe-&si=vR
-N1u5eo8I4Odgj

●​ https://youtube.com/playlist?list=PLu0W_9lII9aikXkRE0WxDt1vozo3hnmtR&si=mB8b
TQhDOSxxsTMh

Step 2: Learn Frameworks (Next.js has already been added)

(i) Node.js (if you have learnt JavaScript, then learn this and the Next.js framework)

●​ https://youtube.com/playlist?list=PLC3y8-rFHvwh8shCMHFA5kWxD9PaPwxaY&si=G
T4-JMvNZ32jmb6U
●​ https://www.youtube.com/watch?v=TlB_eWDSMt4
●​ https://www.w3schools.com/nodejs/
●​ https://www.geeksforgeeks.org/nodejs/

(ii) Django (if you have learnt Python, then learn this framework)

●​ https://www.youtube.com/watch?v=rHux0gMZ3Eg
●​ https://www.youtube.com/watch?v=F5mRW0jo-U4&t=302s
●​ https://www.w3schools.com/django/

(iii) Springboot (if you have learnt Java, then learn this framework)

●​ https://www.youtube.com/watch?v=UgX5lgv4uVM
●​ https://www.youtube.com/watch?v=vtPkZShrvXQ

(iv) Laravel (if you have learnt PHP, then learn this framework)

●​ https://www.youtube.com/watch?v=Ea1gVO53lDY
●​ https://www.youtube.com/watch?v=ImtZ5yENzgE

Step 3: Learn Database Management System Languages

(i) MongoDB
https://youtube.com/playlist?list=PL4cUxeGkcC9h77dJ-QJlwGlZlTd4ecZOA&si=eDjwQllJX1
aZbRPj

(ii) MySQL
https://www.youtube.com/watch?v=HXV3zeQKqGY
https://www.youtube.com/watch?v=hlGoQC332VM
(iii) PostgreSQL
https://www.youtube.com/watch?v=qw--VYLpxG4

Step 4: Learn API Protocol (Refer to the below link in which API Protocol theory is
available)

https://www.geeksforgeeks.org/what-is-an-api/

Congratulations, You’re a Full Stack Developer Now!

➔​ Projects on Full Stack Web Development

●​ https://youtube.com/playlist?list=PLChiukrA-RMOEB1PRQqB1NITIRsDz9pIN&si=6n-
zba1OxHYDGPjs
●​ https://www.wscubetech.com/blog/full-stack-project-ideas/
●​ https://www.fynd.academy/blog/full-stack-projects
●​ https://www.geeksforgeeks.org/web-development-projects/

➔​ Free Certifications to add to your resume

●​ https://www.freecodecamp.org/learn/
●​ https://www.edx.org/learn/web-development/harvard-university-cs50-s-web-program
ming-with-python-and-javascript
●​ https://www.sololearn.com/en/learn/courses/web-development

ALL THE BEST