Aprenda front-end
de verdade
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
Acesso vitalício
30 dias de garantia
Comunidade no Discord
Pagamento seguro
Aprenda e pratique as principais
Tecnologias de front-end
Aprenda do jeito certo
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.
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
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
Base teórica
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.
Fortaleça sua base teórica com nossos
Workshops
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.
Veja alguns exemplos
Workshop
NextAuth no Next.js 14
Roberto Cestari
Codante.io
22 aulas
3h35
Gratuito
Workshop
Typescript no React
Roberto Cestari
Codante.io
28 aulas
2h28
Workshop
Introdução a Microfrontends
Lucas Viana
Arcotech
16 aulas
2h20
Workshop
Introdução ao GraphQL
Lucas Viana
Arcotech
21 aulas
2h16
Workshop
React Server Components
Roberto Cestari
Codante.io
18 aulas
2h15
Gratuito
Workshop
Design para Devs
Roberto Cestari
Codante.io
40 aulas
3h10
Pratique com nossos
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
TailwindCSS
'%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
'%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FCDF77'%20/%3e%3cstop%20offset='1'%20stop-color='%23C9349F'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Next.js
'%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
'%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FCDF77'%20/%3e%3cstop%20offset='1'%20stop-color='%23C9349F'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23FCDF77'%20/%3e%3cstop%20offset='1'%20stop-color='%23C9349F'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
React
'%20rx='24'%20/%3e%3cpath%20fill='url(%23b)'%20d='M334%20328c0-13.255%2010.745-24%2024-24h52c13.255%200%2024%2010.745%2024%2024v212c0%2013.255-10.745%2024-24%2024h-52c-13.255%200-24-10.745-24-24V328Z'%20/%3e%3crect%20width='100'%20height='360'%20x='481'%20y='204'%20fill='url(%23c)'%20rx='24'%20/%3e%3cdefs%3e%3clinearGradient%20id='a'%20x1='237'%20x2='300.848'%20y1='384'%20y2='647.042'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='b'%20x1='384'%20x2='509.62'%20y1='304'%20y2='662.291'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23E177FC'%20/%3e%3cstop%20offset='1'%20stop-color='%236D0592'%20/%3e%3c/linearGradient%3e%3clinearGradient%20id='c'%20x1='531'%20x2='749.86'%20y1='204'%20y2='654.832'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23DEDEDE'%20/%3e%3cstop%20offset='1'%20stop-color='%23BDBDBD'%20/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e)
Siga um caminho detalhado com nossas
Trilhas
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.
Continue evoluindo junto com nossa
Comunidade
Já somos 3910 devs evoluindo nossas habilidades de front-end.
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
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
- 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
- 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
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!
Bruno Alves
@alvesbrunologO 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.
Keyla Costa Dalseco
@keyladalsecoConheci 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! ❤️
Thiago Credico
@thiagocredicoDois professores sensacionais que me mostraram o caminho do frontend! Sucesso para vocês! Estou acompanhando este projeto de perto!
Mariana Saraiva
@marianascmouraProgramaçã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.
Jônatas Quirino
@jonatasquirinoEu 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.
Bruno Hauck
@mentornerdAssine agora o
Codante PRO
Esse é o melhor momento da história para assinar o Codante.
Nós vamos recompensar as pessoas que estão acreditando no projeto desde o início com acesso vitalício e um preço inédito que não vai se repetir nessas condições.
Quanto antes você assinar o Codante, mais barato você vai pagar.
O Codante está apenas começando. Em apenas 1 ano de existência já construímos muita coisa. Dá uma olhada:
+aulas
projetos
workshops
trilha
Nós estamos trabalhando para nos tornar uma das maiores plataformas de ensino de programação do Brasil. Então nós não vamos parar de produzir conteúdo!
Queremos recompensar de verdade as pessoas que estão nos apoiando desde já. Vamos lançar um preço dinâmico que vai ser mais barato o quanto antes você comprar.
A cada novo conteúdo que adicionarmos, o preço vai subir R$1.
A cada 100 pessoas que assinarem, o preço vai subir R$10.
Não perca tempo. Assine agora para obter o melhor preço.
conteúdos adicionadosdesde o começo da promoção
pessoas assinaramdesde o último aumento de preço100 assinaturas restantes nesse preço
Preço atual
Oferta de Black Friday
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
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.
Perguntas frequentes
O que significa plano "vitalício" ?
O plano Vitalício do Codante é uma assinatura em que você paga uma única vez, mas tem acesso para sempre. Isso significa que, na prática, enquanto o Codante existir, você terá acesso aos recursos e benefícios exclusivos do plano PRO. Inclusive atualizações e novos conteúdos que forem adicionados no futuro.
Vou ter acesso a novos conteúdos que forem adicionados?
Sim! O plano Vitalício do Codante garante acesso a todos os novos conteúdos que forem adicionados no futuro, sem custo adicional.
Quais são as vantagens de se tornar um assinante PRO?
Como assinante PRO, além de participar de todos os Mini Projetos, poderá ter acesso às resoluções oficiais com vídeo, realizadas pela equipe Codante, e acesso total a todos os Workshops da plataforma. Os assinantes PRO também ficarão elegíveis a receberem certificados, além de outros benefícios como o Pro Badge, canais PRO na comunidade e acesso ao Ranking Premiado.
Qual a frequência de novos conteúdos?
Temos como meta adicionar novos conteúdos semanalmente. Mas veja, ainda estamos no começo da jornada e isso poderá variar de acordo com a disponibilidade da nossa equipe.
Mas vocês não eram gratuitos/open-source?
O Codante sempre foi e sempre será Open Source. Isso significa que todo o código fonte da plataforma é aberto e disponível para qualquer pessoa. Outro compromisso nosso é sempre criar conteúdo gratuito de qualidade - e isso não irá mudar. Estamos oferecendo um plano PRO para quem quiser ter acesso a recursos e benefícios exclusivos, além de ajudar a manter o projeto.
É seguro colocar meu cartão de crédito?
Totalmente. Todas as transações realizadas na nossa plataforma são processadas pelo provedor Pagar.me (Stone), que oferece um ambiente seguro e confiável para a realização de pagamentos online. Nós não armazenamos nenhum dado do seu cartão de crédito (e nem conseguiríamos porque não temos acesso).
Posso obter um certificado no plano gratuito?
Não, os certificados estão disponíveis apenas para assinantes do plano PRO. Fale com a gente no Discord sobre seus certificados! Temos um canal para isso!
Como acessar a comunidade VIP? Onde estão os canais exclusivos?
Assim que você assinar o Codante, nós iremos te incluir nos canais exclusivos da comunidade no Discord. Fale com a gente se houver alguma dúvida!