HTML5
Dando uma repaginada no “negócio”.
HTML5 É TOP NA BALADA!
O que realmente é html5?
Semantics
Dando significado as coisas, é a grande
mudança que o html5 nos traz. Introdução de
tags que melhoram a compreensão do código
para o browser,
leitores e robôs.
Tags e mais tags...
# title , nav, time, figure, tel, novos inputs, novos atributos data.
#Div
Papocou!
Comportamento dos browsers!
Ajuda do modernizer...
http://modernizr.com/
Seja amigo do back-end
Somos amigos, amigos do peito, amigos de vocês...
Novas API's
Acessando via javascript... “Luque aqui”.
Multimedia
Você pode acessar, controlar e manipular dados de
linha do tempo e estados de rede dos arquivos. Com
os futuros acréscimos às APIs você poderá ler e
gravar dados brutos em arquivos de áudio (API
Audio Data) ou manipular legendas em vídeos (API
Timed Track). Porém, o verdadeiro poder desses
novos elementos HTML aparece quando eles são
combinados com outras tecnologias do web stack,
seja Canvas, SVG, CSS ou mesmo WebGL.
3D, Graphics & Effects
Com a adição de tecnologias como o elemento
canvas, Web GL e imagens SVG, não é mais assim!
Na verdade, existem muitos novos recursos que lidam
com gráficos na web: Canvas 2D, WebGL, SVG,
transformações CSS 3D e SMIL.
Offline & Storage
“Web apps" podem ser inicializados 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.
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ê!
Conectivity
Conectividade mais eficiente significa mais chats
em tempo real, jogos mais rápidos e melhor
comunicação. Web sockets e Eventos enviados pelo
servidor estão empurrando (pushing) dados entre o
cliente e o servidor de forma mais eficiente do que
nunca.
Device Access
Com a API de geolocalização os Web Apps podem
ter experiências e diferenciais ricos, independete do
dispositivo.
Inovações incríveis em acesso aos dispositivos
estão sendo desenvolvidas: de áudio e vomo meio
de entrada de dados até dados locais!
CSS3
Deixando tudo lindão!
Antigamente...(ontem)

#CSS
Css só servia para pintar quadrado...
Hoje com CSS3...
Agora nós somos os “gostosões da web”.
Super poderes...
Animações - Transition, animation, keyframes!
Super poderes...
Animações - Transition, animation, keyframes!
Sombras – Em elementos e textos..
Super poderes...
Animações - Transition, animation, keyframes!
Sombras – Em elementos e textos.
Gradientes – Agora vai!
Super poderes...
Animações - Transition, animation, keyframes!
Sombras – Em elementos e textos.
Gradientes – Agora vai!
Media queries – Pensando no usuário...
3D com CSS?
Urih cumpadi!
Quem ganha com tudo isso?
Deixamos de ver isso....
Deixamos de ver isso....
Deixamos de ver isso....
E começamos a ver isso....
E começamos a ver isso....
E começamos a ver isso....
Então o Html5 é o futuro da internet?
“Espero que vocês não sejam medrosos e abusem da Plataforma
Aberta da Web. Só assim a tecnologia vai avançar e atingir a todos
igualmente e democraticamente. Plante a coragem de ter coragem
e não o medo que torna as pessoas reféns.”
Clécio Bachini / IMASTER
E o Html5?

Quero saber se é ou não o futuro da internet...
“O futuro da Internet está nas pessoas, na experiência que elas tem.
Não adianta nada usar qualquer tecnologia top de linha, se elas não tem boa
experiência com o seu projeto. HTML5 tá ai para mostrar toda sua magia,
graças as pessoas...”

Edmo Jeová
Referências:
Diego Eis (Locaweb) - http://tableless.com.br/
Daniel Filho (BrasilJS / Netshoes) - http://zofe.com.br/
Zeno Rocha (BrasilJS / Zofe) - http://zenorocha.com/
Bernard de Luna (COW / BrasilJS ) - http://bernarddeluna.com/

Livros:
HTML5 e CSS3: Domine a web do futuro
futuro.
Lucas Mazza (Casa do Codigo)
HTML5: A linguagem de marcação que revolucionou a web.
Maujor (Maurício Samy Silva) (http://www.maujor.com/)
CSS3 - Desenvolva aplicações web profissionais com o uso
dos poderosos recursos de estilização das CSS3.
CSS3
Maujor (Maurício Samy Silva) (http://www.maujor.com/)
Html5,css3,javascript   o lugar onde sonhos se tornam realidade.

Html5,css3,javascript o lugar onde sonhos se tornam realidade.

  • 6.
    HTML5 Dando uma repaginadano “negócio”.
  • 7.
    HTML5 É TOPNA BALADA! O que realmente é html5?
  • 9.
    Semantics Dando significado ascoisas, é a grande mudança que o html5 nos traz. Introdução de tags que melhoram a compreensão do código para o browser, leitores e robôs.
  • 12.
    Tags e maistags... # title , nav, time, figure, tel, novos inputs, novos atributos data.
  • 13.
  • 14.
    Comportamento dos browsers! Ajudado modernizer... http://modernizr.com/
  • 15.
    Seja amigo doback-end Somos amigos, amigos do peito, amigos de vocês...
  • 16.
    Novas API's Acessando viajavascript... “Luque aqui”.
  • 17.
    Multimedia Você pode acessar,controlar e manipular dados de linha do tempo e estados de rede dos arquivos. Com os futuros acréscimos às APIs você poderá ler e gravar dados brutos em arquivos de áudio (API Audio Data) ou manipular legendas em vídeos (API Timed Track). Porém, o verdadeiro poder desses novos elementos HTML aparece quando eles são combinados com outras tecnologias do web stack, seja Canvas, SVG, CSS ou mesmo WebGL.
  • 18.
    3D, Graphics &Effects Com a adição de tecnologias como o elemento canvas, Web GL e imagens SVG, não é mais assim! Na verdade, existem muitos novos recursos que lidam com gráficos na web: Canvas 2D, WebGL, SVG, transformações CSS 3D e SMIL.
  • 19.
    Offline & Storage “Webapps" podem ser inicializados 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.
  • 20.
    PERFORMANCE & INTEGRATION Deixeseu 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ê!
  • 21.
    Conectivity Conectividade mais eficientesignifica mais chats em tempo real, jogos mais rápidos e melhor comunicação. Web sockets e Eventos enviados pelo servidor estão empurrando (pushing) dados entre o cliente e o servidor de forma mais eficiente do que nunca.
  • 22.
    Device Access Com aAPI de geolocalização os Web Apps podem ter experiências e diferenciais ricos, independete do dispositivo. Inovações incríveis em acesso aos dispositivos estão sendo desenvolvidas: de áudio e vomo meio de entrada de dados até dados locais!
  • 24.
  • 25.
  • 26.
    Hoje com CSS3... Agoranós somos os “gostosões da web”.
  • 27.
    Super poderes... Animações -Transition, animation, keyframes!
  • 28.
    Super poderes... Animações -Transition, animation, keyframes! Sombras – Em elementos e textos..
  • 29.
    Super poderes... Animações -Transition, animation, keyframes! Sombras – Em elementos e textos. Gradientes – Agora vai!
  • 30.
    Super poderes... Animações -Transition, animation, keyframes! Sombras – Em elementos e textos. Gradientes – Agora vai! Media queries – Pensando no usuário...
  • 31.
  • 32.
    Quem ganha comtudo isso?
  • 34.
  • 35.
  • 36.
  • 37.
    E começamos aver isso....
  • 38.
    E começamos aver isso....
  • 39.
    E começamos aver isso....
  • 40.
    Então o Html5é o futuro da internet?
  • 44.
    “Espero que vocêsnão sejam medrosos e abusem da Plataforma Aberta da Web. Só assim a tecnologia vai avançar e atingir a todos igualmente e democraticamente. Plante a coragem de ter coragem e não o medo que torna as pessoas reféns.” Clécio Bachini / IMASTER
  • 45.
    E o Html5? Querosaber se é ou não o futuro da internet...
  • 46.
    “O futuro daInternet está nas pessoas, na experiência que elas tem. Não adianta nada usar qualquer tecnologia top de linha, se elas não tem boa experiência com o seu projeto. HTML5 tá ai para mostrar toda sua magia, graças as pessoas...” Edmo Jeová
  • 47.
    Referências: Diego Eis (Locaweb)- http://tableless.com.br/ Daniel Filho (BrasilJS / Netshoes) - http://zofe.com.br/ Zeno Rocha (BrasilJS / Zofe) - http://zenorocha.com/ Bernard de Luna (COW / BrasilJS ) - http://bernarddeluna.com/ Livros: HTML5 e CSS3: Domine a web do futuro futuro. Lucas Mazza (Casa do Codigo) HTML5: A linguagem de marcação que revolucionou a web. Maujor (Maurício Samy Silva) (http://www.maujor.com/) CSS3 - Desenvolva aplicações web profissionais com o uso dos poderosos recursos de estilização das CSS3. CSS3 Maujor (Maurício Samy Silva) (http://www.maujor.com/)