Black Friday do Codante

Dia 15/11 vamos revelar nossa oferta limitada. Vai ser sua última chance de aproveitar o desconto exclusivo do nosso plano vitalício com bônus especiais.

Cadastre seu e-mail para ficar por dentro!

  • Tenha acesso antecipado à nossa oferta
  • Prioridade nos bônus limitados
  • Acesso vitalício a todos os conteúdos do Codante

Receba nossa oferta

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

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

Resolução de

Thiago Magno

Screenshot da aplicação submetida

Resolução de

Felipe Muller

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

Matttrovao

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

Resolução de

Sumoyama

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

Resolução de

Matheus Ramos

Screenshot da aplicação submetida

Resolução de

Thiago Credico

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

Jhollyfer Rodrigues

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

Nícolas Gabriel

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

Pedro Lima

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

Matheus Oliveira Monteiro

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

Joseph

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

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 3861 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
Eu era Tech Manager focado em gestão de projetos agora estou procurando novamente uma vaga para dev então vou fazer workshops e bootcamps gratuitos para aprimorar e voltar para o mercado DEV.
Avatar

Bruno Hauck

@mentornerd

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?