Coisas para aprender

ferramentas:

Markdown
Github / git

HTML5, classificados em grupos:

Semântica: permite você descrever mais precisamente o seu conteúdo.
Offline e armazenamento: Permite que páginas web armazenem dados localmente do lado do cliente e opere de forma offline mais eficientemente.
- Gráficos e efeitos 2D/3D (canvas): viabiliza um leque diversificado de opções de representação gráfica. * Talvez
Multimídia: Viabiliza a utilização de áudio e vídeo de forma primorosa na Web Aberta.
Estilização (CSS): permite aos autores a escrita de temas mais sofisticados.

CSS:

Conteúdos

HTML5

Semântica / Estrutura

Definir semânticas
Separar por categorias
Mostrar todas as tags de cada categoria
Mostrar todos atributos e especificar cada um que achar relevante
Livro para referência: Curso completo para desenvolvedores web - José Antonio Ramalho (tem na biblioteca)

Exemplo de como fazer

Categoria de "entrada de dados"

<input/>
- Semântica: Não sei.
- Atributos
  - type
    - button -> cria um botão
    - date -> gera uma parada de data
  - autocapitalize -> Valor: bool -> Ele define a primeira letra da frase como caixa alta.

Referências