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
- 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