Introducción al Curso 🔤
HTML y CSS: definición y usos → 2/43
- Internet: A principios de los años 80 nació esta tecnologÃa Interconected Network o red interconectada, y esta es la que hoy en dÃa nos permite compartir sonidos, videos e imágenes.
- WWW: En 1990 Word Wide Web; fue creada por Tim Berners-Lee el cual también creo el consorcio de la W3C.
- W3C: Conocida también como Word Wide Web Consortium y es el consorcio que estandariza y supervisa las tecnologÃas del internet HTTP, URL Y HTML
- HTTP: Hyper Text Transfer Potocol ó protocolo de transferencia de hipertexto es la bases que permite la comunicación entre los dispositivos conectados en la red por ejemplo computadores y servidores
- URL: Conocido como Uniform Resource Locator ó el localizador de rescursos uniformes más conocido como la dirección de un sitio web, es la manera que agregamos un punto a la red
- HTML: Hyper Text Markup Language ó lenguaje de marcado de hipertexto esta es lo que le da la estructura un sitio web como dándonos como herramienta: o lista encabezado, párrafo etc.
- CSS: Cascade style sheets ú Hoja de estilo en cascada la cual fue creada en 1994 y son unas series de reglas que describen la apariencia de un sitio web y es el navegador que se encarga de agregar estos estilos a nuestro sitio. esta surgió por la necesidad de mejorar la apariencia de los sitios web, en ella podemos definir el estilo de los componentes html como su tamaño, color, fuente entre otras cosas.
¿Qué son y para qué nos sirven HTML y CSS? → 3/43
-
HTML: es un lenguaje de marcado de Hipertexto que nos permite estructurar las páginas web, nos permite estructurar la información para que el navegador pueda leerla y mostrarla.
HTML Reference → A free guide to all HTML elements and attributes
-
CSS: es un lenguaje de hojas de estilo, que nos permite estilizar las paginas web, es todo el diseño que se le da a la web.
CSS Reference → A free visual guide to CSS
DOM, CSSOM, Render Tree y el proceso de renderizado de la Web → 4/43
DOM: Document object modelEl navegador transforma las etiquetas en objetos que son entendibles para el navegador.
CSSOM: Este mismo agarra el código de css y lo transforma en un lenguaje entendible para el navegador
RENDER TREE: Este mismo es un árbol en el que el DOM y el CSSOM juntos para renderizar el proceso que creamos en el codigo.
Proceso de Renderizado de la Web
- Procesa el HTML y construye el DOM
- Procesa el CSS y construye el CSSOM
- Se unifican el DOM + CSSOM para obtener el Render Tree
- Ejecuta el diseño en el Render Tree
- Pinta el Render Tree en la pantalla
Proceso para que el Navegador Interprete el Código HTML
- El navegador transforma el código en bytes
- teniendo el código en bytes este los transforma en caracteres y este se da cuenta leyendo el meta charset
- Tokens, este los transforma en elementos html y los ordena
- Transforma estos en Nodos y estos son los que entiende el. Además clasifica los objetos y los contenidos
- El dom es el árbol de los elementos que se forma con todos estos pasos.
5 tips para aprender CSS → 5/43