Scribd
Upload
21 views4 pages

100 Day Software Developer Roadmap

The document outlines a comprehensive 100-day curriculum for learning programming and web development, divided into three phases. Phase 1 covers HTML, CSS, Python, JavaScript, and version control; Phase 2 focuses on Flask, SQL, and full-stack integration; and Phase 3 introduces React.js, Node.js, and capstone projects. Each week includes specific topics and projects to reinforce learning and practical application.

Uploaded by

olatoyeisrael2008
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
21 views4 pages

100 Day Software Developer Roadmap

The document outlines a comprehensive 100-day curriculum for learning programming and web development, divided into three phases. Phase 1 covers HTML, CSS, Python, JavaScript, and version control; Phase 2 focuses on Flask, SQL, and full-stack integration; and Phase 3 introduces React.js, Node.js, and capstone projects. Each week includes specific topics and projects to reinforce learning and practical application.

Uploaded by

olatoyeisrael2008
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/ 4

Phase 1: Programming & Web Foundations (Days 1-30)

Week 1 (Days 1-7): HTML & CSS Basics

Day 1: Intro to HTML - headings, paragraphs, links, images

Day 2: Lists, tables, forms

Day 3: CSS Basics - selectors, colors, fonts

Day 4: Box model, padding, margin, border

Day 5: Flexbox layout

Day 6: Responsive design with media queries

Day 7: Build your first responsive website (mini project)

Week 2 (Days 8-14): Python Programming Basics

Day 8: Python setup, syntax, variables, data types

Day 9: Operators, input/output, string formatting

Day 10: Conditional statements (if, elif, else)

Day 11: Loops (for, while)

Day 12: Lists, tuples, dictionaries

Day 13: Functions and scope

Day 14: Practice project (e.g. number guessing game)

Week 3 (Days 15-21): JavaScript Fundamentals

Day 15: JS setup, variables, data types

Day 16: Operators, conditionals

Day 17: Loops & functions

Day 18: Arrays and objects

Day 19: DOM manipulation

Day 20: Events and form handling

Day 21: Mini project (JS calculator or interactive form)

Week 4 (Days 22-30): Version Control + Portfolio

Day 22: Git basics - init, add, commit

Day 23: GitHub - create repo, push project

Day 24: Branching & merging


Day 25: Create a personal GitHub portfolio repo

Day 26: Combine HTML/CSS/JS into a portfolio homepage

Day 27: Host portfolio on GitHub Pages

Day 28-30: Build a mini personal website with Python backend (CLI app or simple Flask app)

Phase 2: Full-Stack Foundations (Days 31-60)

Week 5 (Days 31-37): Python Web with Flask

Day 31: Flask basics - routing and templates

Day 32: Templating with Jinja2

Day 33: Forms and handling POST/GET

Day 34: Static files (CSS, images)

Day 35: Building a simple blog

Day 36: Connect to SQLite database

Day 37: Deploy with PythonAnywhere

Week 6 (Days 38-44): SQL and Databases

Day 38: SQL Basics - SELECT, INSERT

Day 39: UPDATE, DELETE, filtering

Day 40: Relationships and JOINS

Day 41: SQL Project - User database

Day 42: ORMs (SQLAlchemy intro)

Day 43-44: Build database for blog site

Week 7 (Days 45-51): JavaScript Projects + APIs

Day 45: Review JS DOM and Events

Day 46: Intro to Fetch API

Day 47: JSON and working with APIs

Day 48: Project - Weather app using an API

Day 49: Project - Currency converter

Day 50: Project - Movie search app

Day 51: Polish and push projects to GitHub


Week 8 (Days 52-60): Full-Stack Integration

Day 52-54: Combine Flask backend + JS frontend

Day 55-57: Create blog or to-do list app with DB

Day 58-59: Test, fix bugs, deploy to Heroku

Day 60: Showcase project on your portfolio

Phase 3: Front-End Framework + Final Projects (Days 61-100)

Week 9 (Days 61-67): React.js Basics

Day 61: React setup, JSX, components

Day 62: Props and State

Day 63: Handling Events, Lists

Day 64: Forms in React

Day 65: React Router

Day 66: Fetch API with Axios

Day 67: Mini project (To-Do App in React)

Week 10 (Days 68-74): Back-End with Node.js & Express

Day 68: Node.js basics

Day 69: Express.js setup and routing

Day 70: Middleware and templating

Day 71: REST API basics

Day 72: Connect Express with MongoDB

Day 73: CRUD API with Express + MongoDB

Day 74: Test API with Postman

Week 11 (Days 75-81): Authentication & Deployment

Day 75: JWT Authentication

Day 76: Session & Cookies

Day 77: User login/signup in full-stack app

Day 78: Hosting MongoDB with Atlas

Day 79: Deploy to Render/Netlify

Day 80: Backup/Export GitHub repo


Day 81: Blog your development journey

Week 12-13 (Days 82-100): Capstone Projects & Final Touches

Day 82-90: Capstone project (choose 1):

- Full-stack blog platform

- E-commerce app

- Social media app

- Chat app

Day 91-95: Final testing, responsive design

Day 96-98: Deploy capstone project

Day 99: Update portfolio and LinkedIn

Day 100: Reflect on progress, plan next 100 days (DSA, mobile dev, cloud, or advanced frameworks)

You might also like