Como se tornar um Desenvolvedor Front-end rapidamente

Três razões pelas quais este artigo pode ser útil para você:

Ele fornece um guia mês a mês para se tornar um desenvolvedor front-end, ajudando você a entender as etapas que precisa tomar para alcançar seu primeiro emprego.
Oferece dicas e conselhos valiosos baseados na minha própria experiência, ajudando você a evitar erros comuns e aprender de forma mais inteligente.
Apresenta uma ampla gama de recursos de aprendizado. Com certeza, você encontrará algo útil.

O que estará neste artigo?

Este artigo está dividido em quatro seções, cada uma cobrindo um mês de educação.

O mercado de desenvolvimento front-end está constantemente evoluindo. É por isso que neste artigo, eu me concentrei nas habilidades fundamentais, em vez de mergulhar em tecnologias específicas. Ao compreender estes conceitos básicos, você será capaz de aprender qualquer tecnologia relacionada.

É possível aprender tão rápido?

Sim, com certeza. Além disso, você pode fazê-lo ainda mais rápido.

Claro, as circunstâncias diferem. Mas quero que você entenda que não se trata sempre da velocidade. É mais sobre dedicação, consistência e trabalho duro. Seja persistente e seus esforços valerão a pena!

Primeiro mês. Primeiros passos, HTML e CSS.

O HTML é a linguagem de marcação padrão para criar páginas web. Em termos simples, o HTML é o esqueleto e a estrutura da página. Usamos ele para criar diferentes elementos, como inputs, imagens e parágrafos.

O CSS significa Folhas de Estilo em Cascata, uma linguagem para estilizar páginas web. É responsável pelo layout, tamanhos, cores e sombras. Embora o CSS não seja uma linguagem de programação, ainda é bastante difícil de aprender.

Estas tecnologias estão fortemente acopladas, foram projetadas para ser assim. Como são a base do desenvolvimento front-end (e do desenvolvimento web em geral), você deve conhecê-las tão bem quanto possível. Essa é a chave principal para criar interfaces de usuário bonitas e fáceis de usar.

Então, quais são os seus próximos passos?

Organize o seu espaço de trabalho. Encontre um lugar isolado e um laptop adequado. Não precisa ser necessariamente super legal, apenas o suficientemente confortável para digitar e ler por muito tempo.
Baixe seu primeiro editor de código (eu recomendo usar o VSCode). Tente deixar seu desktop organizado e remova todos os objetos redundantes e distrativos. Além disso, é bom começar a fazer marcadores no seu navegador, onde você pode colocar todos os recursos que você achar valiosos.
Encontre um curso fundamental e mantenha-se nele até o fim. Aprenda com cuidado, tente repetir depois do instrutor e pratique o máximo que puder para entender o tópico.
Assim que você começar a entender o que está realmente acontecendo e souber das coisas principais, a diversão principal começará. Comece a codificar modelos do zero, há uma tonelada deles gratuitos na internet. Recomendo usar modelos do Figma desde o início, pois eles são mais comuns no trabalho. Isso ajudará você a ganhar experiência de "batalha" e a consolidar suas habilidades. Você notará que é na verdade agradável construir algo do nada.
A coisa principal é usar o Google e fazê-lo muito. Quando você estiver preso ou vir qualquer tipo de obstáculo - basta procurar a solução no Google. Você ficará surpreso com a quantidade de respostas que pode encontrar sem gastar dias resolvendo problemas sozinho.

O que você vai obter desse mês?

Se você não desistir e aprender com intensidade suficiente, você adquirirá algumas habilidades relevantes. Em primeiro lugar, você será capaz de criar páginas web simples e isso é incrível. Além disso, sua habilidade de resolução de problemas deve aumentar drasticamente e tornar a jornada de programação mais fácil. Finalmente, agora você tem a base para melhorias futuras.

Segundo mês. Hora do JavaScript.

JavaScript é uma linguagem de programação que é usada principalmente para o desenvolvimento web e front-end em particular. Ele permite que você "dê vida" à página, a torne interativa e implemente diferentes lógicas (um carrinho de compras pode ser um exemplo disso).

No momento atual, não há concorrentes reais para o JavaScript quando se trata do front-end. Então, a boa notícia é que você só precisa aprender uma linguagem de programação, mas deve dominá-la perfeitamente.

Para ser sincero, leva muito tempo para entender bem o JavaScript, pois é bastante complexo e profundo. Mas você não deve ter medo ou se desmotivar, você definitivamente pode aprendê-lo bem o suficiente para conseguir seu primeiro emprego.

Qual são seus próximos passos?

Você precisa encontrar um bom curso ou série de vídeos que o leve através da linguagem. É importante escolher cuidadosamente, assistir a revisões e, idealmente, encontrar alguém para pedir feedback sobre o curso.
Aprenda não apenas lendo e aprendendo teoria, sem a aplicação prática do novo conjunto de habilidades você simplesmente não será capaz de usá-lo. A melhor maneira de aprender a codificar é escrever código real. Não tenha medo de erros, não vai quebrar seu computador :) Tente até improvisar e fazer pequenos projetos de animais de estimação.
O JavaScript está fortemente ligado ao HTML, CSS e tecnologias da web em geral. Combine-o com o que você aprendeu até agora e faça seu primeiro aplicativo interativo! Novamente, não se esqueça de procurar no Google se estiver preso!
Não tenha medo de termos e complexidade, não deixe que eles o desmotivem. Pule-os para tempos melhores, volte, mergulhe neles, pule novamente e repita o processo até a vitória. Não é uma ciência de foguetes, tudo é relativamente fácil de aprender.
Seja tão curioso quanto puder. Passe algum tempo livre pesquisando coisas desconhecidas, repetindo a fundação, codificando coisas variadas. Aproveite o processo!

Quem você se tornará depois disso?

Agora você pode se chamar de desenvolvedor front-end trainee! Basicamente, você é capaz de implementar coisas simples e aprender através de obstáculos. Espero que você tenha entendido os conceitos básicos da profissão e esteja pronto para avançar. Mas se não se sentir o suficientemente seguro, está perfeitamente bem ficar um pouco mais tempo neste passo.

Passamos para o mês mais atraente e intenso!

Terceiro mês. Escolha seu framework.

Finalmente, chegou a hora de escolher seu primeiro framework JavaScript. Mas antes disso, precisamos entender uma pergunta importante.

O que é um framework JavaScript? Um framework JavaScript é um conjunto de ferramentas, diferentes otimizações e abordagens. Em resumo, é uma grande quantidade de código pré-escrito que simplifica o processo de desenvolvimento e melhora o resultado final. Atualmente, a maior parte do desenvolvimento front-end é feito com a ajuda desses frameworks.

Existem muitos deles, mas a maioria do mercado utiliza esses:

React
Angular
Vue

Qual devo escolher?

Eu recomendaria o React, pois ele permanece o mais popular e é relativamente fácil de aprender. O Vue parece mais confortável para iniciantes, mas é menos difundido nas empresas. Na minha opinião, o Angular não é a melhor escolha como seu primeiro framework, pois é bastante complexo e requer conhecimento de muitas coisas adicionais. Mas a decisão final é sua!

Então, quais são seus próximos passos?

Mais uma vez, a principal fonte de conhecimento para você deve ser cursos e tutoriais. Espero que agora você possa facilmente diferenciar entre bons e maus. Não cometa o erro de pular rapidamente entre eles. Dedique tempo para compreender o que está acontecendo, tire conclusões e solidifique seu conhecimento.
Aprenda os conceitos básicos do framework em si, não tente lembrar de cada biblioteca que encontrar. Não é a hora de pensar na qualidade do código, otimizações, estrutura do projeto e outros tópicos avançados. Você adquirirá esse conhecimento mais tarde. Seu objetivo principal é começar a criar aplicativos funcionais o mais rápido possível!
Tente aprender principalmente através da prática, pois será muito mais demonstrativo e eficiente. Ainda é importante ler a documentação de tempos em tempos, mas isso pode rapidamente fazer você se sentir entediado e sobrecarregado.
Projetos pessoais são chave para o sucesso nesta fase. Você sentirá suas habilidades crescerem a cada um deles!

Como esse mês é diferente?

Em primeiro lugar, parabéns! Você aprendeu habilidades valiosas que as empresas querem pagar!

Esse mês foi o mais importante em termos de adquirir habilidades práticas. Agora você é capaz de desenvolver aplicativos modernos com JavaScript. Através de intensa prática, você dominou a base, o framework e outras ferramentas desse ecossistema interminável. Nada pode impedir você de chegar à linha de chegada!

Quarto mês.

Este mês é extremamente importante, passe a maior parte dele afiando seus conhecimentos, criando um bom currículo e pesquisando tópicos comuns de entrevista. Tenha em mente que você deve se concentrar nas habilidades exigidas para o trabalho primeiro, para que possa começar a ganhar experiência real o mais rápido possível. Não espalhe sua atenção demais, isso irá atrasar o processo. Pode ser bastante difícil manter-se disciplinado e motivado por um longo período de tempo sem conseguir um trabalho real e uma renda estável.

Como posso tornar meu currículo atraente?

Literalmente, essa é a pergunta que você deve se fazer a cada vez que o revisar. Sim, é quase impossível fazê-lo direito da primeira vez. Há algumas coisas a levar em conta:

Foco nas suas habilidades técnicas primeiro. Destaque todas as tecnologias, frameworks e ferramentas que você aprendeu até agora.
Faça um bom projeto pessoal que demonstre suas habilidades. Faça-o atraente e fácil de usar. Implemente todos os recursos necessários para um aplicativo padrão: design adaptativo, roteamento, integração com API, manipulação de erros, alternância de tema e outros relevantes à sua experiência. Publique-o no GitHub (ou outra plataforma semelhante), para que os empregadores possam visitá-lo rapidamente por meio de um link.
Tudo se trata de competição, você precisa encontrar uma maneira de se destacar. Sinta-se à vontade para pegar as melhores abordagens de outros candidatos e analisá-las de tempos em tempos.
Seja conciso. Não inclua cada trabalho ou responsabilidade que você já teve. Escolha os mais relevantes e importantes e se concentre neles. Mantenha seu currículo curto e completo ao mesmo tempo.
Escreva sobre suas habilidades interpessoais. Pense nas qualidades e atributos relevantes para o trabalho ao qual você está se candidatando. Exemplos: habilidades de comunicação, capacidade de solução de problemas e trabalho em equipe.
Releia seu currículo. Sempre verifique erros de ortografia e gramática.
Formate-o com as ferramentas padrão da plataforma. Não o polua com emojis e outros itens desnecessários. Faça-o agradável de ler e fácil de entender.

Como se preparar para entrevistas?

É uma pergunta realmente significativa e complexa. Honestamente, merece uma série separada de artigos para descrevê-la bem. Mas há algumas coisas gerais que você deve considerar:

Em primeiro lugar, aplique a o maior número de entrevistas possível. A experiência ajudará você a se sentir confiante e a identificar lacunas em seus conhecimentos. Idealmente, grave-os ou anote as perguntas mais difíceis. Sempre faça sua lição de casa e elimine seus erros.
Leia cuidadosamente os requisitos do trabalho e preste atenção nas habilidades técnicas. Certifique-se de entender os requisitos e responsabilidades do cargo ao qual você está se candidatando. Tente adaptar seu currículo às demandas da vaga.
Há uma tonelada de entrevistas simuladas de graça no YouTube. Assista a elas regularmente. Tente se comportar como se fosse sua própria entrevista, responda às perguntas com antecedência e depois as verifique.
Prepare-se para desafios de codificação. Resolva os quebra-cabeças mais comuns regularmente e tente entender a solução, não apenas aprendê-la. Como você está se candidatando a uma posição de iniciante, as tarefas não serão muito difíceis.
Encontre um lugar tranquilo e confortável. Ajuste seu microfone e webcam. Sempre verifique-os antes de cada entrevista.
Não se sinta desmotivado ou triste após as recusas, mesmo se tiver 10 recusas consecutivas. A chave para o sucesso é não desistir e aprender com seus erros.