Domine o frontend moderno

Conheça a plataforma open-source que vai te ajudar a aprender as principais tecnologias de forma prática e objetiva com mini projetos e workshops

Avatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuário

5417 devs já estão evoluindo suas habilidades de frontend com a Codante.

Aprenda na prática com nossos Mini Projetos

Os mini projetos são uma maneira prática de aprender, colocando a mão na massa em desafios com requisitos próximos à realidade. É como se você estivesse trabalhando em uma empresa e recebesse uma tarefa para cumprir.

Ver todos

Veja como funciona

01. Entenda os requisitos

Para cada projeto, fornecemos uma lista de requisitos, como se um cliente ou product manager tivesse solicitado.

API REST Countries

Utilize a API REST Countries para obter os dados dos países.

02. Siga o design

Também disponibilizamos designs completos no Figma, com cores, tipografia e componentes para você seguir, como se o time de design da empresa tivesse desenhado.

03. Conecte com o backend

Conecte com nossas APIs ou crie o seu próprio backend. Alguns de nossos projetos já possuem um backend pronto para você usar, em outros casos, você pode criar o seu próprio backend para treinar suas habilidades fullstack.

04. Faça o deploy

Faça o deploy de seu projeto no Vercel, Netlify ou qualquer outro serviço de hospedagem que você preferir. Essa etapa é muito importante para você poder compartilhar seu projeto e utilizá-lo no seu portfólio quando fizer sentido.

05. Submeta seu projeto

Envie a sua solução para aparecer na nossa galeria. Você pode ver a solução de outras pessoas, votar e trocar feedbacks. Já temos 523 resoluções submetidas por nossos usuários.

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Erickson Siqueira Da Silva

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Matheus Oliveira Monteiro

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Jhollyfer Rodrigues

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Pablo Landim De Sá

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Thiago Magno

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Marcus Evandro Galvão Boni

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

João Pedro Santana

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Matttrovao

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Pedro Lima

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Lais Frigério

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Thiago Magno

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Israel Vinicius Pereira

Screenshot da aplicação submetida

Resolução de

Thiago Credico

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Sumoyama

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Matheus Ramos

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Thiago Magno

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Jonathan K.

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Erickson Siqueira Da Silva

Screenshot da aplicação submetida

Resolução de

Thiago Credico

Screenshot da aplicação submetida

Resolução de

Thiago Credico

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

João Pedro Santana

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Joseph

Screenshot da aplicação submetida
Avatar do usuário

Resolução de

Nícolas Gabriel

Screenshot da aplicação submetida

Resolução de

Felipe Muller

Fundo gradiente com screenshot do player de vídeo do mini projeto

06. Assista nossa resolução oficial

Para quem gosta de uma explicação detalhada, disponibilizamos nossas resoluções oficiais em código e em vídeo.

Mas não deixe de tentar fazer sozinho! A gente não quer te prender a nossa resolução, mas queremos te ajudar a aprender.

Mantenha-se atualizado com nossos Workshops

Os workshops são aulas completas sobre temas específicos dentro do frontend. Quando você quiser começar com uma tecnologia nova ou aprender mais sobre a teoria de algo que você já conhece, os workshops vão te ajudar.

Ver todos

Veja como funciona

Foco na qualidade

Os workshops são transmitidos ao vivo para nossa comunidade, depois editamos e disponibilizamos aqui na plataforma, tudo em 4k. As transmissões são feitas direto do nosso estúdio em Ribeirão Preto - SP.

  • Imagem do professor Ícaro no workshop de Introdução ao React
  • Imagem da turma presencial no workshop de Introdução ao React
  • Imagem do professor Roberto Cestari tomando um café
Fundo gradiente com screenshot de uma aula do workshop de Tailwind CSS

Teoria e prática

Nos workshops, entramos nas partes teóricas, mas ainda focando no aprendizado de forma prática, com muitos exercícios.

Ganhe um certificado

Ao finalizar um workshop pela nossa plataforma, os nossos usuários PRO ganham um certificado de conclusão.

Fundo gradiente com screenshot da tela de mini projetos

Faça parte de uma comunidade de devs

Quem caminha em grupo vai mais longe! Por isso, nos esforçamos para manter uma comunidade de devs que se ajudam mutuamente e tratem com respeito todas as pessoas.

Já somos 5417 devs evoluindo nossas habilidades de front-end.

Avatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuárioAvatar do usuário

Veja alguns depoimentos da nossa comunidade

Eu fui um dos primeiros assinantes do Codante. A qualidade dos instrutores e a possibilidade de ter uma assinatura vitalícia fez com que eu não tivesse dúvidas!
Avatar

Bruno Alves

@alvesbrunolog
O Codante me ajudou a aprimorar meus conhecimentos técnicos em frontend, além de que pude aprender muitas tecnologias e frameworks que podem ser utilizados no dia a dia. A plataforma possui muitas ideias de projetos e oficinas para moldar esse conhecimento.
Avatar

Keyla Costa Dalseco

@keyladalseco
Conheci o Codante enquanto procurava aprimorar minhas habilidades como Dev. Me identifiquei demais com o projeto Open Source, com a metodologia de ensino e com a didática que é bastante moderna, mão-na-massa e direta ao ponto moderna, mão-na-massa e direta ao ponto! Confio plenamente no Codante e estou muito feliz em fazer parte disso! ❤️
Avatar

Thiago Credico

@thiagocredico
Dois professores sensacionais que me mostraram o caminho do frontend! Sucesso para vocês! Estou acompanhando este projeto de perto!
Avatar

Mariana Saraiva

@marianascmoura
Programação real exige soluções ideais. Ao invés de replicar projetos que todo mundo copiou e colou, desenvolver projetos e tentar resolver problemas reais te força a aprimorar sua pesquisa, a direcionar os estudos e a florescer a criatividade no desenvolvimento de qualquer software. Além disso, o suporte do Ícaro e do Roberto na comunidade é excepcional.
Avatar

Jônatas Quirino

@jonatasquirino
Acompanho o trabalho de vocês a algum tempo, acho que desde que vi um de vocês no Papinho tech. Acho que vocês fazem um trabalho incrível de conteúdo frontend. Muito potencial para ser o melhor conteúdo de front do Brasil se já não for.
Avatar

Evandro Calado

@evandro__calado

Domine o frontend moderno com o Codante PRO

Tenha acesso completo a todos os nossos workshops e mini projetos, além de poder receber certificados e participar dos nossos canais exclusivos para membros PRO no Discord.

Gratuito

R$0

Mini Projetos

  • Acesso aos Mini Projetos gratuitos
  • Acesso aos Mini Projetos em destaque
  • Acesso a todos os Mini Projetos
  • Certificado

Workshops

  • Acesso limitado aos workshops
  • Acesso a todos os workshops
  • Certificado

Outras Vantagens

  • Acesso à Comunidade
  • Canais PRO da Comunidade
  • Pro Badge

Mini Projetos

  • Acesso a todos os Mini Projetos
  • Submeta sua resolução
  • Tutorial de resolução de projetos
  • Certificado

Workshops

  • Acesso a todos os workshops
  • Certificado

Outras vantagens

  • Pro Badge
  • Canais PRO da Comunidade
  • Plano Anual: tenha acesso a todos os conteúdos por 12 meses
Recomendado

Mini Projetos

  • Acesso a todos os Mini Projetos
  • Submeta sua resolução
  • Tutorial de resolução de projetos
  • Certificado

Workshops

  • Acesso a todos os workshops
  • Certificado

Outras vantagens

  • Pro Badge
  • Canais PRO da Comunidade
  • Plano Vitalício: pague uma vez, tenha acesso enquanto o Codante existir

Tem alguma dúvida?

Aqui você encontra respostas para as perguntas mais frequentes sobre o Codante.

Quais são as vantagens de se tornar um assinante PRO?

O que significa plano "vitalício" ?

Vou ter acesso a novos conteúdos que forem adicionados?

Qual a frequência de novos conteúdos?

Mas vocês não eram gratuitos/open-source?

É seguro colocar meu cartão de crédito?

Posso obter um certificado no plano gratuito?

Como acessar a comunidade VIP? Onde estão os canais exclusivos?

Ajude nossa comunidade a crescer

Siga nossas redes sociais e ajude a divulgar o Codante para nos ajudar a espalhar o conhecimento.