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
160
Manejando Docker containers con Ruby y backticks
hpneo
0
230
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
hpneo
0
350
Universal Web apps con JavaScript
hpneo
0
210
gmaps.js - 4 lecciones open source en 4 pasos
hpneo
0
600
Xamarin
hpneo
1
220
Desarrollo FrontEnd con JavaScript - S06
hpneo
0
87
Desarrollo FrontEnd con JavaScript - S05
hpneo
0
44
Desarrollo FrontEnd con JavaScript - S04
hpneo
0
66

Other Decks in Programming

See All in Programming
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.7k
try! Swift Tokyo 初参加報告LT
hinakko2
0
220
if constexpr文はテンプレート世界のラムダ式である
faithandbrave
3
650
新宿ダンジョンを可視化してみた
satoshi7190
2
260
Ruby GitHub Packages
bkuhlmann
0
630
デフォルトにして至高、RubyMineの大好きな所
ruzia
0
400
PHPの次期バージョンはこの時期どうなっているのか - Internalsの開発体制について - PHPカンファレンス小田原
youkidearitai
PRO
1
190
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
810
Code Reviews
bkuhlmann
4
890
PostmanでAPIの動作確認が楽になった話
h455h1
0
170
CA.swift19 恋するAIアプリ開発の裏側
oskmr
0
360
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.3k

Featured

See All Featured
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
Adopting Sorbet at Scale
ufuk
68
8.6k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
241
1.2M
Mobile First: as difficult as doing things right
swwweet
216
8.6k
The Invisible Side of Design
smashingmag
294
49k
What's in a price? How to price your products and services
michaelherold
237
11k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
6
1.5k
The Pragmatic Product Professional
lauravandoore
25
5.8k
Web development in the modern age
philhawksworth
202
10k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
322
20k
Building an army of robots
kneath
300
41k

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