Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Teste

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers.

 Teste

Um teste

Avatar for Paulino Michelazzo

Paulino Michelazzo

November 10, 2011
Tweet

Other Decks in Programming

Transcript

  1. HTML5 na prática A HTML5 é a mais nova geração

    da linguagem de marcação HTML que substitui as versões HTML 4.01, XHTML 1.0 e XHTML 1.1 que não oferecem elementos e funcionalidades importantes e fundamentais para as modernas aplicações da Internet e para os novos dispositivos de acesso a rede que estão sendo criados a todo o momento, tais como tablets e smartphones. Este curso é uma introdução às mudanças apresentadas na linguagem HTML, tendo como principal foco apresentar as alterações e atualizações ocorridas nos elementos, atributos, tipos de campos e tipos de dados desde a última versão da linguagem e também quais os que foram removidos nesta nova versão. Também são abordados os temas sobre o suporte a nova versão da HTML por navegadores de diversos fabricantes, a apresentação de conteúdo rico em diferentes dispositivos e API’s que podem ser usadas por desenvolvedores para criar soluções de Internet cheias de funcionalidades tais como geolocalização, armazenamento local, etc. A quem se destina Desenvolvedores, programadores e designers de interfaces para Internet que desejam conhecer e aplicar as novas opções da linguagem HTML5 em projetos web e se preparar tecnicamente para os novos desafios da criação de aplicações funcionais. Carga horária O curso é dividido em quatro partes que prefazem 8 horas/aula de aprendizado teórico e prático. Pré-requisitos Para o bom aproveitamento do curso é necessário que o treinando possua os seguintes conhecimentos prévios: ✓ Bons conhecimentos da linguagem HTML em alguma versão prévia, como HTML 4.01, XHTML 1.0 ou XHTML 1.1, inclusive para programação e edição de páginas web; ✓ Bons conhecimentos de CSS e JavaScript; ✓ Conhecimentos no uso de navegadores de Internet, tais como Mozilla Firefox, Internet Explorer, Safari ou Google Chrome; ✓ Conhecimentos de protocolos Internet como HTTP, FTP e SMTP. Recursos Para um bom aproveitamento do curso são necessários os seguintes recursos de hardware e software: ✓ Computador com sistema operacional de sua preferência (Windows, Mac ou Linux); ✓ Navegador com suporte a HTML5, preferencialmente Safari ou Google Chrome; ✓ Editor de textos puro como TextEdit, EditPad, Notepad++ ou similar HTML5 na Prática Página 1 de 3
  2. Instrutor Paulino Michelazzo - possui quinze anos de experiência na

    área de Internet em desenvolvimento com as linguagens ASP, ColdFusion, PHP e Perl. Trabalha com consultoria web nas plataformas de CMS livres Drupal, Joomla! e WordPress prestando serviços de customização, implantação, administração e consultoria para empresas e organizações nacionais e internacionais. Dentre os trabalhos já realizados estão: portal da USP (www.usp.br), portal da Unaerp - Universidade de Ribeirão Preto (www.unaerp.br), Observatório Social (www.os.org.br), TCE/PE - Tribunal de Contas de Pernambuco (www.tce-pe.gov.br), Escola Superior de Magistratura da Paraíba - ESMA (esma.tjpb.jus.br) e outros. HTML5 na Prática Página 2 de 3
  3. Conteúdo Programático Parte 1 - O HTML5 - O que

    é o HTML5 - Porque o HTML5 foi necessário - O W3C e suas especificações - Timeline da HTML - Suporte a HTML5 - quem e como - Compatibilidade retroativa - Páginas HTML5 - A nova estrutura - doctypes e charset - Semântica de elementos em HTML5 - Organizando o código em HTML5 - Novos elementos e atributos - Elementos retirados Parte 2 - Formulários em HTML5 - Tipos de campos - Dados e validadores - Desenvolvendo formulários com HTML5 - Usando novos campos - Validando campos - Trabalhando com CSS - Classes, pseudo-classes e estilos em CSS3 - Modificação de elementos - Desenho de páginas com CSS - Uso de fontes - Animações Parte 3 - Vida com HTML5 - Usando áudio e vídeo - Controles - Criando áudios e vídeos - Servindo vídeos - Canvas e SVG - O que é o Canvas - Desenhando com Canvas - Criando logos com Canvas - Usando SVG Parte 4 - JavaScript com HTML5 - Armazenando dados com JS - Georeferenciamento com JS - jQuery e HTML5 - Aplicações off-line - Microdata - Próximos passos HTML5 na Prática Página 3 de 3