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
210
Manejando Docker containers con Ruby y backticks
hpneo
0
300
CodePicnic: Lecciones aprendidas al crear una startup tecnológica
hpneo
0
420
Universal Web apps con JavaScript
hpneo
0
260
gmaps.js - 4 lecciones open source en 4 pasos
hpneo
0
650
Xamarin
hpneo
1
250
Desarrollo FrontEnd con JavaScript - S06
hpneo
0
95
Desarrollo FrontEnd con JavaScript - S05
hpneo
0
52
Desarrollo FrontEnd con JavaScript - S04
hpneo
0
75

Other Decks in Programming

See All in Programming
どうして僕の作ったクラスが手続き型と言われなきゃいけないんですか
akikogoto
1
110
Enabling DevOps and Team Topologies Through Architecture: Architecting for Fast Flow
cer
PRO
0
300
詳細解説！ ArrayListの仕組みと実装
yujisoftware
0
570
Realtime API 入門
riofujimon
0
150
Dev ContainersとGitHub Codespacesの素敵な関係
ymd65536
1
150
TypeScriptでライブラリとの依存を限定的にする方法
tutinoko
2
630
Compose 1.7のTextFieldはPOBox Plusで日本語変換できない
tomoya0x00
0
180
レガシーシステムにどう立ち向かうか　複雑さと理想と現実/vs-legacy
suzukihoge
14
2.2k
subpath importsで始めるモック生活
10tera
0
290
Pinia Colada が実現するスマートな非同期処理
naokihaba
4
220
Jakarta EE meets AI
ivargrimstad
0
520
Laravel や Symfony で手っ取り早く
OpenAPI のドキュメントを作成する
azuki
1
110

Featured

See All Featured
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k
GraphQLとの向き合い方2022年版
quramy
43
13k
Statistics for Hackers
jakevdp
796
220k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Bash Introduction
62gerente
608
210k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Gamification - CAS2011
davidbonilla
80
5k
Unsuck your backbone
ammeep
668
57k
Faster Mobile Websites
deanohume
305
30k
Intergalactic Javascript Robots from Outer Space
tanoku
269
27k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
131
33k
Scaling GitHub
holman
458
140k

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