Introducción a HTML
HTML, o lenguaje de marcado de hipertexto, es el lenguaje de marcado estándar para documentos diseñados para mostrarse en un navegador web. Es una de las tecnologías centrales de la World Wide Web y es una habilidad esencial para cualquier desarrollador front-end.
Estructura básica de un documento HTML
La estructura básica de un documento HTML consta de etiquetas anidadas. Cada documento comienza con la etiqueta <!DOCTYPE html>, que le indica al navegador que lo siguiente es un documento HTML5. A continuación, tenemos el archivo <html> que involucra todo el contenido de la página.
Dentro de la etiqueta <html>, tenemos dos partes principales: la etiqueta <head> y <cuerpo>. La <cabeza> contiene metadatos sobre el documento, como el título de la página, enlaces a hojas de estilo CSS y scripts JavaScript. El <cuerpo> contiene el contenido principal que se muestra en el navegador.
Etiquetas y atributos HTML
Las etiquetas HTML son los componentes básicos de cualquier página web. Definen la estructura y disposición del contenido. Cada etiqueta comienza con un corchete angular (<) y termina con un corchete angular (>). Las etiquetas más comunes incluyen <h1> a <h6> para encabezados, <p> para párrafos, <a> para enlaces, <img> para imágenes y mucho más.
Los atributos proporcionan información adicional sobre los elementos HTML. Vienen en pares de nombre/valor y siempre se incluyen al principio de la etiqueta. Por ejemplo, la etiqueta de enlace <a> normalmente viene con el atributo 'href', que especifica la URL a la que debe apuntar el enlace.
Introducción a Promises y async/await en JavaScript
JavaScript es un lenguaje de programación que le permite agregar interactividad compleja a sitios web. Una de las características más poderosas de JavaScript es su capacidad para manejar operaciones asincrónicas, como recuperar datos de un servidor. Esto se hace usando Promises y la sintaxis async/await.
Promesas en JavaScript
Una promesa en JavaScript es un objeto que representa la eventual finalización o falla de una operación asincrónica. Sirve como indicador de un valor que puede no conocerse cuando se crea la promesa. Una promesa puede estar en uno de tres estados: pendiente, cumplida o rechazada.
Las promesas se utilizan para manejar operaciones asincrónicas de una manera más flexible y sólida que las devoluciones de llamada antiguas. Se pueden encadenar y manipular de manera que se evite el llamado "infierno de las devoluciones de llamadas", donde tenemos muchas devoluciones de llamadas anidadas y el código se vuelve difícil de leer y mantener.
Asíncrono/Espera en JavaScript
async/await es una sintaxis especial en JavaScript que hace que trabajar con Promises sea más cómodo y fácil de entender. La palabra clave 'async' se utiliza para declarar una función como asincrónica, lo que significa que devolverá una Promesa. La palabra clave 'await' se utiliza para pausar la ejecución de la función asincrónica hasta que la Promesa se resuelva o rechace.
El uso de async/await hace que el código asincrónico se parezca más a un código sincrónico, lo que puede facilitar su comprensión y mantenimiento. Sin embargo, es importante tener en cuenta que, aunque el código puede parecer sincrónico, aún se ejecuta de forma asincrónica, lo que significa que no bloquea la ejecución del resto del código.
