[go: up one dir, main page]
Scribd
Upload
44 views2 pages

Full-Stack Web Dev Plan

This 12-week learning plan outlines a structured approach to full-stack web development, starting with HTML and CSS, progressing through JavaScript and React, and culminating in backend development with Node.js and MongoDB. Each section includes recommended resources and projects to reinforce learning, such as a personal portfolio website and a full-stack personal site. Ongoing tools and resources are also suggested for continuous practice and reference.

Uploaded by

jjyoungside
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
44 views2 pages

Full-Stack Web Dev Plan

This 12-week learning plan outlines a structured approach to full-stack web development, starting with HTML and CSS, progressing through JavaScript and React, and culminating in backend development with Node.js and MongoDB. Each section includes recommended resources and projects to reinforce learning, such as a personal portfolio website and a full-stack personal site. Ongoing tools and resources are also suggested for continuous practice and reference.

Uploaded by

jjyoungside
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

12-Week Full-Stack Web Development Learning Plan

Weeks 1-2: HTML & CSS (Frontend Basics)

- Learn HTML5: structure, forms

- Learn CSS: styling, Flexbox, Grid, responsive design

Resources:

- freeCodeCamp (Responsive Web Design)

- Flexbox Froggy, Grid Garden

Project: Personal portfolio website (static)

Weeks 3-4: JavaScript (Frontend Logic)

- JS basics: variables, functions, DOM, events

Resources:

- freeCodeCamp (JS basics)

- JavaScript.info

Project: To-do list app (with local storage)

Weeks 5-6: Advanced JS + Git

- ES6 features, Git & GitHub basics

Resources:

- freeCodeCamp (ES6)

- GitHub Handbook

Project: Add Git to previous projects

Weeks 7-8: React

- JSX, components, state, props, forms

Resources:

- React.dev (official docs)

- freeCodeCamp React

Project: Weather app using API


12-Week Full-Stack Web Development Learning Plan

Weeks 9-10: Backend with Node.js, Express, MongoDB

- Node & Express basics, MongoDB, REST APIs

Resources:

- Odin Project (Node path)

- MongoDB University (M001)

Project: Blog with backend (create/read posts)

Weeks 11-12: Full Stack Integration & Deployment

- Connect frontend & backend, deploy site

Resources:

- Netlify, Vercel (frontend)

- Render, Railway (backend)

Project: Full-stack personal site with blog/contact

Ongoing Tools & Extras

- MDN Web Docs: Best reference

- Excalidraw: Visualize ideas

- JavaScript30: Practice small projects

You might also like