O que estudar para aprender FrontEnd
Estou escrevendo este artigo para ajudar alguns colegas e amigos, que estão começando na área de programação e gostariam de um direcionamento para Front End. E neste post eu quero tentar direcionar você do zero a algum Framework web. Antes de tudo, caso você seja novo na área, precisa entender que tudo leva tempo, e para isso vou deixar um artigo sensacional do Marco Bruno.
5 Dicas para você realizar seus sonhos
Passo 1 - Como a internet funciona?
Entender como a internet funciona "por baixo dos panos" é super importante e pode deixar seu dia a dia muito mais simples, aliás você vai trabalhar diretamente com internet e precisa conhecer os seguintes tópicos:
- O que é o protocolo HTTP?
- Como os navegadores funcionam?
- Como funciona o DNS?
- O que é uma hospedagem?
Passo 2 - Aprendendo o HTML
- O que é uma tag?
- O que são atributos?
- Para que serve o DOCTYPE?
- Como escrever HTML semântico?
- O que é acessibilidade web?
- Como escrever HTML bom para SEO?
- Como criar formulários?
- Convenções e boas práticas do HTML
Passo 3 - Aprendendo o CSS
- Como funciona o CSS?
- Qual a diferença entre CSS inline, externo e via tag style?
- Como funciona o Flex Box?
- Como funciona o Box Model?
- Como funciona o CSS Grid?
- Como criar um design responsivo com Media Queries.
Conforme for ganhando os conhecimentos acima, você pode ir desenvolvendo pequenos projetos, para colocar em prática tudo o que aprendeu. Eu vou deixar a seguir um site para você ir desenvolvendo algumas páginas e ganhar mais confiança.
Passo 4 - Aprendendo o JavaScript
- Lógica de programação com JavaScript
- Manipulação do DOM com JavaScript
- Aprender Fetch API / Ajax (XHR)
- O que é Hoisting?
- O que é Prototype?
Antes de partir para os próximos conhecimentos, espero que você tenha colocado tudo em prática, tenha de fato criado páginas, no fim você pode hospedar gratuitamente no Github Pages ou Vercel e manter como portfólio.
Passo 5 - Conhecimentos interessantes
Eu vou listar agora alguns conhecimentos e tecnologias que vão te ajudar quando começar a estudar e trabalhar dependendo do Framework que você escolher. E algumas coisas que eu listar, será apenas para você estudar, caso não conheça ainda, pois acabei não citando antes, pelo fato de que são ferramentas.
- O que é o GIT e Github?
- Aprender TypeScript
- Aprender NodeJs
- O que são os gerenciadores de pacotes NPM e Yarn
- Como funciona uma API?
- Aprender o básico de SQL
- Aprender GraphQL
Passo 6 - Aprender um Framework
Agora chegou a hora de você escolher um Framework web para começar, os mais famosos são Angular, Vue e React. Se você escolher React (Tecnologia na qual eu escolhi me especializar), você pode estudar futuramente o Next. E até mesmo começar a desenvolver aplicativos com React Native.
Esse caminho tem funcionado para mim, além de vários outros conhecimentos complementares. Por que estudar nunca é demais, mas nada como ter um direcionamento para não perder tempo. Se você tem algum Feedback não deixe de me contar, sendo esse o meu primeiro artigo vai me ajudar muito! 😁
E caso você queira mergulhar nesses Roadmaps de tecnologia, o seguinte site tem um conteúdo sensacional para FrontEnd, BackEnd e muito mais! Vale a pena dar uma olhada.
Obrigado por ter me acompanhado até aqui, abraço!