Slide 1

Slide 1 text

HTML5 Daniel Filho @danielfilho

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

} zofe.com.br } braziljs.org } bit.ly/GDG-SP } bit.ly/FEMUSP

Slide 4

Slide 4 text

O que é? HTML5 Onde vive? De que se alimenta?

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

HTML CSS API JS

Slide 7

Slide 7 text

video youtu.be/mzPxo7Y6JyA

Slide 8

Slide 8 text

HTML5 SEMANTICS

Slide 9

Slide 9 text

HTML5 SEMANTICS Dando significado para a estruturas, semântica é a frente e o centro do HTML5. Um esforço para deixar a web mais usável, direcionada em dados para programadores e usuários.

Slide 10

Slide 10 text

OFFLINE & STORAGE

Slide 11

Slide 11 text

OFFLINE & STORAGE “Web Apps” podem ser incializados de forma mais rápida e funcionar mesmo sem conexão com a internet, graças ao HTML5 App Cache, além das especificações de Local Storage, Indexed DB e File API.

Slide 12

Slide 12 text

DEVICE ACCESS

Slide 13

Slide 13 text

DEVICE ACCESS Com a API de geo- localização, os Web Apps podem ter experiências e diferenciais ricos, independente do dispositivo. Inovações incríveis em acesso aos dispositivos estão sendo desenvolvidas: de áudio e vídeo como meio de entrada de dados até dados locais.

Slide 14

Slide 14 text

CONNECTIVITY

Slide 15

Slide 15 text

CONNECTIVITY Conexão mais eficiente significa mais conversas em tempo real, jogos mais rápidos e melhor comunicação. Web Sockets e Server- Sent Events estão trafegando dados entre cliente e servidor de maneira mais eficiênte que nunca.

Slide 16

Slide 16 text

MULTIMEDIA

Slide 17

Slide 17 text

MULTIMEDIA Áudio e vídeo são cidadãos de primeira importância na web com HTML5, convivendo em harmonia com seus apps e sites. Luzes, câmera e AÇÃO!

Slide 18

Slide 18 text

3D, GRAPHICS & EFFECTS

Slide 19

Slide 19 text

3D, GRAPHICS & EFFECTS Entre SVG, Canvas, WebGL e CSS3 3D, você terá garantia de surpreender seus usuários com visuais estonteantes renderizados de forma nativa, direto no navegador.

Slide 20

Slide 20 text

PERFORMANCE & INTEGRATION

Slide 21

Slide 21 text

PERFORMANCE & INTEGRATION Deixe seu Web App e o conteúdo dinâmico da web mais rápido com várias técnicas e tecnologias, como Web Workers e XMLHttpRequest 2. Nenhum usuário deveria esperar por você.

Slide 22

Slide 22 text

CSS3 STYLING

Slide 23

Slide 23 text

CSS3 STYLING CSS3 entrega um imenso range de estilização e efeitos, melhorando seu Web App sem sacrificar a estrutura semântica ou o desempenho.

Slide 24

Slide 24 text

HTML5 O que é? Onde vive? De que se alimenta?

Slide 25

Slide 25 text

... ... ...

Slide 26

Slide 26 text

HTML5 O que é? Onde vive? De que se alimenta?

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

Exemplos práticos HTML5

Slide 29

Slide 29 text

No content

Slide 30

Slide 30 text

No content

Slide 31

Slide 31 text

Código HTML5

Slide 32

Slide 32 text

Links Úteis HTML5

Slide 33

Slide 33 text

HTML5 Rocks html5rocks.com

Slide 34

Slide 34 text

Dive Into HTML5 diveintohtml5.info

Slide 35

Slide 35 text

Mozilla Developer Network developer.mozilla.org

Slide 36

Slide 36 text

Web Platform webplatform.org

Slide 37

Slide 37 text

WHATWG whatwg.org

Slide 38

Slide 38 text

FEMUSP bit.ly/FEMUSP (ASSIM, em maiúsculo)

Slide 39

Slide 39 text

@danielfilho Daniel Filho damniel.com/slides /github /plus