https://github.com/smcnab1/fullstack-learning
My personal roadmap, notes, and projects for learning full-stack web development — from HTML to React, Node.js, TypeScript, and beyond.
https://github.com/smcnab1/fullstack-learning
css developer-roadmap fullstack-learning github-actions html javascript learning-project nodejs projects react roadmap self-taught study-notes typescript web-development
Last synced: 6 months ago
JSON representation
My personal roadmap, notes, and projects for learning full-stack web development — from HTML to React, Node.js, TypeScript, and beyond.
- Host: GitHub
- URL: https://github.com/smcnab1/fullstack-learning
- Owner: smcnab1
- Created: 2025-07-21T14:04:58.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2025-07-22T11:00:08.000Z (7 months ago)
- Last Synced: 2025-08-02T06:19:06.706Z (6 months ago)
- Topics: css, developer-roadmap, fullstack-learning, github-actions, html, javascript, learning-project, nodejs, projects, react, roadmap, self-taught, study-notes, typescript, web-development
- Language: HTML
- Homepage:
- Size: 117 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🧠 Full Stack Developer Learning Journey
Welcome to my personal repository for learning full-stack web development. This space is dedicated to tracking my progress, taking notes, building projects, and reflecting on my journey from HTML basics to advanced topics like server-side rendering and cloud deployment.
## 🚀 What I'm Learning
Following structured content from:
- [The Odin Project](https://www.theodinproject.com/paths/foundations/courses/foundations)
- [freeCodeCamp Full Stack Developer](https://www.freecodecamp.org/learn/full-stack-developer/)
- [Web Dev Roadmap (YouTube)](https://www.youtube.com/watch?v=dPMk6_HTBq8)
## 🛤️ My Learning Path
1. HTML
2. CSS
3. JavaScript
4. DOM Manipulation
5. JavaScript Deep Dive
6. Fetch API & Async Programming
7. Terminal & Git
8. Node.js & Express
9. Databases (SQL & NoSQL)
10. React.js
11. TypeScript
12. Networks & Protocols
13. Cloud & DevOps Basics
14. Web Security
15. Server-Side Rendering (SSR)
Detailed tracker: [`00-ROADMAP.md`](./00-ROADMAP.md)
## 🧩 Repository Structure
```
.
├── 00-ROADMAP.md # Checklist of progress
├── 01-NOTES/ # Notes for each topic
├── 02-EXERCISES/ # Code practice and mini-tasks
├── 03-PROJECTS/ # Hands-on projects
├── 04-RESOURCES/ # Cheatsheets and links
├── 05-REFLECTIONS/ # Weekly reflections
└── README.md
```
## ✅ Usage
- Use issues to track challenges or questions
- View roadmap for up-to-date progress
- Browse `/PROJECTS` for finished hands-on work
## 📫 Feedback or Tips?
Open an issue or drop me a message if you want to collaborate or have suggestions!