A área de desenvolvimento web vem crescendo exponencialmente nos últimos anos. Novas tecnologias vêm surgindo com certa frequência e o processo de criar sites vem ficando cada vez mais simples. O JavaScript — a linguagem de programação mais usada nessa área — é a que possui mais repositórios ativos no GitHub, e isso mostra como ela está popular nos dias de hoje.

Mas, para quem quer começar nessa área, tudo pode ser um pouco assustador. As tecnologias são tantas que as vezes ficamos em dúvida sobre por onde começar. Eu já passei por isso, e sei como pode ser difícil.

Pensando nisso, eu resolvi ajudar você. Hoje vou mostrar para você o caminho que você precisa seguir para se tornar um(a) desenvolvedor(a) web de alto nível. Vamos lá?

1. Começando com a base

A primeira coisa que você precisa aprender é HTML e CSS. Eles são a base de qualquer site. Todos os que você acessa são feitos com essas duas tecnologias, portanto, elas são seu ponto inicial.

Neste ponto é importante que você não desanime. Lembre-se de que tudo no começo é difícil. A dica que te dou é a seguinte: defina metas diárias de estudo, e comece pequeno. Não comece estabelecendo que você vai estudar horas por dia, mas sim minutos. É muito mais fácil manter a constância nos estudos se você estabelece uma meta pequena. Essa constância vai ajudar você a ficar mais motivado, e você mais motivado vai querer estudar mais tempo por dia.

Grandes coisas não são feitas por impulso, e sim por uma série de pequenas coisas juntas.

Não se preocupe em memorizar tudo, especialmente no CSS, pois um(a) desenvolvedor(a) web está sempre consultando sites como Google e StackOverflow quando as dúvidas surgem. Preocupe-se em aprender os fundamentos — aprender como as coisas funcionam de verdade, e porque fazem o que fazem.

2. Aprimorando aos poucos

Agora as coisas vão ficar bem mais divertidas. Com o JavaScript, você vai ser capaz de elevar enormemente o nível de complexidade e funcionalidade dos seus sites. De modo geral, ele vai dar um grande boost nos seus projetos.

Neste ponto, é importante, mais uma vez, você focar em praticar. Novamente, faça projetos de coisas que você curta, e tente se divertir no processo. Nessa etapa de aprendizado você está dando um grande passo na sua jornada para se tornar um(a) desenvolvedor(a) web, e muitas coisas ainda mais legais estão por vir.

3. Dando um grande passo

Está na hora de você aprender um framework. É importante você ter fixado bem os conhecimentos de JavaScript que mencionei no tópico anterior, pois eles serão necessários aqui.

Existem frameworks tanto front-end quanto back-end. Se você não sabe a diferença entre essas duas áreas, vou resumir: front-end é a parte da frente do site, é o que o usuário vê, a interface. Back-end é a parte de trás do site, ou seja, é onde a lógica acontece e onde as regras de negócios são definidas.

Front-end ou back-end, qual aprender primeiro?

Isso varia muito de pessoa para pessoa. Sinceramente, não faz diferença. Comece no que mais despertar interesse em você.

Eu comecei no back-end, aprendendo Node.js, mas o caminho da maioria das pessoas costuma ser diferente: elas costumam primeiro aprender o front-end.

Isso até faz sentido. Durante o processo de aprendizagem dessa área você vê mais resultados "palpáveis", afinal, você vai construir interfaces de usuário (UI), então pode ser realmente mais animador do que o back-end, onde você cria a parte de trás do site e não vê tantos resultados. Dito isso, vamos por esse caminho — front-end e depois back-end — pelo resto do artigo, beleza?

4. Aprendendo um framework front-end (e qual escolher?)

As coisas vão ficar bem legais agora. Com frameworks você vai começar a construir aplicações MUITO mais poderosas e complexas.

No mercado há três frameworks JavaScript — sim, todos usam JavaScript, então tudo o que você aprendeu será muito útil aqui — front-end mais populares: React, Angular e Vue.

Todos eles possuem os mesmos conceitos, e conseguem atingir o mesmo objetivo, só que de maneiras diferentes. Isso quer dizer que o que você aprender em um você consegue aplicar tranquilamente nos demais. Bem legal, né?

Beleza, mas qual eu devo aprender?

Eu vou contar a minha história, pois tenho certeza de que ela vai ajudar você a tomar essa decisão.

Como o React é, indubitavelmente, o mais popular entre os três — principalmente no mercado de trabalho — eu comecei por ele. Mas, pra ser sincero, eu passei por muitas dificuldades. Assistia vários vídeos, comprei cursos, mas não conseguia aprendê-lo de jeito nenhum.

E então, dei uma pesquisada no Vue, e vi que ele tinha uma proposta de unir o melhor dos dois mundos: pegar as coisas boas do React e do Angular, e juntar em um novo framework.

Pô, eu achei isso muito massa! Ainda por cima, vi muitos relatos de desenvolvedores(as) dizendo que ele era muito mais simples do que os seus concorrentes. 

Portanto, eu comecei a estudá-lo, e o processo de aprendizagem foi muito mais tranquilo. Eu estava conseguindo entender de verdade os conceitos do framework e a como usá-lo, e isso foi sensacional.

Mas, como mencionamos acima, no mercado há muito mais oportunidades para desenvolvedores(as) React do que para desenvolvedores(as) Vue — embora isso esteja mudando com o passar do tempo. Portanto, depois de alguns meses, decidi voltar para o React. E adivinha? Consegui pegá-lo muito mais facilmente do que na primeira vez.

Mas por que o Vue me ajudou a aprender React? Porque, como mencionei anteriormente, os conceitos de ambos são os mesmos!

Portanto, baseado no que contei para você, reflita um pouco. Se você quer entrar no mercado de trabalho o quanto antes, eu recomendo que você comece com React e continue nele até você realmente o aprender. Se você não estiver com tanta pressa — como eu não estava, na época — talvez seja benéfico você aprender o Vue e, posteriormente, ir para o React, se for a sua vontade.

Mas e o Angular?

Não falei do Angular porque, sinceramente, ele é de longe o mais difícil dos três, e por isso não o recomendo como um primeiro framework. Neste primeiro momento, deixe este cara um pouquinho de lado, beleza? Se você quiser considerá-lo no futuro, talvez como um segundo framework, fique à vontade.

5. Aprendendo o back-end

E se eu disser para você que também conseguimos utilizar JavaScript no back-end? Exatamente! Todo o conhecimento que você terá adquirido até aqui sobre ele poderá ser reutilizado.

Para isso, basta você aprender uma das tecnologias mais populares atualmente: O Node.js.

5. E por último (mas não menos importante) o Banco de Dados!

Existem inúmeros bancos de dados no mercado, então é difícil recomendar um para você.

Veja como está o mercado de trabalho da sua região, e veja quais as as empresas estão pedindo. Use isso para você tomar a decisão sobre qual aprender.

Eu gosto bastante do MongoDB. Ele é um dos mais fáceis de trabalhar e um dos mais poderosos. Sua presença no mercado e a de outros bancos não relacionais (NoSQL) vem crescendo muito.

Onde e como aprender tudo isso?

Youtube, Udemy, Alura, Rocketseat, enfim, são várias plataformas que podem ajudar você a aprender tudo o que falei aqui.

No nosso canal do YouTube, temos um cursos GRATUITOS de HTML e CSS, que com certeza vão ajudar você. Para assisti-los, clique aqui.

E mais uma vez, reforçando: sempre lembre-se de que você precisa praticar. Faça pequenos projetos e coloque a mão na massa em cada etapa, pois só assim você vai aprender de verdade.

Após aprender HTML e CSS, faça vários projetos, e depois vá para o JavaScript. Depois de aprender JavaScript, faça vários projetos, e depois vá para um framework front-end. Depois de aprender um framework front-end... bom, você já sabe o resto hahaha!

Conclusão

Se tornar um(a) desenvolvedor(a) web é simples — ainda mais agora, que você sabe o passo a passo completo — mas não é fácil. Você precisa ter dedicação, persistência e, o mais importante, vontade de aprender.

No começo vai ser difícil, e você vai se encontrar desanimado(a) por vários momentos. Muitas vezes eu fiquei com vontade de desistir, mas continuei estudando — e hoje vejo o quanto isso foi benéfico pra mim. Se eu consegui, você também consegue!

Se você gostou do que leu, considere seguir o nosso canal aqui no Pingback para não perder os próximos artigos e de deixar um ping neste aqui, beleza? Você vai me ajudar demais!

Muito obrigado, e até a próxima!