Curso
Primeiros passos com a jQuery
Aprenda neste curso front-end como criar botões com a biblioteca jQuery. Para isso usaremos três exemplos: um botão estilo Thumbs, que ao ser clicado incrementa um contador, o mesmo botão, porém com a funcionalidade de responder dinamicamente ao click com uma mensagem de agradecimento e um botão de quantidade, que permite incrementar ou decrementar o contador, tendo o zero como valor mínimo.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
6 horas
Curso de jQuery (6 aulas)
Aula 1 - Introdução
Antes de iniciar a construção dos botões, veja nesta aula qual será o comportamento de cada um deles. Acompanhe também uma breve discussão sobre o papel da jQuery em relação ao JavaScript e a outras tecnologias como Angular e React.
Aula 2 - Criando um botão de Thumbs - Parte 1
Confira aqui todo código necessário para criar um botão de Thumbs e com isso aprenda a manipular o DOM em resposta a um evento de click ;)
Aula 3 - Criando um botão de Thumbs - Parte 2
Dando continuidade à criação do botão de Thumbs, agora veremos como modificar o total apresentado pelo contador implementando a função onClick.
Aula 4 - Inserindo uma mensagem na página dinamicamente
Evoluindo o botão de Thumbs acrescentamos na função onClick a capacidade de adicionar uma mensagem de agradecimento na página. Para isso utilizamos o seletor da jQuery e a função after(). Acompanhe esse passo a passo neste vídeo.
Aula 5 - Criando um botão de quantidades
Neste terceiro exemplo veremos a construção de um botão de quantidades, que atualiza o contador incrementando ou decrementando seu valor.
Aula 6 - Arquitetura do projeto
Antes de iniciar a construção dos botões, veja nesta aula qual será o comportamento de cada um deles. Acompanhe também uma breve discussão sobre o papel da jQuery em relação ao JavaScript e a outras tecnologias como Angular e React.
Veja outros cursos de JavaScript
JavaScript: Input
JavaScript: Aplicação em camadas
JavaScript: Objeto Literal e coleção de objetos