AGRADECIMENTOS... XV

Transcrição

1 #' INDICE GERAL AGRADECIMENTOS XV O. INTRODUÇÃO O que posso encontrar neste livro Requisitos A quem se dirige este livro? Código e samples Convenções Organização do livro Suporte 7 1. INTRODUÇÃO AO HTML Um pouco de história Princípios associados ao HTML Afinal, o que é o HTML5? Estrutura básica de urna página HTML Elementos e atributos Árvore do DOM (Document Object Model) Utilização de Scripts Utilização de CSS 25 Conclusão MELHORIAS SEMÂNTICAS Semântica: o que é e porque precisamos dela? Urna página HTML Página convertida para HTML Doctype Elemento HTML Elemento head Alterações no elemento Body Página final Aplicação de estilos CSS 48 Conclusão CANVAS Introdução ao elemento Canvas 51

2 x HTMLS 3.2 Utilização do elemento Canvas Deteção do suporte ao elemento Utilização de conteúdo de fallback Sistema de coordenadas Figuras simples Paths Transformações Utilização de texto Gradientes Imagens Aplicação de sombras Manipulação de pixéis Animações 89 Conclusão SVG Introdução ao SVG Uso de ficheiros SVG externos Elemento SVG Interação através de script e CSS Algumas observações gerais sobre SVG Figuras simples Viewport Preenchimentos e contornos Gradientes Padrões Paths Texto Filtros Transformações Atributo transform Atributo viewbox Animações Uso de JavaScript Uso de animate 132 Conclusão VÍDEO E ÁUDIO Introdução aos elementos vídeo e Audio Vídeo, áudio, contentares e codecs Codificar vídeo e áudio 142

3 ÍNDICE GERAL 5.2 Elemento Vídeo Detetar o suporte ao elemento vídeo Carregamento de um vídeo : Interface HtmIMediaElement : Vídeo e canvas Elemento Audio 155 Conclusão GEOLOCALIZAÇÃO Introdução à geolocalização Coordenadas fornecidas pelo serviço Como o Browser obtém as coordenadas Triangulação por endereço IP Triangulação por GPS Triangulação por WI-FI Triangulação por GSM Informação disponibilizada pelo utilizador Detetar o suporte nos browsers Obter as coordenadas atuais Tratamento de erros Influenciar a obtenção de coordenadas Atualização das coordenadas de localização Geolocalização no Internet Explorer Exemplo concreto 168 Conclusão WEB STORAGE Um pouco de história Detetar o suporte no browser Objeto Storage Deteção de alterações Análise da informação de storage Preocupações com a segurança Para além do storage Web SQL Database Indexed DB 185 Conclusão FORMULÁRIOS WEB Construção de um formulário 195

4 HTMLS 8.2 Deteção de formulários em HTML Novos atributos Placeholder Autofocus Autocomplete List e datalist Required Multiple Novos controlos Endereços de URL Números Sliders Datas e horas Pesquisa Telefone Cores Validação de formulários Objeto ValidityState Feedback na validação Cancelar a validação 216 Conclusão MICRODATA Um pouco de história Criação de um vocabulário personalizado Adição de microdata com HTML "fixo" Vocabulários existentes Microdata no "mundo real" Interação a partir de script Interação com motores de pesquisa 227 Conclusão APLICAÇÕES OFFLINE Principais características Deteção do suporte offline Ficheiro de manifesto Conteúdo do ficheiro de manifesto SecçãoCache SecçãoNetwork 234

5 ÍNDICE GERAL Secção Fallback Um exemplo especial Fluxo de eventos associado ao caching Atualização do ficheiro de manifesto : Utilização de scripting Verificar o estado do browser 244 Conclusão COMUNICAÇÃO Introdução à comunicação entre documentos Um exemplo teórico: comunicação entre uma página e uma iframe Cross-document e suporte dos browsers Exemplo prático XMLHttpRequest Recursos cross-origin Eventos de progresso Suporte dos browsers Um exemplo prático Eventos no lado servidor Suporte dos browsers Um exemplo prático Algumas observações finais 265 Conclusão WEB SOCKETS Introdução aos Web Sockets Deteção do suporte dos browsers Objeto WebSocket Handshaking Um exemplo prático Construção do servidor Construção da página Outro exemplo: utilização de WCF 284 Conclusão WEB WORKERS Introdução às Web Workers Suporte dos browsers Objeto Worker Importação de scripts 296

6 XIV HTML Sub-Workers Objeto SharedWorker Utilização de várias shared workers 302 Conclusão HTML5 NO MUNDO REAL Projeto Ace Projeto VideoJS Projeto NOVNC Projeto SketchPad Projeto Google PACMAN Outros projetos 310 Conclusão 310 BIBLIOGRAFIA ÍNDICE REMISSIVO