Desarrollo FrontEnd con JavaScript - S02

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

10a0e11595c04259f746f31bf0715e4b?s=128

Gustavo Leon

November 01, 2013
Tweet

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