ayush seth
AYUSH SETH
interactive home icon Homeinteractive tick icon Shop

interactive tick icon Roadmaps

GATE-CSE RoadmapWebsite DevelopmentAI & Data Scientist RoadmapSoftware Development Engineer
interactive about icon Aboutinteractive tick icon Skillsinteractive project icon Projectsinteractive certificate icon Certifications
Project Request >

WEB DEVELOPMENT

CURRICULUM

0. INTRODUCTIONrecommended

To begin with, you will first learn What is Web Development, What is Frontend-Backend & How does it Works.

1. VISUAL STUDIO CODEsoftware

VS Code is the most popular software for coding a website.

2. HTMLfrontend

Click hereto checkout the Master Full-Stack Web Development course bundle.

3. CSSfrontend

To begin with, you will first learn What is Web Development, What is Frontend-Backend & How does it Works.

bootstrap logo
4. BOOTSTRAPframework (optional)

Bootstrap provides framework to design HTML CSS websites faster.

5. GIT/GITHUBsoftware (recommended)

GitHub is a cloud-based Git repository that helps developers store, manage, track, and control changes to their code.

6. FRONTEND PROJECTwebsite portfolio

Making projects is the best way to learn programming and designing hands on.

7. GITHUB HOSTINGsoftware (recommended)

Once you finish your first website, let’s make it public - or available online - for free using GitHub pages.

8. JAVASCRIPTfrontend

JS is a versatile programming language used in web development. It enables dynamic content on webpages, interactivity, and the manipulation of browser behavior.

9. FRONTEND PROJECT IIe-commerce website

Create a Watch E-Commerce website using HTML CSS & JavaScript.

ADVANCED

Pick a Tech Stack

1. MERN
  • MongoDB(NoSQL database)
  • Express.js(Node.js framework for backend)
  • React.js(frontend library)
  • Node.js(runtime environment for backend)
2. MEAN
  • MongoDB(NoSQL database)
  • Express.js(Node.js framework for backend)
  • Angular(frontend framework)
  • Node.js(runtime environment for backend)
3. MEVN
  • MongoDB(NoSQL database)
  • Express.js(Node.js framework for backend)
  • Vue.js(frontend framework)
  • Node.js(runtime environment for backend)
4. LAMP
  • Linux(operating system)
  • Apache(web server)
  • MySQL(relational database)
  • PHP(server-side scripting language)
5. LAPP
  • Linux(operating system)
  • Apache(web server)
  • PostgreSQL(relational database)
  • PHP(server-side scripting language)
6. Django
  • Django(Python framework for backend)
  • Django REST Framework(for building RESTful APIs)
  • JavaScript frameworks/libraries for frontend(e.g., React.js, Angular, Vue.js)
7. Ruby on Rails
  • Ruby on Rails(Ruby framework for backend)
  • JavaScript frameworks/libraries for frontend(e.g., React.js, Angular, Vue.js)
8. Spring Boot
  • Spring Boot(Java framework for backend)
  • Spring MVC or Spring WebFlux(for building RESTful APIs)
  • JavaScript frameworks/libraries for frontend(e.g., React.js, Angular, Vue.js)
9. Serverless
  • AWS Lambda, Azure Functions, Google Cloud Functions(serverless compute services)
  • NoSQL or SQL databases(e.g., MongoDB, DynamoDB, PostgreSQL)
  • Frontend frameworks/libraries(e.g., React.js, Angular, Vue.js)
GO
PREVIOUSNEXT
PAGE >