Roadmap
do Desenvolvedor
WEB

Matheus Mesquita

Áreas de especialização

  • Front-end
  • Back-end
  • Full Stack
  • Dev Ops

Front-end

Front-end

  • Parte visual de um site
  • Usuário é o meu filho
  • "Não mãe, você tem que clicar aqui"
  • Who makes the magic happens
  • Escudo de culpa do back-end

experiência

Back-end

Back-end

  • API
  • Cuida da persistencia dos dados
  • Garante que nenhum troll vai zoar o rolê
  • Também joga a culpa no front-end
  • Você não pode reclamar daquilo que não consegue ver

performance

Full Stack

Full Stack

  • Vem todo mundo
  • Coração de mãe
  • Nem sempre consegue abraçar todo mundo
  • Não joga a culpa no front-end porque ele é o próprio
  • Todo mundo deve ser meio Full Stack

Entrega

Dev Ops

Dev Ops

  • Esteroides
  • Produtividade++
  • Dirige e troca o pneu ao mesmo tempo
  • Papel de engenheiro
  • Nirvana do desenvolvedor

Tudo

Antes de tudo

Desenvolvedor WEB

  • Antes de qualquer especialização
  • Passos de bebe
  • Conceitos importantes
  • Não pule esse passo, você irá se arrepender

Base para todos os outros

  • git (controle de versão)
  • ssh (protocolo de segurança)
  • http/https
  • API
  • Terminal
  • Google
  • Estrutura de dados e algoritmos
  • Encodings
  • Github
  • Internet(Browsers, DNS, Domínios...)

Caminho do Front-end

Front-end lvl 1

  • html
  • css
  • javascript

Front-end lvl 2

  • Pré-processadores
    (sass, less, postcss, ...)
  • Frameworks
    (Bootstrap, Bulma)
  • Layout responsivo
  • CSS-in-JS
  • Task runners
  • Package Manager
  • Dependency Loader/Bundler
  • Tipos
    (Typescript, Flow)
  • Testes Unitarios
  • Framework
    (React e ecossistema)
  • Padronização de código
    (eslint, prettier)

CSS

Javascript

  • Acessibilidade
  • SEO

HTML

Front-end lvl 3

  • Arquiteturas CSS
  • CSS under de hood
  • SVG
  • Design patterns
  • Regex
  • Head First Design patterns
  • Diferentes tipos de Testes
  • JS under de hood

CSS

Javascript

  • Boas práticas
  • Geradores estáticos

HTML

PWA

Progressive Web Apps

Caminho do Back-end

Escolha sua linguagem

  • Ruby
  • PHP
  • Python
  • Javascript (Node.js)
  • Go

Back-end lvl 1

  • Package Manager
    (pip)
  • Testes Unitários
    (unittest/pyUnit)
  • Frameworks
    (Django, flask, pyramid)

Python

  • Package Manager
    (Composer)
  • Testes Unitários
    (PHPUnit)
  • Frameworks
    (Laravel, CakePHP, lumen)

PHP

Back-end lvl 2

  • Web Server(Nginx, Apache, ...)
  • Api's RestFull
  • MVC
  • Autenticação(Oauth 2.0, JWT)
  • SOLID, YAGNI, KISS, DRY
  • Regex(Expressões Regulares)
  • Segurança
  • Databases
    (caching, relacional e não relacional)
  • Sistemas operacionais
  • Serviços de mensageria

Back-end lvl 3

  • Docker
  • Ferramentas de busca
  • Head First Design Patterns
  • Architectural Patterns
  • DDD(Domain Driven Development)
  • Tipos de testes diferentes
  • Caching

Full... Stack ?

Front-end + Back-end

Caminho do DevOps

Absorvendo o Dev Ops

Se integrando a matrix

  • Cloud (AWS, Azure, Heroku)
  • Docker
  • CI / CD
  • Web Servers(Diferenças e quando usar cada um)
  • Monitoramento(new relic, kibana)
  • Infrastructure as code
  • CDN
  • Load Balancers
  • Cloud Design Patterns

.   .   .

Obrigado !

https://goo.gl/CRwiCB

mathmesquita.dev

@_mathmesquita

roadmap.sh

Roadmap do desenvolvedor WEB

By Matheus Mesquita

Roadmap do desenvolvedor WEB

  • 1,752