[go: up one dir, main page]
Scribd
Upload
45 views3 pages

Full Stack Dev 6 Month Roadmap

Uploaded by

osmanabdulkadir283
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
45 views3 pages

Full Stack Dev 6 Month Roadmap

Uploaded by

osmanabdulkadir283
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/ 3

6-Month Full Stack Development Roadmap

Month 1: Foundations

Goals:

- Understand programming basics

- Learn HTML, CSS

- Master Git & GitHub

Topics & Repos:

- Git & GitHub: learn-git (https://github.com/trekhleb/learn-git)

- HTML/CSS: 30-Days-Of-CSS-Challenge (https://github.com/Asabeneh/30-Days-Of-CSS-Challenge)

- Programming Basics: TheAlgorithms/Python (https://github.com/TheAlgorithms/Python) or JavaScript

Tasks:

- Build a basic portfolio site (HTML + CSS)

- Push code to GitHub

Month 2: JavaScript Mastery

Goals:

- Deep dive into JavaScript fundamentals

Topics & Repos:

- Core JS: You Don't Know JS (https://github.com/getify/You-Dont-Know-JS)

- Data Structures & Algorithms: javascript-algorithms (https://github.com/trekhleb/javascript-algorithms)

Tasks:

- Build 2-3 small projects: calculator, to-do list, etc.

- Solve 15-20 DSA problems in JavaScript

Month 3: Frontend Framework (React)

Goals:
6-Month Full Stack Development Roadmap

- Learn React.js and state management

- Start working with APIs

Topics & Repos:

- React: reactjs.org (https://github.com/reactjs/reactjs.org)

- Awesome React: enaqx/awesome-react (https://github.com/enaqx/awesome-react)

Tasks:

- Build a weather app, GitHub finder, or blog UI using React

- Consume REST APIs using fetch or Axios

Month 4: Backend with Node.js + Express

Goals:

- Create RESTful APIs

- Connect backend with frontend

Topics & Repos:

- Node.js: nodebestpractices (https://github.com/goldbergyoni/nodebestpractices)

- MongoDB (NoSQL): awesome-mongodb (https://github.com/ramnes/awesome-mongodb)

Tasks:

- Build a REST API (e.g., user management, blog)

- Connect React frontend to Node.js backend

Month 5: Full Stack Projects

Goals:

- Apply everything in real-world apps

- Learn authentication, CRUD, etc.

Projects & Repos:


6-Month Full Stack Development Roadmap

- RealWorld Examples: gothinkster/realworld (https://github.com/gothinkster/realworld)

- FreeCodeCamp Projects: freeCodeCamp (https://github.com/freeCodeCamp/freeCodeCamp)

Tasks:

- Build 1-2 full stack apps (with user login, backend API, and DB)

- Example: Blog with comments and auth

Month 6: Deployment & Advanced Topics

Goals:

- Learn deployment (Vercel, Netlify, or Docker)

- Study system design + interview prep

Topics & Repos:

- CI/CD: awesome-ciandcd (https://github.com/cicdops/awesome-ciandcd)

- System Design: system-design-primer (https://github.com/donnemartin/system-design-primer)

- Interview Prep: coding-interview-university (https://github.com/jwasham/coding-interview-university)

Tasks:

- Deploy your full stack app

- Create a resume + GitHub portfolio

- Prepare for interviews

You might also like