Auto Treinamento
totalmente em português

Este curso apresenta tudo aquilo que é preciso saber das linguagens HTML5 e CSS3 desde os primeiros passos até os desenvolvimentos mais avançados.

Objetivo: Capacitar ao desenvolvimento de sites para web por meio dos elementos básicos da linguagem de marcação HTML5, de formatação de estilo CSS3 e de conceitos de web semântica.

Público alvo: Estudantes e profissionais que desejam conhecer os fundamentos do desenvolvimento de sites para web com as linguagens HTML5 e CSS3.

O material mostra as novas possibilidades que o HTML5 nos traz para o desenvolvimento web, apoiado em uma gama de tecnologias novas e existentes, entre elas a nova versão da famosa linguagem de estilos, o CSS3, que vem trazer uma série de ganhos visuais para os nossos projetos. O objetivo do curso é capacitar webdesigners e desenvolvedores a implementarem em seus projetos tudo aquilo que já é viável de utilização dentro do HTML5 e do CSS3, através de um conteúdo didático.

Todo o conteúdo foi especialmente desenvolvido com textos claros e diretos e ilustrações que auxiliam no aprendizado a distância.

Conteúdo do Material

Arquivos Texto formato PDF

01 Programando WEB com HTML5

Visão geral do HTML5
Hypertexto
O começo e a interoperabilidade
WHAT Working Group
O HTML5 e suas mudanças
O que é o HTML5?
Análise do suporte atual pelos navegadores e estratégias de uso
O desenvolvimento modular
Motores de Renderizaçâo
Compatibilidade com HTML5
Técnicas de detectaçâo
Utilizando o Modernizr
Estrutura básica, DOCTYPE e charsets
O Doctype
O elemento HTML
HEAD
Metatag Charset
Tag LINK
Modelos de conteúdo
Categorias
Metadata content
Flow content
Sectioning content
Heading content
Phrasing content
Embedded content
Interactive content
Novos elementos e atributos
Atributos
Elementos modificados e ausentes
Elementos modificados
Elementos ou atributos descontinuados
Novos tipos de campos
Novos valores para o atributo type
tel
search
etnail
uri
Datas e horas
number
range
color
Tipos de dados e validadores
Formulários vitaminados
autofocus
Placeholder text
required
maxlength
Validação de formulários
pattern
novalidate e formnovalidate
Custom validators
Detalhes e conteúdo editável
Ainda mais formulários
Detalhes e sumário
Conteúdo editável
Drag-n-drop e correção ortográfica
Drag and Drop
Detalhes importantes:
Revisão ortográfica e gramatical
Elementos áudio e vídeo, e codecs
Áudio
Origens alternating de áudio
Vídeo
Codecs
Elemento device e Stream API
O elemento device
Streams
Feer-to-peer
MathMLc SVG
Math ML
SVG
Canvas API
O elemento canvas
Canms e SVG
Ser ver-Sent Events
EventSource
O protocolo de comunicação
DOM e HTML5
Por quê DOM?
Vamos às diferenças
getElemen tsByClassName
itmerHTML
activeElement e hasFocusQ
getSelection()
Intervalos de seleção
document.head
SelectorAPI
Características especiais de DotnNodeList
Datasets
Novos eventos DOM
Uma palavra sobre eventos
Elementos multimídia:
Eventos em campos de formulário:
Eventos gerais:
Drag-and-drop:
Atributos de evento
Menus e toolbars
O elemento menu
Tipos de comando
O elemento command
Prefira não usar command, por enquanto
Tipos de links
Links
Metadados de navegação
Metadados da página
Comportamento dos links na página
Microdata
Semântica adicional
Diferentes tipos de dados
Falando um idioma comum
Histórico de sessão e API Storage
Histórico de Sessão
localStorage e sessionStorage
Aplicações oiílinc
Caching
O objeto ApplicationCache
Controle de status da aplicação
Scroll in to view e hidden
Scrolling into view
hidden
hidden e Javascript
Geolocation API
Métodos de Geolocalização
Tratando erros
Não trate a resposta do usuário como um erro
O objeto de configuração
watchPosition
Undo
O objeto UndoManager
Respondendo às ações de wido e redo
Disparando as ações de undo e redo

02 Programando WEB com CSS3

O que é CSS?
Seletores complexos
O que é um seletor?
Exemplo de funcionamento
Gradiente
“Stops” ou definindo o tamanho do seu gradiente
Columns
column-count
column-width
column-gap
Transform 2D
CSS Transform na prática
Várias transformações em um único elemento
transform-origin
Transições e animações
O básico: propriedade transition
Propriedade animation e regra keyframe
Definindo ciclos
Bordas
Dividindo a imagem
Comportamento da imagem
Aplicação
Múltiplos backgrounds
Módulo Template Layout
Sintaxe e funcionamento
O funcionamento da propriedade display
Definindo a largura e altura dos slots
O funcionamento da propriedade position
Pseudo-elemento ::slot()
Cores
RGBA
RGBA e a diferença da propriedade OPACITY
currentColor
Paged media
@page
Terminologia e Page Model (modelo de página)
Page box
Page área
Margin box
Page sheet
Non-printable area - Área não impressa
Area de impressão
Propriedade size
auto
landscape
portrait
Page-size
@font-face
Compatibilidade
Kit de sobrevivência
Present ation-levels
Como funciona o modelo
A propriedade presentation-level

03 Web com Html5 e CSS3

04 Técnicas avançadas com HTML 5

Os arquivos texto estão formato PDF, para serem lidos com Acrobat Reader em 558 páginas bem ilustradas.

O material é enviado em 1 arquivo zipado com um total de 11,78 mega.