Assine e desbloqueie acesso ilimitado na plataforma

Assinar agora
Frontend

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
247aulas
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.295 XP distribuídos entre as áreas abaixo.

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

Conteúdo do curso

9 módulos · 247 aulas

Visão Geral

1 aula · 4 min

  • Visão Geral do Curso

    Vídeo

    4 min

Introdução e Configuração do Ambiente

6 aulas · 58 min

  • O que é HTML?

    Vídeo

    14 min

  • Editores de Texto

    Vídeo

    7 min

  • Estrutura de Um Arquivo HTML

    Vídeo

    7 min

  • Navegadores

    Vídeo

    9 min

  • Ferramenta para Desenvolvedores

    Vídeo

    14 min

  • Estrutura de Páginas

    Vídeo

    10 min

Atributos Globais

16 aulas · 69 min

  • Atributos Globais

    Vídeo

    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

Tags

113 aulas · 541 min

  • Tag: html

    Vídeo

    4 min

  • Doctype

    Vídeo

    2 min

  • Comentários

    Vídeo

    4 min

  • Tag: body

    Vídeo

    5 min

  • Tag: head

    Vídeo

    3 min

  • Tag: title

    Vídeo

    3 min

  • Tag: meta

    Vídeo

    12 min

  • Tag: p

    Vídeo

    3 min

  • Tag: h1

    Vídeo

    4 min

  • Tag: h2

    Vídeo

    4 min

  • Tag: h3

    Vídeo

    3 min

  • Tag: h4

    Vídeo

    3 min

  • Tag: h5

    Vídeo

    4 min

  • Tag: h6

    Vídeo

    4 min

  • Tag: style

    Vídeo

    5 min

  • Tag: script

    Vídeo

    11 min

  • Tag: div

    Vídeo

    5 min

  • Tag: span

    Vídeo

    4 min

  • Tag: link

    Vídeo

    17 min

  • Tag: noscript

    Vídeo

    4 min

  • Tag: embed

    Vídeo

    5 min

  • Tag: object

    Vídeo

    5 min

  • Tag: param

    Vídeo

    4 min

  • Tag: base

    Vídeo

    5 min

  • Tag: iframe

    Vídeo

    5 min

  • Tag: a

    Vídeo

    19 min

  • Tag: img

    Vídeo

    9 min

  • Tag: figure

    Vídeo

    3 min

  • Tag: figcaption

    Vídeo

    3 min

  • Tag: audio

    Vídeo

    10 min

  • Tag: video

    Vídeo

    9 min

  • Tag: source

    Vídeo

    7 min

  • Tag: picture

    Vídeo

    6 min

  • Tag: track

    Vídeo

    7 min

  • Tag: table

    Vídeo

    6 min

  • Tag: tr

    Vídeo

    3 min

  • Tag: td

    Vídeo

    6 min

  • Tag: thead

    Vídeo

    4 min

  • Tag: tbody

    Vídeo

    3 min

  • Tag: tfoot

    Vídeo

    3 min

  • Tag: th

    Vídeo

    5 min

  • Tag: template

    Vídeo

    6 min

  • Tag: colgroup

    Vídeo

    5 min

  • Tag: col

    Vídeo

    5 min

  • Tag: caption

    Vídeo

    5 min

  • Tag: header

    Vídeo

    6 min

  • Tag: main

    Vídeo

    6 min

  • Tag: footer

    Vídeo

    4 min

  • Tag: article

    Vídeo

    5 min

  • Tag: section

    Vídeo

    5 min

  • Tag: aside

    Vídeo

    6 min

  • Tag: nav

    Vídeo

    5 min

  • Tag: address

    Vídeo

    8 min

  • Tag: details

    Vídeo

    6 min

  • Tag: summary

    Vídeo

    4 min

  • Tag: ul

    Vídeo

    5 min

  • Tag: ol

    Vídeo

    6 min

  • Tag: li

    Vídeo

    4 min

  • Tag: map

    Vídeo

    5 min

  • Tag: area

    Vídeo

    9 min

  • Tag: abbr

    Vídeo

    4 min

  • Tag: b

    Vídeo

    3 min

  • Tag: bdi

    Vídeo

    5 min

  • Tag: bdo

    Vídeo

    4 min

  • Tag: blockquote

    Vídeo

    4 min

  • Tag: q

    Vídeo

    4 min

  • Tag: br

    Vídeo

    3 min

  • Tag: wbr

    Vídeo

    4 min

  • Tag: cite

    Vídeo

    3 min

  • Tag: data

    Vídeo

    3 min

  • Tag: del

    Vídeo

    3 min

  • Tag: ins

    Vídeo

    4 min

  • Tag: dfn

    Vídeo

    3 min

  • Tag: em

    Vídeo

    3 min

  • Tag: hr

    Vídeo

    4 min

  • Tag: i

    Vídeo

    4 min

  • Tag: kbd

    Vídeo

    4 min

  • Tag: mark

    Vídeo

    3 min

  • Tag: ruby

    Vídeo

    5 min

  • Tag: rp

    Vídeo

    4 min

  • Tag: rt

    Vídeo

    4 min

  • Tag: s

    Vídeo

    3 min

  • Tag: small

    Vídeo

    4 min

  • Tag: strong

    Vídeo

    3 min

  • Tag: sub

    VídeoMaterial de apoio

    3 min

  • Tag: sup

    Vídeo

    3 min

  • Tag: time

    Vídeo

    4 min

  • Tag: u

    Vídeo

    3 min

  • Tag: pre

    Vídeo

    3 min

  • Tag: samp

    Vídeo

    3 min

  • Tag: var

    Vídeo

    3 min

  • Tag: code

    Vídeo

    3 min

  • Tag: dl

    Vídeo

    3 min

  • Tag: dt

    Vídeo

    3 min

  • Tag: dd

    Vídeo

    3 min

  • Tag: form

    Vídeo

    8 min

  • Tag: input

    Vídeo

    42 min

  • Tag: button

    Vídeo

    7 min

  • Tag: fieldset

    Vídeo

    5 min

  • Tag: legend

    Vídeo

    3 min

  • Tag: select

    Vídeo

    6 min

  • Tag: option

    Vídeo

    4 min

  • Tag: optgroup

    Vídeo

    4 min

  • Tag: datalist

    Vídeo

    4 min

  • Tag: textarea

    Vídeo

    6 min

  • Tag: dialog

    Vídeo

    5 min

  • Tag: output

    Vídeo

    7 min

  • Tag: meter

    Vídeo

    7 min

  • Tag: progress

    Vídeo

    3 min

  • Tag: canvas

    Vídeo

    8 min

  • Tag: svg

    Vídeo

    8 min

  • Tag: hgroup

    Vídeo

    8 min

  • Tag: marquee

    Vídeo

    7 min

Eventos

68 aulas · 150 min

  • Eventos

    Vídeo

    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ídeo

    7 min

  • Evento: abort

    Vídeo

    6 min

  • Evento: canplay

    Vídeo

    3 min

  • Evento: canplaythrough

    Vídeo

    4 min

  • Evento: cuechange

    Vídeo

    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

Projeto Tela de Login

17 aulas · 129 min

  • Trabalhando com Imagens e Organizando Assets

    Vídeo

    5 min

  • Trabalhando com Hiperlinks

    Vídeo

    6 min

  • Trabalhando com Formulários

    Vídeo

    7 min

  • Introdução a CSS3

    Vídeo

    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ídeo

    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ídeo

    7 min

Projeto Tabuada

5 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ídeo

    7 min

Projeto Lista de Tarefas - To do

10 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ídeo

    4 min

Projeto Site Responsivo

11 aulas · 63 min

  • Criando Um Layout

    Vídeo

    3 min

  • Trabalhando com Imagens de Fundo Background-image

    Vídeo

    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ídeo

    6 min

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