Transferir como PPS, PPTX
Carregado porTchelinux
Workshop: WebSockets com HTML 5 & PHP - Gustavo Ciello
O documento discute o HTML5 e suas inovações, como novos elementos, atributos de formulário e suporte a multimídia. Também aborda a compatibilidade dos navegadores com HTML5 e apresenta tecnologias relacionadas, como WebSockets e Web Storage. O autor, Gustavo Ciello, compartilha sua experiência e destaca a evolução do HTML ao longo dos anos.
Mais conteúdo relacionado
Semelhante a Workshop: WebSockets com HTML 5 & PHP - Gustavo Ciello
Workshop: WebSockets com HTML 5 & PHP - Gustavo Ciello
- 1. O PODEROSO HTML5 ...e outras tecnologias com menos hype
- 2. Público Alvo WebDevelopersWebDesigners WebOutraCoisa Interessados Curiosos
- 3. Objetivo Novas tecnologiaspara a Web WebSockets
- 4. Quem sou euGustavo Ciello Natural de Veranópolis Moro atualmente em Porto Alegre Trabalho com informática desde os 14 Sou formado em Análise e Desenvolvimento de Sistemas pela FTEC Apoiador do Tchelinux e de projetos open
- 5. Cardápio de hojeSobre o HTML Buzz Words Padrão HTML 5 e relacionados Alterações e novidades Compatibilidade de browsers HTML 5 contra o resto Perguntas Workshop de WebSockets
- 6.
- 7. 1991 – HTML(Tim) 1995 – HTML 2 1997/jan – HTML 3.2 1997/dez – HTML 4.0 1999 – HTML 4.01 2000 – XHTML 1.0 2001 – XHTML 1.1
- 8. WHATWG Web HypertextApplication Technology Working Group
- 9.
- 10. Buzz Words DHTMLAJAX WEB 2.0 RIA
- 11. H T ML 5
- 12.
- 13. Q: O queé HTML 5 ? A: É o que você quiser !! (WTF!)
- 14. Tags depreciadas eremovidas <acronym> <applet> <basefont> <big> <center> <dir> <font> <frame> <frameset> <noframes> <s> <strike> <tt> <u> <isindex>
- 15. Doctype, lang &charset <!DOCTYPE html> <html lang=“pt-br”> <meta charset=”utf-8″ />
- 16. Elementos semânticos <article><section> <aside> <hgroup> <header> <footer> <nav> <time> <mark> <figure> <figcaption> Demo
- 17. Novos métodos deseleção getElementsByClassName querySelector/querySelectorAll
- 18. Forms Input types!!! color, email, date, month, week, time, datetime, datetime-local, number, range, search, tel, e url
- 19. Forms Atributos !!!required, autofocus, pattern, list, autocomplete e placeholder
- 20. Forms Novos elementos!!! <keygen>, <datalist>, <output>, <meter> e <progress> Demo Demo Demo
- 21. Tag Contenteditable eUndoHistory Possibilidade de edição em elementos comuns do HTML Log de todas as alterações efetuadas no DOM, com possibilidade de desfazê-las Demo
- 22. Canvas 2D Elementoque representa uma área de desenho capaz de renderizar imagens e formas 2D Demo Demo Demo Demo
- 23. WebGL (Canvas 3D)Elemento canvas com recursos 3D Definição bastante preliminar
- 24. Elementos <audio> e<video> Video e audio nativos Probelmas com CODECS Elementos visuais temporizados (Ex: Legendas) Demo Demo
- 25. Microdata Elementos desemântica no conteúdo das páginas Demo
- 26. SVG NÃO éuma tecnologia nova Fontes SVG Manipulação de arquivos SVG Inline embed Demo
- 27. MathML Escrita defórmulas matemáticas utilizando uma sintaxe parecida com HTML
- 28. Server Sent EventsEventos iniciados pelo servidor, conectando ao cliente Objeto EventSource
- 29. Web Workers Scriptscomo Threads separadas Demo
- 30. Application Cache PáginasOffline! Demo
- 31. Drag & DropCapacidade de arrastar e soltar elementos Demo Demo
- 32. WebStorage Cache dedados locais no formato chave/valor (key/value) Demo
- 33. Web SQL DatabaseBanco de dados SQL (SQLite) local acessível via script Demo
- 34. Geolocalização API nativapara descobrir a localização do cliente Demo
- 35. CSS 3 Novosbackground types Backgrounds SVG Border images Transitions Transformations Animations Medidas calculadas Selectors Fontes Text-wrap Colunas Borda do texto Transparência Cores HSL Bordas arredondadas Demo Demo
- 36. Suporte aos recursospelos browsers atuais Teste Internet Explorer Plugins e Compatibility Layers Site Indicado
- 37. HTML 5 vsResto Flash JavaFX Silverlight
- 38.
- 39. WebSockets API desockets bidirecionais full-duplex entre páginas Web e servidores Frames de texto Pouco overhead de rede Problemas com proxy
- 40. WebSockets Implementações primáriasPadrão ainda não definido http://code.google.com/p/phpwebsocket/