Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Explorando as APIs do HTML5
Search
Raphael Amorim
May 07, 2014
Programming
0
130
Explorando as APIs do HTML5
Raphael Amorim
May 07, 2014
Tweet
Share
More Decks by Raphael Amorim
See All by Raphael Amorim
Rust 101 for Web
raphamorim
0
150
Writing Your Own React Renderer
raphamorim
4
270
the new react
raphamorim
1
100
Composition on High-Order Components
raphamorim
0
99
Understanding React
raphamorim
1
270
Making for Web with WebAssembly
raphamorim
4
790
Scratching React Fiber
raphamorim
3
620
Understanding Memory Behavior on NodeJS
raphamorim
1
330
Using Canvas Components
raphamorim
0
260
Other Decks in Programming
See All in Programming
AI Coding Agent Enablement - エージェントを自走させよう
yukukotani
14
6.2k
VitestのIn-Source Testingが便利
taro28
7
2.1k
メモリウォールを超えて:キャッシュメモリ技術の進歩
kawayu
0
1.9k
プロフェッショナルとしての成長「問題の深掘り」が導く真のスキルアップ / issue-analysis-and-skill-up
minodriven
8
1.6k
AIコーディングエージェントを 「使いこなす」ための実践知と現在地 in ログラス / How to Use AI Coding Agent in Loglass
rkaga
4
600
Optimizing JRuby 10
headius
0
420
ComposeでWebアプリを作る技術
tbsten
0
120
Java 24まとめ / Java 24 summary
kishida
3
500
GitHub Copilot for Azureを使い倒したい
ymd65536
1
140
On-the-fly Suggestions of Rewriting Method Deprecations
ohbarye
1
3.1k
The Nature of Complexity in John Ousterhout’s Philosophy of Software Design
philipschwarz
PRO
0
130
Contribute to Comunities | React Tokyo Meetup #4 LT
sasagar
0
530
Featured
See All Featured
Designing for Performance
lara
608
69k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Reflections from 52 weeks, 52 projects
jeffersonlam
349
20k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Typedesign – Prime Four
hannesfritz
41
2.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.3k
KATA
mclloyd
29
14k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Building Flexible Design Systems
yeseniaperezcruz
329
38k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Rails Girls Zürich Keynote
gr2m
94
13k
Transcript
Explorando as APIs do HTML5
None
! Write Code Every ! Single Day
API's do HTML5 ?
None
Web Speech API
Comportamento
Comportamento
Exemplos + raphamorim.com/sound-hunter/ + google.com/intl/pt/chrome/demos/ speech.html
Vibration API
Comportamento navigator.vibrate(time) if (navigator.vibrate) navigator.vibrate(500) ! ! navigator.vibrate([500, 1000, 2000])
! Fullscreen API
Comportamento ! document.querySelector(‘html’).requestFullscreen() document.exitFullscreen()
Comportamento Mas como saber o status da API? var fullscreenElement
= document.fullscreenElement var fullscreenEnabled = document.fullscreenEnabled
Comportamento Awesome!! Mas e quanto os eventos da API? fullscreenchange
fullscreenerror
Comportamento ::fullscreen & ::backdrop
Exemplos + demo.hongkiat.com/html5- fullscreen-api/index.html
None
None
None
Geolocation
Comportamento if (navigator.geolocation) navigator.geolocation.getCurrentPosition(showPosition) function showPosition(position) ! var latitude =
position.coords.latitude; ! var longitude = position.coords.longitude;
Comportamento position.coords.latitude position.coords.longitude altitude speed altitudeAccuracy timestamp accuracy heading
Suporte
Exemplos + html5demos.com/geo
…E isso é tudo pessoal :) raphamorim