Olá pessoas. Uma das coisas que eu mais vejo nos grupos de Front do Telegram (e que também passei ao tentar iniciar esta carreira) é… Por onde começar? Você vê todos aqueles sites maravilhosos, cheios de animações, efeitos, cores e não faz a mínima ideia de como repetir tais feitos. E quando você vai procurar por vagas, lhe pedem mil frameworks, React, Vue, Angular, Jquery e você simplesmente não sabe por onde começar a estudar. Bom, eu estou aqui para tentar te ajudar nesse caminho :D
Bom, se você assim como eu não tinha IDEIA de onde começar, recomendo dar uma olhada nos Developer Roadmaps. Vou deixar um link para o de frontend de 2018 aqui mas talvez você encontre um mais atual se for atrás. Ele é bem intuitivo e te da uma boa ideia do que começar a estudar.
A Base: HTML, CSS e JS
Uma coisa que creio eu que nunca vai mudar na carreira Frontend é justamente sua base. Não importa qual o framework do momento, ter uma base boa de JS vai fazer uma diferença crucial do quão rápido você irá aprende-lo. Então calma eu sei que você quer aprender logo o framework famosinho para poder aplicar nas vagas que pedem ele, mas você vai aprende-lo muito mais rápido e vai ser um profissional muito mais versátil (qualidade um tanto quando essencial nesse nosso mundo que muda sempre a todo momento) tendo uma boa base de JS. O mesmo para HTML e CSS, que são essenciais, não importando qual carreira você vá seguir no futuro.
E o jQuery?
E o jQuery, vale a pena aprende-lo ainda? É uma boa pergunta, que honestamente eu ainda não sei como responder. Muitos sites como o FreeCodeCamp tem removido o jQuery como essencial para a base, mas conheço muitas empresas como a Enjoei e a Gocase que usam ou chegaram a usar o jQuery como base, então acho que esse quesito vai da escolha de cada um.
React, Angular ou Vue, qual o melhor?
Uma coisa que você vai aprender durante a carreira é que tudo, tudo depende. Não existe melhor framework, existe o melhor framework para atender as suas necessidades, ou o framework que você mais gosta. O que eu recomendo é: Tente fazer um projeto nos 3, veja qual você mais gosta e invista nele. É melhor ver por si só as vantagens e desvantagens de cada um do que confiar no texto de uma estranha que nem tem tanta experiência assim no medium.
Agora vamos aos cursos
Como escolher os melhores cursos?
Agora estamos entrando na parte mais nebulosa desse texto: como escolher um bom curso no meio de milhares e milhares de cursos. Será que aquele curso que custa a entrada de um carro é realmente melhor que o curso da Udemy de R$ 20,00? Bom, eu vou tentar dar algumas dicar para ajudar vocês a escolherem um bom curso.
Se você está procurando um bom curso de HTML, CSS e JS: veja o visual do projeto final
Se você está iniciando na área, mais do que tecnicidade do que é uma div e uma section, você vai precisar de boas referências. Acredite, mais importante do que se ta tudo correto semanticamente, ou se todos os estilos estão sendo usados direitos, é se o resultado final está bonito. Então se o curso trata de coisas como teoria das cores, espaçamento entre itens, separadores e etc, há grandes changes de ele ser um bom curso para se começar.
Um curso que eu recomendo pacas que aborda esses conteúdos: O curso de Web Design Completo da Origamid
Cursos na Udemy, como escolher?
A Udemy é um grande site de cursos, famosa por seus descontos, e possui uma variedade imensa de cursos de todos os tipos e para todos os públicos. Mas nesse meio, como escolher o melhor curso da área? Como evitar gastar milhares de reais em cursos para deixar todos no canto? Bom, a resposta vai de cada um, mas o que funcionou pra mim foi:
Olhe a duração do curso
Há grandes probabilidades de, se ele for muito longo, você acabar desistindo pelo caminho. Ou se ele for muito curto, acabar não valendo a pena o investimento. O que eu procuro geralmente são cursos entre um range de 50 aulas até 125, passando um pouco disso em casos específicos, mas nunca cursos de 300 aulas, 400, me conheço o suficiente pra saber que provavelmente não terminaria esses cursos.
Assista as aulas gratuitas
É possivel ter uma prévia dos cursos antes de compra-los, e eu recomendo fortemente que você veja essas prévias. Perdi a conta de quantos cursos comprei e nunca terminei simplesmente porquê não gostava da didatica do professor. Falava muito lento, ou falava muito rápido ou programava de trás pra frente (???), enfim, vejam as aulas antes e tenham certeza que gostam da didatica, da velocidade, da forma de programar, vai ser extremamente importante para o seu aprendizado.
Projetos reais
Infelizmente o mercado não vive de CRUD. Então é bom verificar se aquele curso que está com aquela promoção sinistra vai além de criar um ToDo. Vejam se ele vai um pouco mais a fundo no conteúdo, se faz projetos um pouco mais complexos (um dashboard, um chat, um sistema com login), coisas que você talvez precise fazer um dia.
Cursos que fiz e recomendo pacas
Origamid
Esse é definitivamente meu site de cursos favoritos. O André Rafael manja MUITO e sabe ensinar bem demais, além de ter projetos muito bonitos (ele iniciou a carreira como designer se eu não me engano). Portanto, se você tem um dinheirinho, vale a pena demais pegar esse pacote de cursos. No momento desse texto, os planos são por período de tempo, sendo o mensal por R$ 100 e o anual por R$ 384. Não, não é a coisa mais barata do mundo, mas se você tem um dinheirinho para investir, vai valer a pena.
Pode acessar o site da Origamid aqui.
FreeCodeCamp
Admito aqui que fiz poucos cursos deles, porém gostei bastante dos que fiz lá. Acho que ele “pega menos na sua mão” que a codecademy, tratando assuntos um pouco mais complexos e tem uma parte só para você fazer projetos e praticar, acho uma excelente opção gratuita.
Você pode acessar o site da FreeCodeCamp aqui.
Udemy
Obviamente, não poderia faltar a plataforma que melhor trás a tona a expressão “o gerente ficou maluco”. Mas como é uma plataforma imensa e cheia de cursos de todas as formas e cores, vou deixar aqui alguns que fiz e gostei:
React Testing with Jest and Enzyme (este até o momento é o curso que mais gostei, portanto recomendo se você tiver interesse)
Professional Rails Code Along (esse é um curso mais de back, não foca nada em design, mas continua sendo muito bom)
Build Web Apps with Vue JS 2 & Firebase
Curso Completo de jQuery + 10 Projetos Práticos
Update: Criei um repositório com um guia dos bons cursos da internet, tanto gratuitos quanto pagos, você pode dar uma olhada clicando aqui. E se quiser sugerir novos cursos também, toda contribuição é bem vinda :D
Acho que é isso meu povo, esse texto ficou bem, mas BEM mais longo do que eu esperava, mas espero ter dado uma luz para vocês no meio do caminho.
Muito obrigada se você leu até aqui, você é um guerreirinho ❤
Falous!
