Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Desarrollo FrontEnd con JavaScript - S02

Gustavo Leon
November 01, 2013
Programming
0
59

Desarrollo FrontEnd con JavaScript - S02

S02 - Manejo del DOM y APIs del navegador:
- Manipulación de HTML utilizando DOM
- Manejo de eventos
- APIs de HTML5: Geolocalización, LocalStorage, History API

Gustavo Leon

November 01, 2013
Tweet

More Decks by Gustavo Leon

See All by Gustavo Leon
Usando Preact - Una alternativa ligera a React
hpneo
0
220
Manejando Docker containers con Ruby y backticks
hpneo
0
310
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
hpneo
0
430
Universal Web apps con JavaScript
hpneo
0
270
gmaps.js - 4 lecciones open source en 4 pasos
hpneo
0
650
Xamarin
hpneo
1
260
Desarrollo FrontEnd con JavaScript - S06
hpneo
0
96
Desarrollo FrontEnd con JavaScript - S05
hpneo
0
52
Desarrollo FrontEnd con JavaScript - S04
hpneo
0
75

Other Decks in Programming

See All in Programming
menu基盤チームによるGoogle Cloudの活用事例~Application Integration, Cloud Tasks編~
yoshifumi_ishikura
0
110
Scalaから始めるOpenFeature入門 / Scalaわいわい勉強会 #4
arthur1
1
310
Cloudflare MCP ServerでClaude Desktop からWeb APIを構築
kutakutat
1
540
nekko cloudにおけるProxmox VE利用事例
irumaru
3
430
快速入門可觀測性
blueswen
0
350
Keeping it Ruby: Why Your Product Needs a Ruby SDK - RubyWorld 2024
envek
0
180
htmxって知っていますか？次世代のHTML
hiro_ghap1
0
330
【re:Growth 2024】 Aurora DSQL をちゃんと話します！
maroon1st
0
770
クリエイティブコーディングとRuby学習 / Creative Coding and Learning Ruby
chobishiba
0
3.9k
命名をリントする
chiroruxx
1
400
今年一番支援させていただいたのは認証系サービスでした
satoshi256kbyte
1
250
プロダクトの品質に コミットする / Commit to Product Quality
pekepek
2
770

Featured

See All Featured
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
How to Think Like a Performance Engineer
csswizardry
22
1.2k
GraphQLとの向き合い方2022年版
quramy
44
13k
Building Applications with DynamoDB
mza
91
6.1k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
226
22k
StorybookのUI Testing Handbookを読んだ
zakiyama
27
5.3k
How to train your dragon (web standard)
notwaldorf
88
5.7k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
29
2k
Into the Great Unknown - MozCon
thekraken
33
1.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
326
24k
Testing 201, or: Great Expectations
jmmastey
40
7.1k

Transcript

  1. Desarrollo FrontEnd con JavaScript s02 – Manejo de DOM y

    APIs del navegador

  2. Manipulación de HTML utilizando DOM

  3. Obtener elementos • getElementById • getElementsByClassName • getElementsByTagName • querySelector

    • querySelectorAll

  4. Recorrido de elementos • parentNode • children • firstChild /

    firstElementChild • lastChild / lastElementChild • nextSibling / nextElementSibling • previousSibling / previousElementSibling

  5. Manipulación de elementos • createElement • appendChild • insertBefore •

    removeChild

  6. Atributos • getAttribute • setAttribute • hasAttribute • removeAttribute

  7. Estilos • getComputedStyle • matchMedia • matchesSelector

  8. Manejo de eventos

  9. Manejo de eventos • addEventListener • removeEventListener • dispatchEvent

  10. Manejo de eventos • addEventListener • removeEventListener • dispatchEvent

  11. Manejo de eventos • addEventListener • removeEventListener • dispatchEvent

  12. APIs de HTML5 Geolocalización, LocalStorage, History API

  13. Geolocation API

  14. LocalStorage • window.localStorage • getItem • setItem

  15. History API • pushState • replaceState • onhashchange • onpopstate

  16. History API • pushState • replaceState • onhashchange • onpopstate