curso ​HTML 5 Data Attributes: Armazenando informações em elementos HTML

Neste curso vamos aprender a utilizar os Data Attributes, um recurso do HTML 5 que permite definir atributos customizados nas tags. Esses atributos, cujo nome inicia com “data-” podem ser usados para diversas finalidades. Neste curso aprenderemos a usá-los no HTML e como acessá-los via CSS e jQuery.

Iniciar Carga Horária No Certificado - 8H

Curso de HTML5 Data Attributes

Aula 1 - free

Introdução e apresentação do projeto

Neste vídeo apresentaremos o projeto que será desenvolvido para manipular os data attributes do HTML5. Durante o curso veremos tanto a definição dos atributos no HTML, quanto a sua utilização via CSS e jQuery.
free
Aula 2 - mvp

Conhecendo a sintaxe dos data attributes

Neste vídeo veremos como são criados os data attributes em um documento HTML. Veremos aqui a sua sintaxe e como definir o seu nome e o seu valor.
mvp
Aula 3 - mvp

Estrutura do HTML

Neste vídeo analisaremos a estrutura da página HTML do exemplo que será desenvolvido. Nessa página adicionaremos alguns labels que receberão os data attributes via jQuery posteriormente.
mvp
Aula 4 - mvp

Estilizando a página com CSS

Neste vídeo veremos a folha de estilos CSS que será utilizada para definir a formatação visual da página HTML que vimos anteriormente.
mvp
Aula 5 - mvp

Inserindo valor nos data attributes

Neste vídeo veremos como adicionar os data attributes às tags HTML via jQuery e como atribuir a eles os valores definidos de acordo com nosso cálculo de bônus.
mvp
Aula 6 - mvp

Capturando o valor dos data attributes

Neste vídeo veremos como obter, via jQuery, o valor dos data attributes já adicionados às tags HTML. Em seguida enviaremos uma requisição Ajax com esses valores.
mvp
Aula 7 - mvp

Limpando o campo para novos cálculos

Neste vídeo veremos como limpar o label referente ao bônus para que o usuário possa enviar novas requisições.
mvp
Aula 8 - mvp

Conclusões

Finalizando nosso curso, veremos neste vídeo um resumo do conteúdo que foi aprendido ao longo dos vídeos. Aqui aprendemos a adicionar data attributes no HTML5 e a utilizar esses atributos no CSS e no jQuery.
mvp

Autor do curso

Certificado Devmedia

Todos os nossos cursos oferecem certificado com carga horária. Eles são aceitos em todas as faculdades e orgãos públicos do Brasil. Assim que finalizar um curso já emita o seu.

Suporte ao aluno em tempo real

Todos os cursos possuem professores online para ajudar em qualquer dúvida que for necessária para o completo entendimento do curso.

Avaliação do curso

Como adquirir esse curso?

Acesse esse e todos os demais cursos devmedia sendo um assinante mvp

Benefícios MVP
  • Guias de referência
  • Suporte em tempo real
  • Assista o conteúdo offline
  • Emissão de certificado
  • #JOBS - Diversas vagas de emprego
  • Web-currículo
SEJA MVP
R$ 69,90 /mês
Assine agora e tenha acesso ao curso
15 anos de treinamento online
700 mil cadastros
170 mil fãs no facebook
100 mil certificados emitidos