Desarrollo FrontEnd con JavaScript - S02

Slide 1

Slide 1 text

Desarrollo FrontEnd con JavaScript s02 – Manejo de DOM y APIs del navegador

Slide 2

Slide 2 text

Manipulación de HTML utilizando DOM

Slide 3

Slide 3 text

Obtener elementos • getElementById • getElementsByClassName • getElementsByTagName • querySelector • querySelectorAll

Slide 4

Slide 4 text

Recorrido de elementos • parentNode • children • firstChild / firstElementChild • lastChild / lastElementChild • nextSibling / nextElementSibling • previousSibling / previousElementSibling

Slide 5

Slide 5 text

Manipulación de elementos • createElement • appendChild • insertBefore • removeChild

Slide 6

Slide 6 text

Atributos • getAttribute • setAttribute • hasAttribute • removeAttribute

Slide 7

Slide 7 text

Estilos • getComputedStyle • matchMedia • matchesSelector

Slide 8

Slide 8 text

Manejo de eventos

Slide 9

Slide 9 text

Manejo de eventos • addEventListener • removeEventListener • dispatchEvent

Slide 10

Slide 10 text

Manejo de eventos • addEventListener • removeEventListener • dispatchEvent

Slide 11

Slide 11 text

Manejo de eventos • addEventListener • removeEventListener • dispatchEvent

Slide 12

Slide 12 text

APIs de HTML5 Geolocalización, LocalStorage, History API

Slide 13

Slide 13 text

Geolocation API

Slide 14

Slide 14 text

LocalStorage • window.localStorage • getItem • setItem

Slide 15

Slide 15 text

History API • pushState • replaceState • onhashchange • onpopstate

Slide 16

Slide 16 text

History API • pushState • replaceState • onhashchange • onpopstate