MyRoadmap

Not finished yet. Feel free to clone/fork it and do whatever you want to it.

Currently learning: More React, GraphQL, More Node.js, Algorithms and related stuff.

✔️ - I'm comfortable with this.

🚧 - Not 100% but working on it.

💡 - Thinking about it soon.

Nothing - Not yet a priority

Front End Basics

• HTML
  • Seo ✔️
  • Accessibility ✔️
• CSS
  • Responsive / Mobile First design ✔️
  • Flexbox ✔️
  • CSS Grid ✔️
  • Transitions ✔️
  • Animations ✔️
  • Frameworks
    • Bootstrap ✔️
    • Bulma ✔️
    • Material UI ✔️
• Javscript Fundamentals
  • var / let / const ✔️
  • Math operators ✔️
  • Comparison operators ✔️
  • Conditional operators ✔️
  • Data Types ✔️
  • Type Conversion ✔️
  • Functions ✔️
  • Arrow Functions ✔️
  • Callback Functions ✔️
  • IFFE ✔️
  • For Loops ✔️
  • While loops ✔️
  • The switch statement ✔️
  • Scope ✔️
  • 'this' Keyword ✔️
  • Template Literals ✔️
  • DOM Manipulation ✔️
  • Handling Events ✔️
  • Scheduling: setTimeout and setInterval ✔️
  • Ajax and Fetch API ✔️
  • Slice and Splice ✔️
  • Object.keys and Object.values ✔️
• Extras
  • Git and Github ✔️
  • HTTP/HTTPS and APIs ✔️
  • SSH ✔️
  • Terminal Usage and Basic Linux Commands ✔️
  • NPM Scripts and Gulp ✔️
  • Webpack ✔️
  • ESlint ✔️
  • Babel ✔️
  • Static Webpage Hosting ✔️

Intermediate Front-End

• HTML
  • Canvas ✔️
  • WebGL
  • Charts and Graphs
    • Chart.js
    • Chartist ✔️
• CSS | Example App
  • SVG
  • D3
  • Browser Compatibility ✔️
  • Animations
    • Keyframes ✔️
    • Lottie
    • Anime.js ✔️
    • Greensock
  • Sass
    • Variables ✔️
    • Nesting ✔️
    • Partials
    • Import ✔️
    • Mixins ✔️
    • Inheritance
    • Operators ✔️
• Advanced Javscript and ES6+
  • Destructuring ✔️
  • Data Structures ✔️
  • for of / for in ✔️
  • Array.from() Array.of() ✔️
  • Spread and Rest operators ✔️
  • Promises ✔️
  • Sets ✔️
  • Async/Await ✔️
  • Symbols ✔️
  • Generators ✔️
  • Decorators ✔️
  • Proxies ✔️
  • forEach, Filter, Map and Reduce ✔️
  • Maps ✔️
• Functional Programming
  • Ramda 🚧
  • Closure ✔️
  • Higher-Order Functions ✔️
  • Currying and partials ✔️
  • Composition ✔️
  • Purity and Side effects ✔️
  • Point-free Style ✔️
  • Recursion ✔️
  • Functors ✔️
  • Monads 🚧
  • Everything else 🚧
• Object Oriented Programming
  • Prototypal Inheritance ✔️
  • Classes ✔️
  • Property Getters and Setters ✔️
  • Function Binding ✔️
  • Constructors ✔️
• React
  • JSX ✔️
  • Props ✔️
  • State ✔️
  • Virtual DOM ✔️
  • Component Lifecycle Methods ✔️
  • React Router ✔️
  • Functional setState ✔️
  • Hooks ✔️
  • Container and Presentational Components ✔️
  • Functional and Class Components ✔️
  • SyntheticEvent ✔️
  • File structure ✔️
  • Testing
    • Jest ✔️
    • PropTypes ✔️
  • Basic state management
    • MobX ✔️
    • Redux ✔️
• Vue 🚧
  • Templates ✔️
  • Props ✔️
  • Component Basics
    • Data ✔️
    • Computed ✔️
    • Watch 🚧
    • Methods ✔️
  • Directives ✔️
  • Class / Style bindings ✔️
  • $refs ✔️
  • Slots ✔️
  • Component Lifecycle Methods ✔️
  • Vue Router ✔️
  • Event Handling ✔️
  • Dynamic Components ✔️
  • VueX ✔️
  • Transitions
  • Render functions & JSX
  • Mixins
  • Server Side Rendering
• Extras
  • Firebase ✔️

Advanced Front-End

• Javascript
  • Typescript
  • Rxjs
  • Advanced React
    • Controlled components and Control Props
    • Component State Reducers ✔️
    • Providers ✔️
    • Advanced React Patterns
    • Advanced state management
      • State Architecture Patterns ✔️
      • Redux Thunk ✔️
      • Redux Saga ✔️
      • Flux ✔️
• Mobile Development
  • React Native
    • ...
• Electron
  • ...
• Extras
  • Technical Debt
  • Git flow
  • Web Performance
    • CDN ✔️
    • Image Optimization ✔️
    • Webpack Optimizations ✔️
    • Preloading, Caching ✔️
    • Manging Dependencies ✔️
    • Babel Plugins ✔️
    • Web Workers and Multithreading ✔️
    • Cloud functions
    • LazyLoading, Parallel Loading ✔️
    • HTTP/2 ✔️
    • Email Templating

Back-End Basics

• Node.js | Example App
  • Express ✔️
  • WebSockets ✔️
  • Streams ✔️
• MongoDB
  • Mongoose ✔️
  • Schema Design ✔️
  • MongoDB Commands
    • CRUD ✔️
    • Aggregation ✔️
    • Transactions ✔️
• SQL
  • PostgreSQL ✔️
  • Sequelize ORM ✔️
  • SQL Commands
    • CRUD ✔️
    • Aggregation ✔️
    • Transactions ✔️
    • Migrations ✔️
    • Indicies ✔️
    • Filters ✔️
• GraphQL
  • Queries ✔️
  • Mutations ✔️
  • Prisma ✔️
  • Apollo (React) ✔️
  • GraphQL-Yoga (Node.js) ✔️
  • Absinthe (Elixir)
• Authentication
  • Passport.js ✔️
  • JSON Web Tokens ✔️
  • OAuth 2.0 ✔️
• Deployment
  • Docker ✔️
  • Bash 🚧
  • Linux in general 🚧
    • Cron ✔️
    • ...
  • Heroku ✔️
  • VPS
    • PM2 ✔️
    • Nginx ✔️
    • Domains, DNS and CNAMEs ✔️
    • Log Files ✔️
    • Fail2ban ✔️
    • General security ✔️

Intermediate Back-End

• Ruby | Example App

  • String Methods ✔️
  • Array Methods ✔️
  • Hash Methods ✔️
  • Loops ✔️
  • Date & Time ✔️
  • Ranges ✔️
  • Iterators ✔️
  • File I/O ✔️
  • Blocks ✔️
  • Ruby on Rails
    • MVC Pattern ✔️
    • Models ✔️️
    • Views ✔️
    • Controllers ✔️
    • ERB ✔️
    • Debugging ✔️
    • Generators ✔️
    • Built In Helpers ✔️
    • Migrations ✔️
    • ActionCable ✔️
    • File attatchments ✔️
    • Testing 🚧
    • ActiveRecord ✔️
      • Associations ✔️
    • Devise
      • Authentication ✔️
      • Emails ✔️

• Elixir 🚧 | Example App

  • String Methods ✔️
  • Array Methods ✔️
  • Map Methods ✔️
  • Enum Methods ✔️
  • List Methods ✔️
  • Loops / List comprehensions ✔️
  • Structs ✔️
  • Ranges ✔️
  • Pattern Matching ✔️
    • Nested pattern matching 🚧
  • Guards ✔️

• Phoenix

  • Models ✔️️
  • Views ✔️
  • Controllers ✔️
  • Migrations ✔️
  • Sockets ✔️
  • Plugs ✔️
  • ExUnit / Testing ✔️
  • Ecto ✔️
  • Associations ✔️
  • Ecto.Multi ✔️
  • Composing Queries ✔️

• OTP

  • Message Passing ✔️
  • Processes ✔️
  • Genserver ✔️
  • Monitors ✔️
  • Tasks ✔️
  • Supervisors ✔️
  • Agents ✔️
  • ETS tables, caching etc. ✔️
  • Distributed systems
  • Clustering, Networking etc.

Algorithms

• Basics / Data Structures
  • Primitives / Arrays / Objects / Maps / Sets ✔️
  • Big O / Time Complexity ✔️
  • Stacks ✔️
  • Queues ✔️
  • Linked Lists ✔️
  • Trees
  • Hash Tables ✔️
  • Binary Trees ✔️
  • Bloom Filters
  • Tries
• Sorting
  • Bubble Sort ✔️
  • Selection Sort ✔️
  • Insertion Sort ✔️
  • Merge sort ✔️
  • Quick Sort ✔️
  • Heap Sort
  • Radix Sort
• Searching
  • Breadth First Search ✔️
  • Depth First Search
  • In-Order Traversal
  • Pre / Post Order Traversal
• Graphs & Paths
  • Graphs
  • Matrix
  • Adjacency List
• Dynamic Programming
  • ...