When we want to travel, the first thing we need to do is to plan it. To know how much it would cost, where we want to go, how long we need or can stay in the place we are visiting. But I am the kind of person who needs to go beyond that. I like to plan every day of the trip! Every time I have a travel idea I create a Google Map and start pinning all the places I want to go. Then I group the nearest places and begin an itinerary that makes sense with the time I will spend there.

As you can imagine by now, I have to do something similar to that in this project. I need to map all the topics I want to visit so I can follow an itinerary that helps me to get everything I need to be done. So I am going to use this post as my actual roadmap following the steps I choose here, and every time I write the post about the next step, I will come here and add the link to it.

I am going to choose the path that I think is right for me, but maybe it won’t be the same for you. Feel free to be my travel mate and choose different steps on the way as well. The official roadmap gives you the options and suggestions to follow, but in this post, I will only add the steps I decide to take, and maybe change it along the way. Now enough talking, let’s do it:

  • HTML
    • The basics
    • Semantic
    • SEO
    • Accessibility
  • CSS
    • The basics
    • Layouts
    • Media Queries
    • CSS3
  • Javascript
    • The basics
    • DOM manipulation
    • Fetching APIs
    • ES6+ and modular Js
    • The concepts
  • Package Managers
    • npm
    • yarn
  • CSS pre-processors
    • SASS
    • PostCSS
  • CSS frameworks
    • Bootstrap
    • Materialize CSS
    • Bulma
  • CSS architecture
    • BEM
    • OOCSS
  • Build Tools
    • Task runners
      • Gulp
    • Module Bundlers
      • Webpack
    • Linters and Formatters
      • ESLint
      • Prettier
  • Framework
    • Single page applications
    • React.js
      • Redux
      • MobX
    • Vue.js
      • Vuex
  • CSS in Js
    • Styled components
    • CSS Modules
  • Testing
    • Types of testing
    • Jest
    • Cypress
  • Progressive Web Apps
    • Web APIs
      • Storage
      • Web sockets
      • Service workers
    • Performance
      • PRPL Pattern
      • Metrics
      • Light House
      • DevTools
  • Type Checkers
    • TypeScript
    • Flow
  • Server Side Rendering
    • Next.js
    • Nuxt.js
  • Static Site Generator
    • Gatsby.js
  • Desktop Applications
    • Electron
  • Mobile Apps
    • React Native
  • Web Assembly
    • Go

I think that’s it! And just like I do when I travel, I won’t follow the order strictly. I have the itinerary as a guide to help me, not as an obligation. My goal here is to document my travel visiting or revisiting these topics and share good tips, articles, knowledge, and projects that will occur on my way.

But first, it might be nice for you to know about the baggage I carry and the places I already visited. Next post I will introduce myself and tell you my background, so we can start this journey with more context.

See you at the next stop!

Ana.