/front_100_days_roadmap

The recommended day-by-day front end activities

Atividades recomendadas

Dias 1–8: HTML

  1. Aprenda o básico
  2. Semântica do HTML5
  3. SEO Básico
  4. Accessibilidade

Dias 9–16: CSS

  1. Aprenda o básico
  2. Construindo layouts
  • Floats
  • Posicionamento
  • Display
  • Box Model
  • CSS Grid
  • Flex Box
  1. Media Queries
  2. Leia sobre CSS3

Dias 17–24: JavaScript Básico

  1. Sintaxe e construtores
  2. Aprenda sobre manipulação de DOM
  3. Leia sobre Fetch API
  4. Módulos ES6
  5. Entenda os conceitos de Hoisting, Event Bubbling, Scope Prototype, Shadow DOM, Strict Mode, como os browsers funcionam, DNS, HTTP

Dias 25–27: Gerenciadores de Pacote Front End

  1. NPM
  2. Yarn

Dias 28–33: Design responsivo

Dias 34–36: CSS Frameworks

1.Bootstrap 2. Materialize 3. Bulma 4. Semantic UI [ ] Days37–39: Git [ ] Days40–44: Node and NPM [ ] Days45–50: Leia sobre Sass [ ] Days51–54: Bootstrap [ ] Day 55: BEM [ ] Days57–61: Gulp [ ] Days62–65: Webpack [ ] Day 66: ESLint [ ] Days68–83: React [ ] Days84–89: Redux [ ] Days90–94: Jest [ ] Days95–97: TypeScript [ ] Days98–100: NextJS