O documento apresenta as principais mudanças e novos recursos introduzidos pelo HTML5, incluindo:
1) Novas tags semânticas como <header>, <nav>, <article> para melhorar a estrutura e semântica das páginas;
2) Novos tipos de formulários como datas, números e validações;
3) Recursos multimídia como áudio, vídeo e acesso à webcam;
4) Incorporação de linguagens como MathML e SVG para expressões matemáticas e gráficos vetoriais.
Apresentação feita para o treinamento dos colaboradores da Vitrio.
Público alvo do treinamento: Analistas de conteúdo, Designers e equipe de Marketing Digital.
O principal assunto era uma breve introdução ao JavaScript ,jQuery e plugins. Entretanto, abrangemos outros tópicos, tais como: Desenvolvimento em Camadas, requisições, performance de web sites e algumas ferramentas.
Quais são os desafios e as oportunidades que essa tecnologia vai propiciar, qual é o impacto no desenvolvimento para internet e como a Adobe pode auxiliá-los a usufruir aos máximos dos benefícios do HTML 5 e suas linguagens parceiras (CSS e Java Script)
Apresentação realizada durante a Semana Nacional de Ciência e Tecnologia de 2014, no Instituto Federal de Educação, Ciência e Tecnologia, em São Carlos.
O minicurso "DOMinando Javascript" pretende mostrar os primeiros passos em Javascript, a linguagem mais utilizada no GitHub, passando do primeiro "Hello World" em um escopo global no navegador, até a manipulação de DOM (Document Object Model).
Para quem está começando, existem duas apostilas oficiais do W3C em português e gratuitas:
HTML5: http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf
CSS3: http://www.w3c.br/pub/Cursos/CursoCSS3/css-web.pdf
Apresentação feita para o treinamento dos colaboradores da Vitrio.
Público alvo do treinamento: Analistas de conteúdo, Designers e equipe de Marketing Digital.
O principal assunto era uma breve introdução ao JavaScript ,jQuery e plugins. Entretanto, abrangemos outros tópicos, tais como: Desenvolvimento em Camadas, requisições, performance de web sites e algumas ferramentas.
Quais são os desafios e as oportunidades que essa tecnologia vai propiciar, qual é o impacto no desenvolvimento para internet e como a Adobe pode auxiliá-los a usufruir aos máximos dos benefícios do HTML 5 e suas linguagens parceiras (CSS e Java Script)
Apresentação realizada durante a Semana Nacional de Ciência e Tecnologia de 2014, no Instituto Federal de Educação, Ciência e Tecnologia, em São Carlos.
O minicurso "DOMinando Javascript" pretende mostrar os primeiros passos em Javascript, a linguagem mais utilizada no GitHub, passando do primeiro "Hello World" em um escopo global no navegador, até a manipulação de DOM (Document Object Model).
Para quem está começando, existem duas apostilas oficiais do W3C em português e gratuitas:
HTML5: http://www.w3c.br/pub/Cursos/CursoHTML5/html5-web.pdf
CSS3: http://www.w3c.br/pub/Cursos/CursoCSS3/css-web.pdf
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
Material apresentado na Semana de Tecnologia UniToledo
Araçatuba - 28 de setembro de 2011
Palestras: HTML5 – A moderna linguagem de marcação / CSS3 – Estilizando a Web do futuro
Palestrante: Leonardo Balter (iLearn/RJ)
Local: Auditório da Faculdade São Lucas
HTML5 - A nova fronteira no desenvolvimento de aplicações WEBFábio Flatschart
HTML5 - A nova fronteira no desenvolvimento de aplicações WEB
Material apresentado na Semana de Tecnologia UniToledo
Araçatuba - 28 de setembro de 2011
Palestras: HTML5 – A moderna linguagem de marcação / CSS3 – Estilizando a Web do futuro
Palestrante: Leonardo Balter (iLearn/RJ)
Local: Auditório da Faculdade São Lucas
Seminário de Desenvolvimento Mobile - Etec CafelândiaDiego Cavalca
Evento organizado pelo professor Diego Cavalca, onde expõe uma visão geral sobre os principais aspectos da carreira de desenvolvimento de aplicativos móveis, apresentada de modo prático pelos alunos do 3º Módulo de Informática.
Palestras:
- Aplicativos híbridos
- HTML5 - Recursos e Funcionalidades
- Apache Cordova
- Mercado Mobile Atual
Última aula do curso de Python, aqui mostramos de forma superficial como fazer a integração do Django com Adobe Flex, como utilizar o módulo do PagSeguro, PyGame e como integrar sua aplicação com o Apache
5 Tecnologias que todo Desenvolvedor Web deveria conhecer - .NET SP - Janeiro...Renato Groff
Apresentação sobre o uso de tecnologias gratuitas (Swagger, JWT, PowerShell, Docker Compose e Redis) úteis no desenvolvimento de soluções Web, com exemplos de implementação em ASP.NET Core. Palestra realizada em 17/01/2019 em evento promovido pela comunidade .NET SP em São Paulo-SP.
Criando um Web Service Restful com Jersey, Eclipse, JBoss, Tomcat, WebSphereJuliano Martins
Esta apresentação contem um passo a passo mostrando a criação de um Web Service RESTFul utilizando a API Jersey no Eclipse, rodando nos servidores de aplicação Tomcat, JBoss e Websphere
De março a maio de 2012 mais de 30 unidades do Senac São Paulo na capital e interior recebem o ciclo gratuito de palestras Road Show TI Experience 2012.
O evento tem a proposta de apresentar o que há de mais novo e relevante no mundo da tecnologia da informação e no mercado de trabalho na área.
Nesta apresentação mostro como o HTML5 e suas tecnologias acessórias são a nova fronteira no projeto de aplicações WEB
Aprendendo Na Prática: Aplicativos Web com HTML5, Angular.js, Twitter Bootstr...Daniel Makiyama
Interface de Usuário também é coisa de Programador, o objetivo deste treinamento é vivenciar um ambiente de desenvolvimento empregando estas tecnologias, abordando conceitos de testes unitários, integrados, padrões e boas práticas de desenvolvimento
Palestra apresentada no 9º Connecting Knowledge realizado pelo Things Hacker Team. Palestra sobre como desenvolver para Internet das Coisas utilizando JavaScript.
2. SOBRE O PALESTRANTE Desenvolvedor Web e líder técnico do projeto ICD (Intercâmbio de Conteúdos Digitais) pela Dynavideo Mestrando em Informática pela UFPB Tecnólogo em Sistemas para Internet pelo IFPB
3. ROTEIRO VISÃO GERAL FORMULÁRIOS MULTIMÍDIA A NOVA GERAÇÃO DE APLICAÇÕES WEB CSS 3 DEMONSTRAÇÕES
7. 2. HTML 5 e suas mudanças Lançado o HTML a W3c alertou sobre as boas práticas; Como separação da estrutura do código e formatação; Porém, HTML4 não trazia diferença real para semântica; HTML4 também não facilitava manipulação de elementos via Javascript ou CSS Ex.: Draganddrop
8. 2. HTML 5 e suas mudanças Criação de APIs que formarão a base da arquitetura Web Fácil manipulação de objetos de forma transparente ao usuário Ferramentas para CSS e Javascript Novas tags e recursos Seções, componentes de formulário, gráficos, multimídia, etc Maior semântica, código interoperável Retrocompatibilidade
9. 3. ESTRUTURA BÁSICA <!DOCTYPE HTML> <htmllang="pt-br"> <head> <metacharset="UTF-8"> <linkrel="stylesheet" type="text/css" ref="estilo.css"> <title></title> </head> <body> </body> </html> Doctype: indica a especificação em uso ao browser ou dispositivo HTML: lang é necessário para que os user-agents saibam a linguagem principal do documento Link: rel pode assumir outros valores como ALTERNATE, mapeando por exemplo um feed como (application/atom+xml)
10. Flow Interactive Phrasing Heading Embedded Sectioning Metadata Flow: a abbraddressarea* articleasideaudio b bdoblockquotebrbuttoncanvas cite codecommanddatalistdeldetailsdfn div dl em embedfieldset figure footerform h1 h2 h3 h4 h5 h6 header hgrouphr i iframeimg input inskbdkeygenlabel link* mapmarkmath menu meta* meter navnoscriptobjectol output p preprogress q rubysamp script sectionselect small spanstrong style* sub supsvgtabletextarea time ul var videowbr PhrasingContent: a* abbrarea* audio b bdobrbuttoncanvas cite codecommanddatalistdel* dfn em embed i iframeimg input ins* kbdkeygenlabel link* map* markmath meta* meter noscriptobject output progress q rubysamp script select small spanstrong sub supsvgtextarea time var videowbrText* * Sob algumas circunstâncias. Embedded: Audio, canvas, embed, iframe, img, math, object, svg, video Metadata: Base, command, link, meta, noscript, script, style, title Interactive: a, audio*, button, details, embed, iframe, img*, input*, keygen, label, menu*, object*, select, textarea, video* * Sob algumas circunstâncias. Heading: h1, h2, h3, h4, h5, h6, hgroup Sectioning: Article, aside, nav, section
11.
12. 5. Novos elementos e atributos Como será... HTML 5 trouxe elementos que ajudam a definir setores principais; Pode-se diferenciar áreas como sidebar, rodapé, cabeçalho; Tais mudanças simplificam o trabalho dos sistemas de busca; <header> <section> <nav> <aside> <article> <footer>
15. 7. SUPORTE ATUAL PELOS BROWSERS Desenvolvimento Modular Motores de renderização: Webkit alcança aparelhos como Blackberry, iPhone, iPodTouch, iPad e dispositivos que rodam Android
16. 8. COMPATIBILIDADE COM HTML5 Atualmente Webkit é o motor mais compatível Firefox e opera já estão compatíveis com boa parte
28. É preciso oferecer um formato alternativo de áudio
29. Ou até mesmo uma opção para baixar o conteúdo<audiocontrols=“true” autoplay=“true”/> <source src=“musica.oga” /> <source src=“musica.mp3” /> <source src=“musica.wma” /> <p>Faça o download <a href=“musica.mp3”>da música</a>.</p> </audio>
40. Em caso de mais de um dispositivo, será possível escolher um para fazer stream<script>functionupdate(stream) {document.getElementsByTagName(‘video’)[0].src = stream.url }</script> <devicetype=“media” onchange=“update(this.data)” /><videowidht=“400” height=“300” />
67. O objeto history foi vitaminado no HTML5 com dois novos métodos:pushState(data,title[,url]): acrescenta uma entrada na lista de histórico. replaceState(data,title[,url]): modifica a entrada atual na lista de histórico. Com isso, pode-se acrescentar itens à lista de histórico, associando dados ou mesmo uma URL;
77. Para permitir que o usuário acesse uma página offiline é preciso escrever um arquivo de manifesto, indicando que URLs devem ser postas em cache. CACHE MANIFEST meu.html meu.cssmeu.js<html manifest=“meu.manifest">
86. Ex.: uma aplicação de e-mail pode guardar um objeto undo representando o fato do usuário mover um e-mail de uma pasta para outra. document.execCommand('undo') document.execCommand('redo')