I created my learning path using roadmap.sh and took suggestions from Google/Reddit/YouTube. Using Figma, I made my path look more viable achievable to me.
My learning path
Path last updated: 8/24/24
My detailed learning path
Path last updated: 8/24/24
- VSCodium
- Pomatez (FOSS) - Pomodoro timer to help me focus, take breaks, and prevent mental burnout.
- I'm doing 40 minutes of work blocks / 6 minute short breaks / 20 minute long breaks
- AnyType - Similiar to Obsidian/Notion
- Google Chrome | Firefox
- Frontend Roadmap | JavaScript Roadmap | ReactJS Roadmap
- freeCodeCamp Responsive Web Design (Rest of assignments and more)
- Dave Gray's Complete CSS Course - YouTube
- Learning CSS Grid - Scrimba
- Getting Started with Grid WITHOUT being overwheled - Kevin Powell YouTube
- Learning CSS Grid the Easy Way - Kevin Powell YouTube
- Learning CSS Flexbox - Scrimba
- Learn Flexbox the Easy Way - Kevin Powell YouTube
- CSS Selectors Beyond the Basics - Kevin Powell YouTube
- The Secret to mastering CSS Layouts - Kevin Powell YouTube
- Learning Responsive Web Design - Scrimba
- CSS Grid Garden Game
- CSS Flexbox Froggy Game
- FCC Survey
- FCC Tribute Page
- FCC Technical Documentation
- FCC Product Landing Page
- FCC Personal Portfolio
- Testing CSS Grid Skills using MDN
- Testing CSS Flexbox Skills using MDN
- Learning JavaScript- Scrimba
- Introduction to ES6+ - Scrimba
- Future Project Here
- Git Tutorial for Beginners - Programming with Mosh YouTube
- Learning ReactJS - Scrimba
- Future Project Here
- Learning Tailwind CSS - Scrimba
- Future Project Here