23 de junho 2022 - quinta-feira

Identificar os elementos de um documento HTML e reconhecer atributos globais.

• Sintaxe da linguagem HTML

  • Estrutura de um Documento HTML

  • Elemento

  • Atributo

• Texto: Cabeçalho

• Texto: Parágrafo

• Lista: Ordenadas / desordenadas

• Imagem

• Estrutura semântica

28 de junho 2022 - terça-feira

• Métodos de envio

  • Get

  • Post

• Tipos de campos

  • Text

  • Email

  • Password

  • Date

  • Tel

  • Radio

  • Checkbox

  • Hidden

• Atributos

  • required

  • pattern

  • value

  • max

  • min

  • placeholder

  • name

  • id

• Lista de valores

  • Select

    • Option

• Semântica

  • Label

    • Input

  • Fieldset

    • Legend

  • Select

    • Optgroup

  • Devtools: Network

30 de junho 2022 - quinta-feira

• Sintaxe da linguagem CSS

• Seletores

  • Seleção: Global/Universal

  • Seleção: Elemento

  • Seleção: Classe

  • Seleção: Id

  • Seleção: Atributo

  • Seleção: Operadores

  • Seleção: Especificidade

05 de julho 2022 - terça-feira

• Seletores

  • Seleção: Pseudo-classe

  • Seleção: Pseudo-elemento

07 de julho 2022 - quinta-feira

• Modelo de caixa

  • Dimensões

    • width

    • height

    • min-width

    • max-width

  • Espaçamento interno / externo

    • padding

    • margin

  • Bordar

    • border

  • box-sizing

• Posicionamento

  • float

  • clear

12 de julho 2022 - terça-feira

• Grid system

  • display: grid

  • grid-template-columns

  • grid-template-rows

    • repeat()

    • minmax()

    • auto-fit

    • gap

  • grid-area

  • grid-template-areas

• Responsividade

  • Unidade de medida

    • em

    • rem

    • %

    • px

    • vw

    • vh

    • fr

  • media-query

• Adaptatividade

  • <link media="">

  • <link size="">