clase12.md

Máster en Programación FullStack con JavaScript y Node.js

JS, Node.js, Frontend, Backend, Firebase, Express, Patrones, HTML5_APIs, Asincronía, Websockets, Testing

Clase 12

Repaso a HTML y CSS

• Más información:
  • ¿Que es el shadow DOM?

BOM

• Más información:
  • Objeto Window

History

• Más información:

  • History en MDN

• Propiedades:

  • History.lenght

• Métodos:

  • History.back()
  • History.forward()
  • History.go()

Navigator

• Más información:

  • Navigator en MDN

• Propiedades:

  • NavigatorID.appCodeName
  • NavigatorID.appName
  • NavigatorID.appVersion
  • Navigator.battery
  • Navigator.connection
  • NavigatorPlugins.javaEnabled
  • NavigatorLanguage.language
  • NavigatorPlugins.mimeTypes
  • NavigatorOnLine.onLine
  • Navigator.oscpu
  • Navigator.permissions
  • NavigatorID.platform
  • NavigatorPlugins.plugins
  • NavigatorID.product
  • NavigatorID.userAgent
  • Navigator.serviceWorker

window.screen

• Más información:

  • Screen en MDN

• Propiedades:

  • .availTop
  • .availLeft
  • .availHeight
  • .availWidth
  • .colorDepth
  • .height
  • .left
  • .orientation
  • .pixelDepth
  • .top
  • .width

Window.location & Document.location

• Más información:

  • location en MDN

• Propiedades:

  • .href
  • .protocol
  • .host
  • .hostname
  • .port
  • .pathname
  • .search
  • .hash
  • .username
  • .password
  • .origin

• Métodos:

  • .assign()
  • .reload()
  • .replace()
  • .toString()

Render del browser

• An Introduction to Browser Rendering
• Ryan Seddon: So how does the browser actually render a website | JSConf EU 2015
• Kruno: How browsers work | JSUnconf 2017

DOM

• DOM - Document Object Model
• Element
• Node
• NodeList
• Tipos de nodos en el dom

DOM: Recursos

• Todos los selectores CSS3
• Introduction to the DOM
• Understanding the DOM Tree and Nodes
• How To Access Elements in the DOM