Projeto Input de cartão de crédito

Pratique seus conhecimentos em HTML, CSS e JavaScript criando um input para cartão de crédito!

Assistir agora

1. Introdução

Todos os nossos projetos são gratuitos, porém os tutoriais são exclusivos para membros do Codante PRO. Algumas aulas estão abertas para você experimentar.

Se gostar, considere assinar para ter acesso a todos os tutoriais e apoiar o projeto!

Seu Instrutor

Roberto Cestari

Codante.io

Fundador e Professor no Codante.io.

Foi Tech Lead de front-end e professor especialista em React.

Formado e Mestre pela USP e formado pela FGV - EAESP.

Fundador e desenvolvedor da plataforma Trilhante, uma das maiores empresas de educação jurídica do país.

Junte-se a outras 23 pessoas que estão fazendo esse mini projeto.

Projeto Input de cartão de crédito

Assistir agora

Seu Instrutor

Roberto Cestari

Aulas

Introdução

Requisitos do Projeto

Iniciando o Projeto e limpando os arquivos

Criando a estrutura do HTML

CSS: Criando o Layout

CSS: Estilizando o Cartão

CSS: Estilizando o Formulário

JS: Acessando os elementos HTML

JS: Formatando o número do cartão

JS: Transpondo outros campos para o cartão

JS: Aceitando apenas dígitos numéricos

Criando o verso do cartão

Fazendo o verso aparecer automaticamente

Animando a rotação do cartão

Responsividade para Mobile

Junte-se a outras 23 pessoas que estão fazendo esse mini projeto.