Assine e desbloqueie acesso ilimitado na plataforma

Assinar agora
FrontendCom certificado

HTML 5

Todas as Tags, Atributos e Eventos do HTML5 além de CSS 3 e JavaScript na Prática com Projetos Didáticos e Incríveis.

Iniciantenível
18h 18mde conteúdo
9módulos
256aulas
Assinar e começarJá é assinante? Entrar

Sobre o curso

Todas as Tags, Atributos e Eventos do HTML5 além de CSS 3 e JavaScript na Prática com Projetos Didáticos e Incríveis.

O que você vai aprender

Habilidades trabalhadas ao longo das aulas.

  • HTML
  • JavaScript
  • CSS
  • JSON
  • Formulários Web
  • REST API

Áreas de conhecimento

24.260 XP distribuídos entre as áreas abaixo.

  • Frontend89%
  • Backend9%
  • Fundamentos2%
  • Segurança0%

Conteúdo do curso

9 módulos · 256 aulas

Visão Geral

2 aulas · 4 min

  • Visão Geral do Curso

    Vídeo

    4 min

  • Questionário — Visão Geral

    Questão

    —

Introdução e Configuração do Ambiente

7 aulas · 58 min

  • O que é HTML?

    VídeoMaterial de apoio

    14 min

  • Editores de Texto

    VídeoMaterial de apoio

    7 min

  • Estrutura de Um Arquivo HTML

    VídeoMaterial de apoio

    7 min

  • Navegadores

    VídeoMaterial de apoio

    9 min

  • Ferramenta para Desenvolvedores

    Vídeo

    14 min

  • Estrutura de Páginas

    Vídeo

    10 min

  • Questionário — Introdução e Configuração do Ambiente

    Questão

    —

Atributos Globais

17 aulas · 69 min

  • Atributos Globais

    VídeoMaterial de apoio

    6 min

  • Atributo: accesskey

    Vídeo

    4 min

  • Atributo: class

    Vídeo

    5 min

  • Atributo: contenteditable

    Vídeo

    4 min

  • Atributo: data-*

    Vídeo

    6 min

  • Atributo: dir

    Vídeo

    3 min

  • Atributo: draggable

    Vídeo

    4 min

  • Atributo: dropzone

    Vídeo

    15 min

  • Atributo: hidden

    Vídeo

    3 min

  • Atributo: id

    Vídeo

    5 min

  • Atributo: lang

    Vídeo

    3 min

  • Atributo: spellcheck

    Vídeo

    4 min

  • Atributo: style

    Vídeo

    3 min

  • Atributo: tabindex

    Vídeo

    5 min

  • Atributo: title

    Vídeo

    3 min

  • Atributo: translate

    Vídeo

    3 min

  • Questionário — Atributos Globais

    Questão

    —

Tags

114 aulas · 541 min

  • Tag: html

    VídeoMaterial de apoio

    4 min

  • Doctype

    Vídeo

    2 min

  • Comentários

    Vídeo

    4 min

  • Tag: body

    VídeoMaterial de apoio

    5 min

  • Tag: head

    VídeoMaterial de apoio

    3 min

  • Tag: title

    VídeoMaterial de apoio

    3 min

  • Tag: meta

    VídeoMaterial de apoio

    12 min

  • Tag: p

    VídeoMaterial de apoio

    3 min

  • Tag: h1

    VídeoMaterial de apoio

    4 min

  • Tag: h2

    VídeoMaterial de apoio

    4 min

  • Tag: h3

    VídeoMaterial de apoio

    3 min

  • Tag: h4

    VídeoMaterial de apoio

    3 min

  • Tag: h5

    VídeoMaterial de apoio

    4 min

  • Tag: h6

    VídeoMaterial de apoio

    4 min

  • Tag: style

    VídeoMaterial de apoio

    5 min

  • Tag: script

    VídeoMaterial de apoio

    11 min

  • Tag: div

    VídeoMaterial de apoio

    5 min

  • Tag: span

    VídeoMaterial de apoio

    4 min

  • Tag: link

    VídeoMaterial de apoio

    17 min

  • Tag: noscript

    VídeoMaterial de apoio

    4 min

  • Tag: embed

    VídeoMaterial de apoio

    5 min

  • Tag: object

    VídeoMaterial de apoio

    5 min

  • Tag: param

    VídeoMaterial de apoio

    4 min

  • Tag: base

    VídeoMaterial de apoio

    5 min

  • Tag: iframe

    VídeoMaterial de apoio

    5 min

  • Tag: a

    VídeoMaterial de apoio

    19 min

  • Tag: img

    VídeoMaterial de apoio

    9 min

  • Tag: figure

    VídeoMaterial de apoio

    3 min

  • Tag: figcaption

    VídeoMaterial de apoio

    3 min

  • Tag: audio

    VídeoMaterial de apoio

    10 min

  • Tag: video

    VídeoMaterial de apoio

    9 min

  • Tag: source

    VídeoMaterial de apoio

    7 min

  • Tag: picture

    VídeoMaterial de apoio

    6 min

  • Tag: track

    VídeoMaterial de apoio

    7 min

  • Tag: table

    VídeoMaterial de apoio

    6 min

  • Tag: tr

    VídeoMaterial de apoio

    3 min

  • Tag: td

    VídeoMaterial de apoio

    6 min

  • Tag: thead

    VídeoMaterial de apoio

    4 min

  • Tag: tbody

    VídeoMaterial de apoio

    3 min

  • Tag: tfoot

    VídeoMaterial de apoio

    3 min

  • Tag: th

    VídeoMaterial de apoio

    5 min

  • Tag: template

    VídeoMaterial de apoio

    6 min

  • Tag: colgroup

    VídeoMaterial de apoio

    5 min

  • Tag: col

    VídeoMaterial de apoio

    5 min

  • Tag: caption

    VídeoMaterial de apoio

    5 min

  • Tag: header

    VídeoMaterial de apoio

    6 min

  • Tag: main

    VídeoMaterial de apoio

    6 min

  • Tag: footer

    VídeoMaterial de apoio

    4 min

  • Tag: article

    VídeoMaterial de apoio

    5 min

  • Tag: section

    VídeoMaterial de apoio

    5 min

  • Tag: aside

    VídeoMaterial de apoio

    6 min

  • Tag: nav

    VídeoMaterial de apoio

    5 min

  • Tag: address

    VídeoMaterial de apoio

    8 min

  • Tag: details

    VídeoMaterial de apoio

    6 min

  • Tag: summary

    VídeoMaterial de apoio

    4 min

  • Tag: ul

    VídeoMaterial de apoio

    5 min

  • Tag: ol

    VídeoMaterial de apoio

    6 min

  • Tag: li

    VídeoMaterial de apoio

    4 min

  • Tag: map

    VídeoMaterial de apoio

    5 min

  • Tag: area

    VídeoMaterial de apoio

    9 min

  • Tag: abbr

    VídeoMaterial de apoio

    4 min

  • Tag: b

    VídeoMaterial de apoio

    3 min

  • Tag: bdi

    VídeoMaterial de apoio

    5 min

  • Tag: bdo

    VídeoMaterial de apoio

    4 min

  • Tag: blockquote

    VídeoMaterial de apoio

    4 min

  • Tag: q

    VídeoMaterial de apoio

    4 min

  • Tag: br

    VídeoMaterial de apoio

    3 min

  • Tag: wbr

    VídeoMaterial de apoio

    4 min

  • Tag: cite

    VídeoMaterial de apoio

    3 min

  • Tag: data

    VídeoMaterial de apoio

    3 min

  • Tag: del

    VídeoMaterial de apoio

    3 min

  • Tag: ins

    VídeoMaterial de apoio

    4 min

  • Tag: dfn

    VídeoMaterial de apoio

    3 min

  • Tag: em

    VídeoMaterial de apoio

    3 min

  • Tag: hr

    VídeoMaterial de apoio

    4 min

  • Tag: i

    VídeoMaterial de apoio

    4 min

  • Tag: kbd

    VídeoMaterial de apoio

    4 min

  • Tag: mark

    VídeoMaterial de apoio

    3 min

  • Tag: ruby

    VídeoMaterial de apoio

    5 min

  • Tag: rp

    VídeoMaterial de apoio

    4 min

  • Tag: rt

    VídeoMaterial de apoio

    4 min

  • Tag: s

    VídeoMaterial de apoio

    3 min

  • Tag: small

    VídeoMaterial de apoio

    4 min

  • Tag: strong

    VídeoMaterial de apoio

    3 min

  • Tag: sub

    VídeoMaterial de apoio

    3 min

  • Tag: sup

    VídeoMaterial de apoio

    3 min

  • Tag: time

    VídeoMaterial de apoio

    4 min

  • Tag: u

    VídeoMaterial de apoio

    3 min

  • Tag: pre

    VídeoMaterial de apoio

    3 min

  • Tag: samp

    VídeoMaterial de apoio

    3 min

  • Tag: var

    VídeoMaterial de apoio

    3 min

  • Tag: code

    VídeoMaterial de apoio

    3 min

  • Tag: dl

    VídeoMaterial de apoio

    3 min

  • Tag: dt

    VídeoMaterial de apoio

    3 min

  • Tag: dd

    VídeoMaterial de apoio

    3 min

  • Tag: form

    VídeoMaterial de apoio

    8 min

  • Tag: input

    VídeoMaterial de apoio

    42 min

  • Tag: button

    VídeoMaterial de apoio

    7 min

  • Tag: fieldset

    VídeoMaterial de apoio

    5 min

  • Tag: legend

    VídeoMaterial de apoio

    3 min

  • Tag: select

    VídeoMaterial de apoio

    6 min

  • Tag: option

    VídeoMaterial de apoio

    4 min

  • Tag: optgroup

    VídeoMaterial de apoio

    4 min

  • Tag: datalist

    VídeoMaterial de apoio

    4 min

  • Tag: textarea

    VídeoMaterial de apoio

    6 min

  • Tag: dialog

    VídeoMaterial de apoio

    5 min

  • Tag: output

    VídeoMaterial de apoio

    7 min

  • Tag: meter

    VídeoMaterial de apoio

    7 min

  • Tag: progress

    VídeoMaterial de apoio

    3 min

  • Tag: canvas

    VídeoMaterial de apoio

    8 min

  • Tag: svg

    VídeoMaterial de apoio

    8 min

  • Tag: hgroup

    VídeoMaterial de apoio

    8 min

  • Tag: marquee

    VídeoMaterial de apoio

    7 min

  • Questionário — Tags

    Questão

    —

Eventos

69 aulas · 150 min

  • Eventos

    VídeoMaterial de apoio

    13 min

  • Eventos de Impressão

    Vídeo

    5 min

  • Evento: beforeunload

    Vídeo

    3 min

  • Evento: error

    Vídeo

    2 min

  • Evento: hashchange

    Vídeo

    2 min

  • Evento: load

    Vídeo

    1 min

  • Evento: offline e online

    Vídeo

    3 min

  • Evento: pageshow

    Vídeo

    2 min

  • Evento: resize

    Vídeo

    2 min

  • Evento: unload

    Vídeo

    3 min

  • Evento: blur

    Vídeo

    2 min

  • Evento: change

    Vídeo

    3 min

  • Evento: contextmenu

    Vídeo

    2 min

  • Evento: focus

    Vídeo

    2 min

  • Evento: input

    Vídeo

    2 min

  • Evento: invalid

    Vídeo

    3 min

  • Evento: reset

    Vídeo

    2 min

  • Evento: search

    Vídeo

    2 min

  • Evento: select

    Vídeo

    2 min

  • Evento: submit

    Vídeo

    3 min

  • Evento: keydown

    Vídeo

    2 min

  • Evento: keypress

    Vídeo

    2 min

  • Evento: keyup

    Vídeo

    2 min

  • Evento: click

    Vídeo

    3 min

  • Evento: dblclick

    Vídeo

    3 min

  • Evento: mousedown

    Vídeo

    2 min

  • Evento: mousemove

    Vídeo

    2 min

  • Evento: mouseout

    Vídeo

    2 min

  • Evento: mouseover

    Vídeo

    2 min

  • Evento: mouseup

    Vídeo

    2 min

  • Evento: wheel

    Vídeo

    2 min

  • Evento: mouseenter

    Vídeo

    3 min

  • Evento: mouseleave

    Vídeo

    2 min

  • Evento: drag

    Vídeo

    2 min

  • Evento: dragend

    Vídeo

    2 min

  • Evento: dragenter

    Vídeo

    3 min

  • Evento: dragleave

    Vídeo

    2 min

  • Evento: dragover

    Vídeo

    3 min

  • Evento: dragstart

    Vídeo

    2 min

  • Evento: drop

    Vídeo

    4 min

  • Evento: scroll

    Vídeo

    3 min

  • Evento: copy

    Vídeo

    3 min

  • Evento: cut

    Vídeo

    2 min

  • Evento: paste

    Vídeo

    2 min

  • Servidor Web http-server

    VídeoMaterial de apoio

    7 min

  • Evento: abort

    VídeoMaterial de apoio

    6 min

  • Evento: canplay

    Vídeo

    3 min

  • Evento: canplaythrough

    Vídeo

    4 min

  • Evento: cuechange

    VídeoMaterial de apoio

    4 min

  • Evento: durationchange

    Vídeo

    2 min

  • Evento: emptied

    Vídeo

    2 min

  • Evento: ended

    Vídeo

    1 min

  • Evento: loadeddata

    Vídeo

    3 min

  • Evento: loadedmetadata

    Vídeo

    3 min

  • Evento: loadstart

    Vídeo

    2 min

  • Evento: pause

    Vídeo

    2 min

  • Evento: play

    Vídeo

    1 min

  • Evento: playing

    Vídeo

    2 min

  • Evento: progress

    Vídeo

    3 min

  • Evento: ratechange

    Vídeo

    6 min

  • Evento: seeked

    Vídeo

    2 min

  • Evento: seeking

    Vídeo

    3 min

  • Evento: stalled

    Vídeo

    2 min

  • Evento: suspend

    Vídeo

    3 min

  • Evento: timeupdate

    Vídeo

    2 min

  • Evento: volumechange

    Vídeo

    2 min

  • Evento: waiting

    Vídeo

    3 min

  • Evento: toggle

    Vídeo

    3 min

  • Questionário — Eventos

    Questão

    —

Projeto Tela de Login

18 aulas · 129 min

  • Trabalhando com Imagens e Organizando Assets

    VídeoMaterial de apoio

    5 min

  • Trabalhando com Hiperlinks

    Vídeo

    6 min

  • Trabalhando com Formulários

    Vídeo

    7 min

  • Introdução a CSS3

    VídeoMaterial de apoio

    13 min

  • Importando Arquivo CSS Externo

    Vídeo

    10 min

  • Centralizando o Conteúdo

    Vídeo

    10 min

  • Margin e Padding

    Vídeo

    10 min

  • Formatando as Bordas

    Vídeo

    6 min

  • Entendendo Pseudo Seletores

    Vídeo

    10 min

  • Trabalhando com Fontes

    Vídeo

    4 min

  • Introdução ao JavaScript

    VídeoMaterial de apoio

    11 min

  • Adicionando Arquivo JavaScript Externo

    Vídeo

    4 min

  • Trabalhando com Variáveis

    Vídeo

    8 min

  • Entendendo os Eventos em JavaScript

    Vídeo

    12 min

  • Recuperando dados de um formulário com JavaScript

    Vídeo

    5 min

  • Trabalhando com JSON

    Vídeo

    10 min

  • Validando Dados com JavaScript

    VídeoMaterial de apoio

    7 min

  • Questionário — Projeto Tela de Login

    Questão

    —

Projeto Tabuada

6 aulas · 39 min

  • Trabalhando com Tabelas no HTML5

    Vídeo

    10 min

  • Utilizando Pseudo Seletores :nth-child

    Vídeo

    6 min

  • O Laço de Repetição For

    Vídeo

    9 min

  • Trabalhando com Função JavaScript

    Vídeo

    9 min

  • Utilizando Comentários

    VídeoMaterial de apoio

    7 min

  • Questionário — Projeto Tabuada

    Questão

    —

Projeto Lista de Tarefas - To do

11 aulas · 45 min

  • Trabalhando com Listas <ul> <li>

    Vídeo

    8 min

  • Trabalhando com Array

    Vídeo

    4 min

  • Percorrendo Array com ForEach

    Vídeo

    6 min

  • Manipulando Classes CSS

    Vídeo

    4 min

  • Manipulando Eventos de Teclado

    Vídeo

    5 min

  • Adicionando Elementos em um Array com Push

    Vídeo

    5 min

  • Adicionando Botão para Excluir Tarefa

    Vídeo

    3 min

  • Convertendo em String com a Função Split

    Vídeo

    6 min

  • Filtrando Elementos em um Array com Array Filter

    Vídeo

    5 min

  • Utilizando Janelas de Confirmação com Confirm

    VídeoMaterial de apoio

    4 min

  • Questionário — Projeto Lista de Tarefas - To do

    Questão

    —

Projeto Site Responsivo

12 aulas · 63 min

  • Criando Um Layout

    Vídeo

    3 min

  • Trabalhando com Imagens de Fundo Background-image

    VídeoMaterial de apoio

    5 min

  • Entendendo FlexBox Layout

    Vídeo

    13 min

  • Posicionando Elementos com Position Absolute e Relative

    Vídeo

    5 min

  • Controle de Formulários Radio Button e Date

    Vídeo

    7 min

  • Criando o Conteúdo da Home

    Vídeo

    4 min

  • Criando o Rodapé do Site

    Vídeo

    4 min

  • Trabalhando com Responsive Web Design

    Vídeo

    5 min

  • Fontes Como Ícones com FontAwesome

    Vídeo

    5 min

  • Menu Responsivo Mobile

    Vídeo

    10 min

  • Controlando o Menu Com JavaScript

    VídeoMaterial de apoio

    6 min

  • Questionário — Projeto Site Responsivo

    Questão

    —

Certificado de conclusão

Ao concluir todas as aulas você recebe um certificado com código de verificação público e carga horária de 19h, pronto para o seu perfil profissional.

Assine a Hcode Class e comece hoje

Uma assinatura, acesso ilimitado a este e a todos os outros cursos da plataforma — com trilhas, provas e certificados.

Assinar e começarJá é assinante? Entrar