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!

Quer se tornar programador(a) conosco? Conheça os cursos da Cubos Academy!