Manual FullStack

📖 Manual para ser um desenvolvedor FullStack

** No meu ponto de vista, baseado nesses sites: Backend - Frontend

Sem mais delongas...

Um desenvolvedor FullStack nada mais é do que alguém que pode trabalhar tanto no lado do frontend, quando no do backend e até mesmo nos dois.

Ou seja, para se tornar Fullstack basta ter conhecimento nessas duas áreas (front|back).

Então com base nisso...

Eu decidi pesquisar afundo sobre essas duas áreas, e percebi que ambas possuem suas especialidades (sim, especialidades), essas que estou falando são linguagens, frameworks, libs e até mesmo padrões de desenvolvimento.

Então vou mostrar alguns dos resultados que obtive, assim vc pode analisar em qual desses "níveis" vc está.

Frontend

Eu busquei colocar os níveis em uma sequência, dessa forma ficará mais facil saber qual será o próximo nível.

(LEMBRETE) Antes de partir para o Backend certifique-se de ter terminado pelo menos o nível 1 de Frontend...

Nível 1 - Básico

• HTML5
• CSS3
• JavaScript (JS/ECMAScript)

Nível 2 - Desenvolvedor Frontend

• Sass ou Less
• npm ou yarn
• Webpack ou gulp, ou os dois
• Um framework CSS, tipo Bootstrap ou Tailwind

Nível 3 - Desenvolvedor Frontend Junior

• Node.js ou PHP
• React ou Vue ou Angular, ou os três
• TypeScript
• Chart.js ou relacionado
• Domínio básico de SVGs
• Monetização de websites

Nível 4 - Desenvolvedor Frontend Pleno

• UX e UI
• Photoshop ou outro software de edição de imagem e de vídeo
• Figma ou outro relacionado
• Notion, Trello ou relacionado

Nível 5 - Desenvolvedor Frontend Sênior

• Domínio avançado de SVGs
• Domínio avançado de design patterns (no plural mesmo)
• Backend APIs como Firebase ou Backendless
• Ferramentas de animação como: Anime.js, Motion ou relacionado
• Ferramentas de teste unitário como Mocha ou relacionado
• Ferramentas de teste de UI como PhantomCSS ou relacionado
• Ferramentas de segurança como: DOMPurify ou jsxss

Nível 6 - Desenvolvedor Frontend Sênior Avançado

• Criação de plugins, bibliotecas e/ou frameworks avançados
• Conhecimento de básico à avançado em backend
• etc... (o céu é o limite)

---

Backend

Depois de ter feito ao menos o nível 1 em Frontend, agora vc tem o suficiente para iniciar o Backend

Nível 1 - Básico

• Escolha uma linguagem de programação, e pratique bastante, até perceber que já domina o suficiente
• Utilize bastante o exercism
• Orientação à objetos é primordial
• Terminal, seja ele linux, mac, windows (cmd), ou relacionado
• Design e princípios de desenvolvimento
• Conhecimento avançado em JSON e como utilizá-lo em sua linguagem
• Banco de dados relacionais, como: mysql, postgres, etc...
• Banco de dados não relacinais como MongoDB

Nível 2 - Desenvolvedor Backend Júnior

• IDE (mesmo que vc não utilize uma)
• Códigos de Status (status code), como: 404, 403, 500, etc...
• Protocolos... TCP, IP, UDP, etc...
• Conhecimento em apache, nginx ou relacionado
• Utilização de um ou mais frameworks Backend como: Laravel, Ruby on Rails, etc...
• Testes automatizados
• Desenvolvimento de APIs

Nível 3 - Desenvolvedor Backend Pleno

• Organização dos projetos
• Ter conhecimentos avançados em banco de dados
• Ter bastante tempo de experiência e resolução de bugs no Backend
• Experiência bastante experiência com redes de computadores
• Conhecimento avançado em servidores de hospedagem
• Conhecimento avançado em ssh e conexões remotas
• CI/CD
• Search Engines

Nível 4 - Desenvolvedor Backend Sênior

• Penetration Testing
• Hardware
• Conhecimento de básico à avançado em frontend
• Conhecimento geral em gerenciamento de processos
• GraphQL
• Websockets
• Message Brokers

Nível 5 - Desenvolvedor Backend Sênior Avançado

• Mais de 10 anos de experiência
• O céu é o limite

---

OK, agora fique tranquilo(a) que esse é só um ponto de vista meu, então pra mim o necessário para se tornar um dev FullStack Básico é ter pelo menos o nível 3 do Frontend e pelo menos o nível 2 do Backend, aí o resto vc vai saber quando chegar lá (pelo menos é o que eu acho).