HTML5

Curso HTML5 - Introduo HTML5

Nesta etapa voc identificar que a HTML5 facilita o trabalho de desenvolvedores, tornando possvel a manipulao de elementos e modificao de caractersticas dos objetos de maneira leve e funcional. A HTML5 possui ferramentas para CSS e Javascript, bem como cria novas tags e modifica a funo de outras.

Assuntos abordados: -Histrico. -A HTML5: estrutura bsica. -Modelo de contedo. -Novos atributos e elementos: Atributos globais, elementos. -Atributos e elementos modificados ou descontinuados: elementos modificados, elementos ou atributos descontinuados.

Curso HTML5 - Formulrios

A partir deste momento sero apresentadas as funcionalidades para formulrios no HTML5. O formulrio uma seo de documento que abrange texto, marcao, controles e rtulos e tem como funo recolher dados recolhidos pelo usurio e envi-los para serem processados no servidor. As novas funcionalidades esto relacionadas a novos atributos nos controles, usados para validao e outras funcionalidades anteriormente implementadas com scripts. Assuntos Abordados: - Atributos para controle de formulrios: placeholder, autofocos,required, autocomplete, dirname, list, max, min, form, formaction, formenctype, formmethod e formtarget. - Atributos para validar formulrios: formnovalidate, novalidate e pattern, - Atributo type (elemento input): search, url, tel, email, datetime, datetime-local, date, time, month, week, number, range e color.

Curso HTML5 - udio e vdeo

O curso enfoca neste momento, os elementos audio e video, bem como a insero de mdia em documento HTML5 e as opes para alguns tipos de arquivos-padro. Tambm estudaremos as funcionalidades de API de mdia, a partir da descrio e exemplo de seus atributos, mtodos e eventos. Voc entender como os elementos audio e vdeo so usados para insero de som, stream de udio, vdeo ou filme em um documento HTML5, sem necessidade de plug-ins, Flash, QuickTime, Windows Media Player,etc. Assuntos Abordados: -Elemento audio. -Elemento video. -API para udio e vdeo: atributos, mtodos e eventos.

Curso HTML5 - Canvas

Nesta etapa, voc ver as funcionalidades do elemento canvas e o funcionamento dos seus mtodos e atributos. O canvas tem como funo definir uma rea para criao dinmica de imagens. Isso inclui desde grficos estticos e imagens criadas com linguagem de programao dinmica at grficos dinmicos e jogos. Nessa rea, o trabalho de criao e animao fica por conta do JavaScript. Com os diversos mtodos e atributos disponveis, voc poder criar e formatar retngulos e outros elementos, trabalhar com caminhos (paths), criar gradientes, realizar transformaes, trabalhar com textos e inserir imagens em canvas.

Assuntos Abordados: - O elemento canvas: Contextos de criao. - Mtodos e atributos da API de canvas, strokeRect, strokeStyle, lineWidth, fillRect, fillStyle; clearRect, shadow. - Trabalhando com paths: beginPath, moveTo, lineTo, arcTo, arc, stroke, fill, rect, closePath. - globalAlpha. - lineJoin. - lineCap. -Criando gradientes: createLinearGradiente. - createRadialGradient, addColorStop. - createPattern. - globalCompositeOperation. - Transformaes; scale, translate; rotate. - Inserindo imagens: drawImage, drawImage, drawImage. - Trabalhando com texto: font, fillText, strokeText, textAlign, textBaseline.

Curso HTML5 - Drag & Drop

At antes da HTML5, as operaes de Drag and Drop eram, muitas vezes, realizadas com a ajuda de bibliotecas do JavaScript, mas, a partir dessa verso, surgiu a API Drag and Drop, que, alm das funes de arrastar, largar e transferir dados para elementos HTML, tem uma drag data store mais generosa e ainda resolve problemas de interao com outras janelas, frames e aplicaes. Nesta etapa, abordaremos as principais caractersticas e os principais elementos dessa API. Assuntos abordados: -A API Drag and Drop, Atributo draggable, Atributo dropzone. -Eventos: sequncia de eventos. -Drag data store. -Objetos dataTransfer. -Atributos e mtodos: segurana; drag and drop na prtica.

Curso HTML5 - Geolocalizao

Neste momento, apresentaremos a API Geolocation, suas funcionalidades, o objeto geolocation e seus mtodos, bem como questes sobre privacidade e segurana do usurio. Lanada em 2008, a geolocalizao uma funcionalidade que se destacou e comeou a ser difundida na mesma poca que a HTML5 comeou a ser estudada e aplicada por desenvolvedores Web. Talvez por isso seja comum afirmar, erroneamente, que a geolocalizao seja uma funcionalidade da HTML5. A geolocalizao definida por uma API que fornece informaes, via script, sobre a localizao geogrfica do dispositivo que contm essa funcionalidade. Assuntos Abordados:

-O que Geolocalizao. -Privacidade e segurana do usurio. -Objeto geolocation. -Mtodos: getCurrentPosition, watchPosition, clearWatch.

Curso HTML5 - Armazenamento de dados

Nesta etapa, sero abordadas as tecnologias de armazenamento implementadas pelo HTML5 e seu funcionamento. Assuntos abordados: -Web storage: sessionStorage, localStorage, Mtodos, Evento storage. -Banco de dados.

Curso HTML5 - Offline Web Application

Como voc pode imaginar, aplicaes offline so aquelas que o usurio pode usar mesmo quando o computador no estiver com acesso internet. Isso significa que, quer voc abra o navegador quando no estiver conectado, quer sua conexo caia durante o uso da aplicao, ela no vai parar de funcionar. Isso possvel com um manifesto, que nada mais do que uma lista de arquivos necessrios para que a aplicao funcione sem conexo. Esses arquivos so copiados em cache pelo navegador, a fim de manter a aplicao rodando offline. Para entender como isto funciona, abordaremos os seguintes assuntos: -Criando uma aplicao off-line. -Manifesto: Atualizando o manifesto. -Application cache; Propriedade status, Mtodos, update, swapCache. -Eventos: onchecking, onupdate, downloading. - progress: cached, updateready, obsolete, error. - Atualizando o cache.