Entrar | Registrar | FAQ
Anonymous

Playlist de como programar em HTML5

+ Postar uma resposta

1 Mensagem Página 1 de 1


Playlist de como programar em HTML5

por uninerds » Dom Set 24, 2017 10:27 am

Olá pessoal, estamos criando algumas vídeo aulas de programação em HTML5 e e gostaríamos que vocês dessem críticas e sugestões do que podemos estar fazendo para melhorar
Segue o link da playlist com 22 vídeos
https://www.youtube.com/playlist?list=PLi3qhjm7dbeeC5h0NDfUiRqEvE0v08Pdd

1 - O que é HTML, CSS e JavaScript?
É explicado o que é HTML, CSS e JavaScript e porque é necessário conhecer estas 3 linguagens para programar para Web

2 - Programas Necessários
É mostrado os programas necessários para começar a programar (estamos fazendo as vídeo aulas no sistema operacional Xubuntu)

3 - Primeiro HTML5
Começamos a mostrar de fato como começar a programar em HTML e como fazer para validar o código

4 - Hierarquia de títulos e linha horizontal
Como fazer hierarquia de títulos e colocar linha horizontal
Tags: h1 até h6 e hr

5 - Parágrafo, quebra de linha e texto pré-formatado
Como fazer parágrafo, quebra de linha e texto pré-formatado
Tags: p, br e pre

6 - Formatação de texto
Como fazer formatação de texto
Tags: b, strong, i, em, mark, small, sub, sup, ins e del
Atributos: cite e datetime das tags ins e del

7 - Citações
Como fazer citações
Tags: q, blockquote, cite, address, abbr e bdo
Atributos: title da tag abbr, dir da tag bdo e cite das tags q e blockquote

8 - Comentários e comentários condicionais
Como fazer comentário e para que serve

9 - Arquivo Externo
Como fazer referência de arquivo externo no HTML

10 - Links | Parte 1
Como fazer links para abrir outros HTML, enviar e-mail, executar JavaScript e direcionar para um local específico
Tag: a
Atributos: href, hreflang e type

11 - Links | Parte 2
Como criar links para download, diferentes formas de abrir no navegador e vulnerabilidade do target="_blank"
Tag: a
Atributos: download e target
Valores para o target: _self, _blank, _top e _parent

12 - Links | Parte 3
Como resolver vulnerabilidade do target="_blank" e o atributo rel
Tag: a
Atributo: rel
Valores para o rel: alternate, author, bookmark, prev, next, external, help, license, search, tag, nofollow, noreferrer, noopener

13 - Bloco e Linha
O conceito de tag de bloco e de linha
Tags: div e span

14 - Imagem | Parte 1
Como colocar imagem no HTML
Tag: img
Atributos: src, alt, width, height, crossorigin, ismap e longdesc
Valores para o crossorigin: anonymous e use-credentials

15 - Imagem | Parte 2
Como fazer mapeamento de imagem para colocar link dentro dela
Tags: img, map e area
Atributo da img: usemap
Atributo da map: name
Atributos da area: shape, coords e alt
Valores para o shape: circle, rect e poly

16 - Imagem | Parte 3
Como definir imagens diferentes para dispositivos com características de tela diferentes
Tags: img, picture e source
Atributos da img: srcset e sizes
Atributos da source: srcset, sizes, media e type

17 - Tabela | Parte 1
Como criar tabela em HTML
Tags: table, caption, tr, th e td
Atributos da th: abbr, sorted e scope
Atributos da th e da td: colspan, rowspan e headers
Valores para o scope: col, colgroup, row e rowgroup

18 - Tabela | Parte 2
Como altarar estilo de uma coluna inteira e definir cabeçalho, corpo e rodapé da tabela
Tags: colgroup, col, thead, tbody e tfoot
Atributo da colgroup e col: span

19 - Lista
Como criar lista não-ordenada, ordenada e de descrição
Tags: ul, li, ol, dl, dt e dd
Atributos da ol: type, reversed e start
Atributos da li quando estiver na ol: value
Valores para o type: 1, a, A, i e I

20 - Iframe
Como colocar uma página dentro de outra em HTML
Tag: iframe
Atributos: src, srcdoc, width, height, name e sandbox
Valores para o sandbox: allow-pointer-lock, allow-scripts, allow-forms, allow-top-navigation, allow-same-origin e allow-popups

21 - Atributo Class
Qual a importância do atributo class e como utilizar ele em CSS e JavaScript

22 - Atributo Id
Qual a importância do atributo id e como utilizar ele em CSS e JavaScript

PS:
- Como temos nossos serviços seculares que é como conseguimos o sustento não teremos como responder todos os comentários de imediato, mas de qualquer forma agradecemos desde já a ajuda
- Sempre que tiver vídeo novo atualizaremos este tópico
Avatar de usuário

uninerds

  • Mensagens: 3
  • Data de registro: Dom Set 24, 2017 10:22 am


+ Postar uma resposta

Página 1 de 1