Front end study path

A personal study path for front end development.

Descriptions

I'm a back end developer. In the past, I worked as a front end developer. The front end development it's a field that moves fast, and now I feel like I'm too far behind, I don't like that.

This personal study path is the first step to become a great front end developer.

Why? Because it's a new challenge to improve myself.

My study path is based on this great post.

I'll use Visual Studio Code as my editor of choice, because I'm already using it and it's a pretty good and reliable editor.

Path

First iteration: Refreshing the basics

---

HTML & CSS

• Chapter 1
• Chapter 2
• Chapter 3
• Chapter 4
• Chapter 5
• Chapter 6
• Chapter 7
• Chapter 8
• Chapter 9
• Chapter 10
• Chapter 11
• Chapter 12
• Chapter 13
• Chapter 14
• CSS Grids

Refreshing JavaScript

• Read all the re-introduction to JavaScript

Accessibility

• Read the Mozilla guide

Second iteration: Deep dive CSS

---

Package manager

• Yarn getting started

CSS Architectures

• BEM

CSS Frameworks

• TailwindCSS
• PostCSS
• Bootstrap
• Semantic-UI

CSS Pre-processors

• SASS

Third iteration: Javascript and ReactJS

---

Javascript

• Scope & Closures
• this & Object Prototypes
• Types & Grammar
• Async & Performance
• ES.Next & Beyond

ReactJS

• Read fullstackreact and do the exercises