Gamer,
future Suicide Girl
and Front-end Dev
@TheSweet_Lari
Larissa Abreu
@LarissaAbreu
[complete aqui]
Nem eu!
Slide 3
Slide 3 text
Coisas de
criança
Slide 4
Slide 4 text
HTML é coisa de criança!
- Otário desconhecido
Slide 5
Slide 5 text
Quem trabalha com HTML
Não é programador de verdade!
- Mais otário ainda
Slide 6
Slide 6 text
Um profissional deve se preocupar muito com a
semântica pois ela é fundamental para questões de
acessibilidade e de possíveis milhares de acessos
vindos de um bom SEO. Em outras palavras, dizer
que “HTML é coisa de criança” de forma pejorativa,
faz de quem diz, uma pessoa
completamente idiota.
- Pacifer, Afonso
Slide 7
Slide 7 text
Quando todos
Começamos
Slide 8
Slide 8 text
index.html
Primeiro
contato!
Olá mundo!
Slide 9
Slide 9 text
Segundo
contato!
Slide 10
Slide 10 text
Todos tem as
Mesmas
oportunidades?
Slide 11
Slide 11 text
VR para todos?
Desafio
Artistas, designers, educadores,
criadores, crianças, etc…
Slide 12
Slide 12 text
aframe.io/
O A-Frame é um framework web
para construir experiências de realidade virtual (VR).
Slide 13
Slide 13 text
index.html
Slide 14
Slide 14 text
Resultado!
Slide 15
Slide 15 text
No celular!
Slide 16
Slide 16 text
No óculos!
Slide 17
Slide 17 text
Por que
A-Frame?
Slide 18
Slide 18 text
VR de forma simples
Basta colocar uma tag e <a-scene> que
o A-Frame vai lidar com todo o 3D, configuração
de VR e controles padrão. Nada para instalar,
sem etapas de compilação..
Slide 19
Slide 19 text
HTML declarativo
HTML é fácil de ler e entender.. Então é só copiar
e colar. Sendo, assim, acessível a todos:
desenvolvedores da Web, entusiastas da VR,
artistas, designers, educadores, criadores,
crianças, etc...
Slide 20
Slide 20 text
Performance
O A-Frame é otimizado desde o início para o
WebVR. Enquanto o A-Frame usa o DOM, seus
elementos não tocam no mecanismo de layout
do navegador.
Slide 21
Slide 21 text
Agnóstico de ferramentas
Como a Web foi construída sobre a noção de
HTML, o A-Frame é compatível com a maioria
das bibliotecas, estruturas e ferramentas…
Incluindo React, Preact, Vue.js, d3.js,
Ember.js, jQuery.
Slide 22
Slide 22 text
Inspetor Visual
O A-Frame fornece um prático inspetor visual
de 3D incorporado. Basta abrir qualquer cena A-
Frame e pressionar + + i
Slide 23
Slide 23 text
Inspetor Visual
Slide 24
Slide 24 text
Através do html
empodera
Slide 25
Slide 25 text
Demo
larissaabreu.github.io/vr-demo/
Slide 26
Slide 26 text
Vá além do VR
Crie seus próprios elementos HTML
Slide 27
Slide 27 text
polymer-project.org
Uma biblioteca que facilita a criação de Web Components
Slide 28
Slide 28 text
Tudo é possível se você trocar os olhos que enxerga o mundo!
- Caixa de VR