Ir para conteúdo
Fórum CódigoFonte.net
Entre para seguir isso  
uninerds

Playlist de como programar em HTML5

Recommended Posts

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Visitante
Responder

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Processando...
Entre para seguir isso  

×
×
  • Criar Novo...