Aprenda front-end
de verdadeLine stroke effect

Entenda porque você se sente completamente perdido(a) quando está estudando programação e descubra o que você pode fazer para aprender front-end DE VERDADE para conquistar os seus objetivos de carreira.

Assista à aula

Fundo em gradiente com ícone de ampulheta

Acesso vitalício

Fundo em gradiente com ícone de medalha

30 dias de garantia

Fundo em gradiente com ícone do Discord

Comunidade no Discord

Fundo em gradiente com ícone de escudo

Pagamento seguro

Aprenda e pratique as principais

Tecnologias de front-end

React
Next.js
Tailwind
Framer Motion
Typescript
HTML
CSS
Javascript

Aprenda do jeito certo

Line stroke effectSmoke effect
Pirâmide de glasser - aprendizagem passiva

Quando você está assistindo uma aula ou vendo um curso, você está na etapa de aprendizagem passiva. Você aprende, mas não de forma profunda.

Quando você está de fato colocando a mão na massa, você está na etapa de aprendizagem ativa. Aqui o aprendizado é maior.

Pirâmide de glasser - aprendizagem ativa

Muita gente acha que quando está assitindo um curso e programando junto com o professor, está praticando de forma ativa. Mas a verdade é que isso ainda é aprendizado passivo. Você precisa ir além. Depois de fazer cursos e projetos guiados, você tem que continuar se aprofundando na prática.

É por isso que o Codante usa a ideia da

Prática progressiva

Efeito brilhante (sparkle) desenhado a mao - forma 1Efeito brilhante (sparkle) desenhado a mao - forma 2Efeito brilhante (sparkle) desenhado a mao - forma 3Escada da prática progressiva - Base teórica, prática guiada, prática direcionada e mundo real
Base teórica

A primeira etapa é construir sua base teórica. Pode ser estudando documentação, fazendo um curso, assistindo vídeos, lendo artigos, ouvindo podcasts, etc.

No Codante, nós disponibilizamos Workshops para isso.

Perceba que essa parte combina com a aprendizagem passiva. Antes de mergulhar na prática, você precisa de uma base. Mas tenha consciência que você não vai aprender de verdade se fizer apenas isso.

Prática guiada

Para continuar aprendendo, você tem que começar a por a mão na massa. Então é interessante que você comece a fazer projetos.

O problema é que se você for direto tentar fazer um projeto de um assunto que você ainda está aprendendo, é bem possível que você não consiga e acabe se frustando.

Por isso, recomendamos que você faça projetos guiados. Assistir alguém fazendo um projeto ajuda muito a se destravar.

No Codante, nós disponibilizamos tutoriais passo-a-passo resolvendo nossos projetos.

Mas tenha consciência que isso ainda é uma aprendizagem passiva. Você não pode parar aqui.

Prática direcionada

Agora é a hora de começar a andar por conta própria. Nessa etapa você tem que quebrar a cabeça para aprender de forma autônoma. Para isso, faça projetos sem CTRL C + CTRL V.

O problema é que se você tentar inventar um projeto do nada, provavelmente você vai ter várias ideias mirabolantes e se distrair.

Para resolver isso, pratique de forma direcionada. Escolha um projeto que você tenha pelo menos uma lista de requisitos ou um design.

No Codante, nós disponibilizamos projetos com uma lista de requisitos e um design no Figma para isso.

Agora sim você está praticando de forma ativa.

Mundo real

A maioria das pessoas pensa que depois que você faz um curso, acabou o aprendizado.

A realidade é que quando você vai pro mundo real, você continua aprendendo coisas novas e isso faz parte do processo de aprendizado.

Se você vai usar esse aprendizado no trabalho, o trabalho vai ser o seu mundo real.

Caso você esteja aprendendo por outros motivos, você pode colocar suas ideias mirabolantes em prática e criar projetos pessoais. O ideal são projetos que vão ser usados por outras pessoas.

Outra possibilidade é contribuir para projetos open-source

E o aprendizado continua... depois que você chega no mundo real, você pode voltar para a base teórica. Se for preciso, pode pular degraus ou ficar mais tempo em um mesmo.

O mais importante é entender que aprender não é uma linha reta, mas sim um ciclo infinito.

Veja o que a nossa comunidade está construindo com base na técnica da prática progressiva.

Esses projetos foram feitos por pessoas que estão aprendendo e praticando front-end.

Alguns foram feitos de forma guiada, seguindo os nossos tutoriais. Outros foram feitos de forma direcionada, apenas a partir da lista de requisitos e do Figma.

Screenshot da aplicação submetida

Resolução de

Felipe Muller

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

Erickson Siqueira Da Silva

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

Resolução de

Nícolas Gabriel

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

Resolução de

Matttrovao

Screenshot da aplicação submetida

Resolução de

Thiago Credico

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

Matheus Oliveira Monteiro

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

Pedro Lima

Screenshot da aplicação submetida

Resolução de

Matheus Ramos

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
Avatar do usuário

Resolução de

Sumoyama

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

Resolução de

Israel Vinicius Pereira

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

Jhollyfer Rodrigues

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

Pablo Landim De Sá

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

Resolução de

João Pedro Santana

Screenshot da aplicação submetida

Resolução de

Thiago Credico

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

Resolução de

Thiago Magno

Fortaleça sua base teórica com nossos

Workshops

Line stroke effect
Smoke effect

Nossos workshops são verdadeiras aulas ministradas por nós e por profissionais convidados. Eles são gravados ao vivo e posteriormente editados e disponibilizados na plataforma. Tudo feito com muito carinho e foco na qualidade.

Assinando o Codante PRO, você tem acesso a todos os nossos workshops. Inclusive os próximos que lançarmos.

Fundo gradiente com screenshot da tela de workshops

Veja alguns exemplos

Ver todos

Pratique com nossos

Mini projetos

Line stroke effectSmoke effect
Fundo gradiente com screenshot da tela de mini projetos

Nossos mini projetos são projetos completos, contendo uma lista de requisitos e um design no Figma. Eles são focados em uma tecnologia específica, mas você pode fazer da forma como preferir.

Você pode fazê-los de forma guiada, assistindo nossas resoluções oficiais ou fazê-los de forma direcionada, apenas seguindo a lista de requisitos e quebrando a cabeça pra chegar em uma solução.

As listas de requisitos e Figmas são gratuitos. Assinando o Codante PRO, você tem acesso a todas as nossas resoluções oficiais de projetos. Inclusive as próximas que lançarmos.

Veja alguns exemplos

Ver todos

Siga um caminho detalhado com nossas

Trilhas

Line stroke effectSmoke effect

Nossas trilhas são a junção de projetos, workshops e links externos de uma forma sequencial, para quem gosta de ter um caminho pra seguir.

Ao invés de fazer um curso, você pode ir seguindo o passo-a-passo da trilha, dessa forma você aprende de forma muito mais ativa.

Alguns conteúdos das trilhas são gratuitos. Assinando o Codante PRO, você tem acesso a todas as trilhas de forma completa. Inclusive as próximas que lançarmos.

Fundo gradiente com screenshot da tela de mini projetos
Ver todas

Continue evoluindo junto com nossa

Comunidade

Line stroke effectSmoke effect

Já somos 4062 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

O Codante é composto por uma comunidade de pessoas que estão praticando e evoluindo juntas. Você pode se conectar com elas através do nosso servidor no Discord.

Além disso, você pode ver quem está participando dos projetos e acessar as resoluções da comunidade para ver como outras pessoas resolveram os desafios.

Assinando o Codante PRO, você tem acesso a um canal exclusivo no Discord com prioridade de atendimento da nossa equipe.

Quem somos nós

Line stroke effectSmoke effect

O Codante é a junção dos nossos anos de experiência como devs e professores.

Somos apaixonados por desenvolvimento web, principalmente front-end. Por isso, colocamos muito carinho para criar uma plataforma que seja bonita e com uma ótima experiência para nossa comunidade.

Conheça um pouco mais sobre nossa história:

Ícaro Harry

Ícaro Harry

  • Dev front-end há 10 anos e professor há 4 anos.
  • Ensinou, treinou e mentorou mais de 600 pessoas no Brasil e na Europa, antes de começar o Codante.
  • Foi coordenador responsável por turmas de até 450 alunos, gerindo equipes de até 12 professores e instrutores.
  • Trabalhou como desenvolvedor em 5 empresas nacionais e internacionais, tendo atuado em projetos nas áreas de visualização de dados médicos; mercado financeiro e blockchain.
  • Trabalhou em projetos com React, Vue, Angular (1 e 2),Next.js, Remix, tendo uma ampla experiência com diferentes tecnologias de front-end.
Roberto Cestari

Roberto Cestari

  • Foi Tech Lead de Front-end e responsável pelo currículo de Front-end bem como liderança técnica de um time de mais de 20 pessoas em uma das maiores empresas de educação do país.
  • Foi professor de Front-End para mais de 400 alunos antes de começar o Codante.
  • É fundador e CTO do Trilhante, uma das maiores plataformas de ensino de direito do Brasil. O Trilhante possui em sua plataforma 20k aulas e 680 cursos, todos gravado in-house, e conta com 117k usuários e mais de 25k assinaturas vendidas.
  • Além da plataforma, o canal do Youtube conseguiu ~300k seguidores com mais de 29 milhões de aulas assistidas.
  • É graduado em Administração de Empresas pela EAESP-FGV, e graduado e mestre em Direito pela USP

Um pouco de amor dos nossos alunos

Depoimentos

Line stroke effect
Smoke effect
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

Assine agora o

Codante PRO

Smoke effect

Gratuito

R$0

Mini Projetos

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

Workshops

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

Outras Vantagens

  • Acesso à Comunidade
  • Canais PRO da Comunidade
  • Pro Badge
  • Acesso ao Ranking Premiado

Mini Projetos

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

Workshops

  • Acesso a todos os workshops por 12 meses
  • Certificado

Trilhas

  • Acesso a todas as trilhas por 12 meses
  • Certificado

Outras vantagens

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

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

Trilhas

  • Acesso a todas as trilhas
  • Certificado

Outras vantagens

  • Pro Badge
  • Canais PRO da Comunidade
  • Plano Vitalício: pague uma vez, tenha para sempre

Comprando agora você ganha

Bônus

Line stroke effect
Smoke effect

Comprando agora, você leva de bônus uma análise de currículo e LinkedIn.

Para ter acesso, bastar assinar o Codante PRO agora. Depois disso, você precisa usar a plataforma e submeter 2 projetos da sua escolha. Depois, basta entrar em contato pelo Discord para solicitar sua análise.

Nossa equipe vai fazer um relatório mostrando tudo o que você pode melhorar para conquistar os seus objetivos.

Fundo gradiente com screenshot da tela com LinkedIn e Currículo

Perguntas frequentes

Smoke effect

O que significa plano "vitalício" ?

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

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

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?