Scribd
Upload
2K views

Complete Web Development Roadmap

To become a full stack developer, one needs to learn HTML, CSS, JavaScript, and a backend language. The document recommends learning the frontend technologies (HTML, CSS, JavaScript) to 80%, 60%, and 50% proficiency respectively before moving to the backend. For the backend, popular options include PHP for beginners, Node.js which uses existing JavaScript knowledge, or Python frameworks like Django or Flask. Mastering the core frontend technologies of HTML, CSS, and JavaScript should take priority over frameworks or third-party libraries when first starting out. The document provides learning resources and tools to aid in becoming a full stack developer.

Uploaded by

tarungarg03
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2K views

Complete Web Development Roadmap

To become a full stack developer, one needs to learn HTML, CSS, JavaScript, and a backend language. The document recommends learning the frontend technologies (HTML, CSS, JavaScript) to 80%, 60%, and 50% proficiency respectively before moving to the backend. For the backend, popular options include PHP for beginners, Node.js which uses existing JavaScript knowledge, or Python frameworks like Django or Flask. Mastering the core frontend technologies of HTML, CSS, and JavaScript should take priority over frameworks or third-party libraries when first starting out. The document provides learning resources and tools to aid in becoming a full stack developer.

Uploaded by

tarungarg03
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

How to become a Full Stack Web Developer

If you want to become a full stack developer, you need to know HTML, CSS, JavaScript along
with a backend but making the right choice in an era where there are a lot of options creates a
lot of confusion for newbie developers.

The Bucket Technique


As a part of this technique, we will study each technology just enough to start building sites.
My breakdown for frontend and backend development is as follows:

FrontEnd Development:
➔ 80% HTML
➔ 60% CSS
➔ 50% JavaScript
➔ 20% Database (Insert, Update, Delete)

After you finish learning all these technologies, you will be able to build good designs but it is
not possible to build a stunning website without graphic designing skills. You need to either be a
good designer or refer to some design which is good enough for your site to look amazing!
For that you can either refer to some websites which are already built by great designers or
work on your own design before you get your hands dirty with coding!

BackEnd Development
I recommend following options from a huge list of available options with ​pros ​and ​cons​:
1. PHP -​ Easy to learn, best for beginners, ​limited support of libraries
2. NodeJs - ​JavaScript which you already know from frontend,​ Difficult to learn
JavaScript concepts like callbacks are used
3. Django/Flask (Python based backend Frameworks) -​ Includes ORM, great set of
python libraries, ​need to learn python

Not recommended for beginners


1. Frontend frameworks like react, vue, angular
2. Third party JavaScript, CSS frameworks
3. Website builders

Don't get me wrong here. JavaScript frameworks are amazing but if you want to be a successful
web developer, you need to master HTML, CSS, JavaScript first
Resources to Learn Web Development
1. HTML in one video​ (CodeWithHarry)
2. HTML Cheatsheet ​(https://htmlcheatsheet.com/)
3. Complete Web Development Course ​(CodeWithHarry)
4. CodePen Search ​(CodePen)
5. Php Tutorial ​(CodeWithHarry)
6. Projects Using HTML, CSS, JavaScript ​(CodeWithHarry)

Tools every Web Developer should know about


➔ UX wing​ for Icons
➔ PixaBay ​for free Images
➔ FreeHTML5 ​for free templates
➔ UnSplash ​for Image API
➔ Json Placeholder​ for​ fake Online REST API 
➔ More resources are available on this ​GitHub Repository

You might also like