Aprendeu algo novo e não sabe como praticar? Minha recomendação é o Frontend Mentor

O que é Frontend Mentor

O Frontend Mentor é uma plataforma online que oferece desafios de codificação de design de front-end para ajudar desenvolvedores a praticar e aprimorar suas habilidades de codificação.

A plataforma oferece uma variedade de projetos de design, desde páginas de destino simples, até interfaces de usuário mais complexas. Cada desafio inclui um design detalhado em formato de imagem PNG (se você for Premium poderá receber em formato do Figma ou Sketch) e uma lista de requisitos para a implementação. O objetivo é que os desenvolvedores transformem esses designs em código funcional e responsivo.

O Frontend Mentor é uma ótima maneira de aprender, praticar e melhorar suas habilidades de codificação, ao mesmo tempo em que trabalha em projetos do mundo real. Além disso, a plataforma oferece uma oportunidade de obter feedback sobre o seu trabalho e compará-lo com as soluções de outros desenvolvedores.

Se você está procurando praticar suas habilidades de front-end e aprimorar sua capacidade de transformar designs em código.

Mentorias

As mentorias são feitas em comunidade e pela comunidade. Quando você tem uma dúvida, você pode colocar esta dúvida quando enviar o seu projeto para avaliação, ou ir ao discord e pedir ajuda. Dificilmente sua dúvida será ignorada. Se um moderador não responder, existem centenas ou milhares de pessoas ativas diariamente no Discord.

Roadmaps

Algo interessante são os roadmaps da Frontend Mentor. Na comunidade do Discord, você tem acesso a um Roadmap com indicação de artigos e videos gratuitos que servem como base para determinados projetos. Então, se você não sabe nada de programação, a prórpria comunidade disponibiliza a trilha de migalhas para você evoluir no seu tempo.

Mas então, vale a pena?

Para mim deu muito certo, pois eu já tinha algum conhecimento de HTML, CSS e JS. Concomitantemente, estou fazendo um curso FullStack Javascript e o Frontend Mentor é uma ótima oportunidade de praticar e consolidade o conhecimento que estou adquirindo.

As vantagens desta plataforma são:

1. Projetos do Mundo Real: Os desafios do Frontend Mentor são baseados em projetos do mundo real, o que significa que você estará trabalhando em tarefas que se assemelham ao que os desenvolvedores front-end fazem no dia a dia.

2. Aprendizado Prático: A prática é uma das melhores maneiras de aprender a programar. Ao enfrentar projetos desafiadores, você ganha experiência prática e aprende a aplicar conceitos teóricos em situações reais.

3. Design Responsivo: Muitos desafios do Frontend Mentor exigem a criação de designs responsivos, o que é uma habilidade crucial para desenvolvedores front-end. Isso ajudará você a se familiarizar com técnicas de layout responsivo.

4. Feedback e Comparação: Depois de concluir um desafio, você pode comparar sua solução com as soluções de outros desenvolvedores. Isso oferece uma ótima oportunidade para aprender com diferentes abordagens e obter feedback valioso.

5. Variedade de Projetos: O Frontend Mentor oferece uma variedade de projetos com diferentes níveis de complexidade. Isso permite que você escolha desafios que se alinhem ao seu nível atual de habilidade e vá progredindo gradualmente.

6. Comunidade de Aprendizado: O Frontend Mentor possui uma comunidade ativa de desenvolvedores. Você pode compartilhar suas soluções, fazer perguntas e interagir com outros membros, o que cria um ambiente de aprendizado colaborativo.

7. Criação de Portfólio: Concluir os desafios do Frontend Mentor lhe dará a oportunidade de criar um portfólio de projetos reais que podem ser mostrados aos empregadores ou compartilhados online.

Lembre-se de que, como iniciante, é normal enfrentar desafios e aprender ao longo do caminho. Comece com projetos mais simples e, à medida que ganhar confiança e habilidades, você poderá se aventurar em desafios mais complexos. O Frontend Mentor pode ser uma ferramenta valiosa para apoiar seu aprendizado contínuo no desenvolvimento front-end.

Alguns exemplos de projetos

• Calculadora de indice de massa muscular: https://bmi-calculator-blond-two.vercel.app/

• Landing Page com formulário customizado: https://pod-alpha.vercel.app/