Como começar a jornada de um Dev Front-end? Esta pode ser a dúvida de muitas pessoas iniciantes em programação, e por isso, neste texto, vamos te dar um norte de como começar este caminho de se tornar Desenvolvedor Front-end.
O autor deste conteúdo é Leonel Barreto, desenvolvedor de software em formação na Cubos Academy e embaixador na ComuniCubos.
Leonel mostra, neste texto, o melhor caminho que um programador front-end iniciante pode seguir em sua jornada de Júnior até Sênior, dando detalhes das habilidades necessárias a cada avanço na carreira profissional.
Temos certeza que este texto vai te ajudar a ter clareza quanto ao próximo passo no aprendizado desta stack. Vamos lá?
O primeiro passo
O primeiro passo na jornada de um Dev Front-end é entender como a internet funciona. Ou seja, buscar compreender o que são os DNS e HTTPS; o que é uma hospedagem; e como funcionam os navegadores. Após essa compreensão de como funciona a internet, o futuro desenvolvedor terá seu start na programação sob três pilares:
(1) HTML,
(2) CSS e
(3) uma linguagem de programação.
HTML e CSS
Apesar de o HTML e do CSS serem utilizados na programação, eles não são considerados linguagens de programação.
O HTML é uma linguagem de marcação de hipertexto, utilizada para estruturar a página web e todo o seu conteúdo, enquanto o CSS é um código utilizado para adicionar estilo ao documento.
Linguagem de programação
Quanto à linguagem de programação, as opções são inúmeras, e o objetivo não é apresentar todas aqui, mas sim mostrar as principais dentro do mercado brasileiro, fazendo um comparativo com o mercado global.
De acordo com o relatório anual Octoverse de 2021, elaborado pelo GitHub, no Brasil, as cinco linguagens de programação que mais crescem ano a ano são:
1. JavaScript;
2. Sass CSS;
3. Blade;
4. HCL; e
5. Elixir.
Em comparação com o mercado global, apenas a linguagem JavaScript se mantém alinhada entre ambos. Eis o ranking global:
1. JavaScript;
2. Python;
3. Java;
4. TypeScript; e
5. C#.
Aprofundando nos três pilares
Aprofundando em HTML
Para começar a aprofundar os conhecimentos em HTML, é preciso estudar o HTML5 (sua atual versão). Afinal, esta é a linguagem de marcação para estruturar a página web e todo o seu conteúdo.
Ao estudá-la, você passará a ter compreensão destes elementos:
- Tags semânticas;
- A estruturação de formulários e suas validações;
- Compreensão das melhores práticas (exemplo: indentação);
- A relevância da acessibilidade ao desenvolver as páginas web, utilizando bem das tags semânticas;
- Técnicas para otimizar o posicionamento de seu site nos buscadores da web, ou seja, o famoso SEO.
Aprofundando em CSS
O CSS vem logo em seguida na sua linha de aprendizado, dando estilo a sua página HTML.
É através dele que o layout (exemplo: floots, display, CSS grid e outros) tomará uma forma mais atrativa e possibilitando ao programador fazer um design mais responsivo, se adaptando aos inúmeros tamanhos de telas disponíveis nos mais diversos dispositivos de tecnologia.
Eis a página do Twitter sem CSS:
Aprofundando nas Linguagens de Programação
E por fim, é fundamental a qualquer programador aprender uma linguagem de programação.
Como foi dito anteriormente, pelo ranking mundial, a linguagem mais utilizada no mercado de desenvolvimento é o JavaScript.
Ao iniciar o aprendizado em JavaScript, o futuro Dev irá aprender:
- as sintaxes e os construtores básicos da linguagem;
- a manipular o DOM;
- aprender a fetch API e a modular o código;
- entender os conceitos de escopo e inúmeros outros que são base no aprendizado da linguagem.
Para entender mais o JavaScript, você pode ler o texto aqui do blog: JavaScript - O Guia Definitivo.
Além disso, é bem interessante que você estude Lógica de Programação ao passo que estude a linguagem de programação. Isto irá facilitar bastante a compreensão do código e sua estruturação.
Para aprender mais sobre Lógica de Programação, veja a nossa Imersão JavaScript do Zero:
Estas são as dicas de Leonel Barreto, embaixador da ComuniCubos, para você dar o start na sua carreira em desenvolvimento front-end. Iniciar algo novo é assustador, mas o importante é começar. Antes de tudo, dê o primeiro passo!
Fique de olho no nosso blog porque, em breve, teremos a continuação deste conteúdo.
Até a próxima!