Scribd
Upload
53 views2 pages

Web Development Roadmap

Uploaded by

Khyathi Kiran
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
53 views2 pages

Web Development Roadmap

Uploaded by

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

WEB DEVELOPMENT ROADMAP:

it is one of the most versatile skills if we want to get into tech .As a student if
we know web we can make projects , apply for internship , we can do freelancing ,
we can use to make or own startup projects or we can learn it as a hobby
step by step path for web development , resources , about average salaries

3 MAJOR COMPONENTS AND PILLARS :


FRONTEND: FRONTEND IS A PART OF THE WEBSITE WHERE AS A USER WE CAN INTERACT AND IT
IS BASICALLY A USER EXPERIENCE . EXAMPLE THE FRONTEND WEBSITE OF GOOGLE PAY
BACKEND: BACKEND IS A PART WHERE THE DATA BASE IS COLLECTED , STORED AND PROCESSED
EXAMPLE:HOW IS THE ONEY DETECTED FROM ONE BANK ACCOUNT TO ANOTHER BANK ACCOUNT
DATA BASES : WHERE OUR DATA IS STORED LARGE COMPANIES HV HUGE AMOUNT OF DATA
STORED.

STEP1-
FRONTEND :
3 TECHNOLOGIES ARE NEEDED TO LEARN FRONT-END
1) HTML
2) CSS
3) JAVASCRIP
HTML(HYPER TEXT MARKUP LANGUAGE)-IS A BASIC STRUCTURE OF A WEBSITE ,CONTENT,BUTTON
CSS(CASCADING STYLE SHEET)-IS THE STYLING OF THE HTML LIKE COLOR , PATTERN ETC
(ADDS STYLE TO WEBSITE)
JAVASCRIPT-IS USED FOR FUNCTIONING OF A WEBSITE , USED FOR ADDING FUNCTIONALITY
THESE ARE THE BASICS OF WEB PAGE
IT TAKES APROX 3 TO 4 MONTHS TO LEARN IT ALONG WITH COLLGE OR ANY OTHER JOB

STEP2-
TO MAKE PROJECTS
1) CLONE
2) PORTFOLIO
3) FRAME WORKS

COLNE-TO REPLICATE THE FRONTEND OF THE BIG WEBSITE LIKE AMAZON, FLIPCART ETC
PORTFOLIO-TO MAKE A SIMPLE SINGLE PAGE PORTFOLIO ABOUT OURSELF
FRAMEWORK-WHICH IS USED FOR CSS TO AMKE CSS EASY , VERY POPULAR EXAMPLE OF
FRAMEWORK IS BOOTSTRAP, OR TAILWIND
ITS NOT NECESSARY TO LEARN ALL LERAING JUST ONE WILL BE ENOUGH BEACUSE ALL ARE
SIMILAR

STEP3
BACKEND:
WE CAN LEARN ANY OF THEM AMONG
1) NODE.JS
2) DJANGP
3)PHP/JAVA
LEARN ANY ONE AMONG THEM
AFTER LEARNING FRONT END WE WILL GET MORE CLARITY ON WHAT TO LEARN AND HOW TO LEARN
FOR BEGINNERS IT IS RECOMMENDED TO LEARN NODE.JS BECAUSE THE CODE IS WRITTEN IN
JAVASCRIPT ITSELF IT IS EASY TO LEARN , PLUS IT IS IN USE IN THE INDUSTRY FOR A
LONG TIME
IF STUDENTS HAVE ALREADY LEARNED PYTHON THEN DJANGO IS RECOMMENDED
PHP AND JAVA IS RECOMMENED TO LEARN AFTER GAINING SOME EXPERIENCE
BACKEND IS NOT JUST A SMALL THING IT HAS
1) PROTOCOLS
2)API
3)REQUESTS
4)RESPONSE CYCLE
5) ERROR HANDALING
6) TEMPLATING

IN BACKEND ANOTHER IMPORTANT TO LEARN IS DATA BASES


THERE ARE 2 TYPES
1) SQL
2)MANGODB
SQL IS USED WHEN DATA IS STORED IN THE FORM OF TABLES
MOANGODB IS USED TO STORE DATA IN ANYOTHER WAY THAN TABLE FORM
IF UR LEARNING NODE.JS IT IS RECOMMENED TO LEARN MANGODB
IF UR LEARNING DJANGP IT IS RECOMMENED TO LEARN SQL

STEP4
ESSENTIALS:
WEB DEVELOPMENT IS NOT JUST LEARNING ABOUT FRONTEND AND BACKEND IT IS ABOUT
LEARNING THE ENTIRE PROCESS
IN WHICH THERE AARE 3 TYPES , ONE CAN KEARN IT ANY TIME
ITS NOT RELATED TO DEVELOPMENT IT IS RELATED TO PROGRAMMING
1)TERMINAL COMMANDS
2)GIT/GITHUB
3)DEPLOYMENT
BASIC TERMINAL COMMANDS- HOW TO COMMAND OUR COMPUTERS BY USING TERMINALS TO ACCES
THE FILES, ACESS THE DATA ETC
GIT/GITHUB-VERSION CONTROL SYSTEM
DEPLOYMENT-TO MAKE A LINK TO SEND OUR PROJECTS TO SHARE IT TO UR FRIENDS, HOSTING
PROJECT

STEP5-
TO COME TO STEP 5 WE MIGHT TAKE 4 TO 5 MONTHS TO COMPLETE EVERYTHING
FULL STACK PROJECTS :
TO MAKE END TO END PROJECTS USING FRONTEND AND BACKEND
NEED TO MAKE ATLEAST 2 TO 3 PROJECTS

STEP 6-
APPLYING FOR INTERNSHIPS , JOBS , RESUME ETC

You might also like