Full Stack Development Journey

My personal developer learning roadmap

Introduction

This is a log of my personal journey of growing as a developer. Over the last few years, I have been learning C++ & Web Development and have gotten to a point where my learning has more or less stagnated, while I have hardly learned all there is to know about either.

This Github repo was created mostly to document my journey of learning but was also created for anyone who wants to follow along with the same tutorials and projects that I did.

Note that this is just my personal journey of "filling in the blanks" of knowledge that I didn't have previously

Without too much talking, let's get started!

---

Table of Contents

• Introduction
• What's Covered?
• What I Knew Going In

• Topic 1 - Git Basics
• Topic 2 - Intro to The Front End
• Topic 3 - JS Frameworks
• Topic 5 - Misc Front End
• Topic 7 - Apps
• Topic 8 - Other Languages

---

What's Covered?

Web portion is based off of Web Developer Roadmap 2020

• Topic 1 - Git Basics
• Topic 2 - Intro to The Front End
  • Modern HTML
  • Basics of CSS
    • Positioning
    • Display
    • CSS Grid
    • Flex Box
    • Media Queries
    • Variables
• Topic 3 - JS Frameworks
  • React
    • Context
  • Svelte
• Topic 4 - Modern CSS
  • Styled Components
  • CSS Modules
  • Styled JSX
• Topic 5 - Misc Front End
  • Sass
  • Webpack
  • Next.js
  • GraphQL
• Topic 6 - General Back End
  • Database Knowledge
  • OAuth
  • Token Authentication
  • REST APIs
  • Express
• Topic 7 - Apps
  • React Native
  • Flutter
• Topic 8 - Other Languages
  • Modern C++
  • GoLang
  • Rust
  • Elixir
  • Kotlin
• Topic 9 - Misc
  • Learning (how to properly use) VSCode
  • Webasm
  • CMake

---

What I Knew Going In

Before starting this challenge, I had been learning on my own and making little projects with (HTML, CSS, JQuery/JS), C++, Python, NodeJs for several years. The only formal education in coding I had gotten was a year-long certificate program back in 2018 at UCSD Extension which had allowed me to get a firm grasp on the fundamentals of C/C++.

---

Topic 1 - Git Basics

Resources I used:

• Learn Git In 15 Minutes by Colt Steele
• Git Explained in 100 Seconds
• GitHub Pull Request in 100 Seconds
• Git it? How to use Git and GitHub

Topic 2 - Intro to The Front End

Resources I used:

• Free Code Camp
• Free Code Camp - HTML5, CSS3 Full Course
• CSS Media Queries
• CSS Common Mistakes
• Scrimba: CSS Flexbox
• Scrimba: CSS Grid
• Scrimba: CSS Variables

Topic 3 - JS Frameworks

Resources I used:

• Scrimba: Learn React for Free
• Deploying A React App on Netlify

Projects:

• matthewlin.dev - Redesign of my portfolio website in React!

Topic 5 - Misc Front End

Resources I used:

• TypeGraphQL tutorial by Benawad
• Testing GQL Apis
• GQL Security
• General NodeJS Express Tutorial
• GQL SQL Tutorial
• Verifying User Emails: GQL

Topic 7 - Apps

Resources I used:

• React Crash Course
• Mistakes in React Native
• Free Code Camp: Flutter Crash Course
• Crating a Custom Appbar in Flutter
• Creating a Custom Bottom Bar Flutter

Topic 8 - Other Languages

Rust resources:

• Get Start
• Rust Playground
• Rust Guide That I Used