Web Development Tutoriales

Bienvenido a la documentación de React. Esta práctica te dará una introducción al uso de hooks.

Bienvenido a la documentación de React. Esta práctica te dará una introducción a la escritura de marcas con JSX.

Bienvenido a la documentación de React. Esta práctica te dará una introducción a la creación y anidamiento de componentes.

Bienvenido a la documentación de React. Esta práctica te dará una introducción al renderizado condicional.

Bienvenido a la documentación de React. Esta práctica te dará una introducción a la actualización de la pantalla.

Bienvenido a la documentación de React. Esta práctica te dará una introducción a la respuesta a eventos.

En este laboratorio, exploraremos el hook useComponentWillUnmount en React, que nos permite ejecutar una función de devolución de llamada justo antes de que un componente sea desmontado y destruido. Al usar este hook, podemos realizar cualquier tarea de limpieza necesaria, como eliminar los oyentes de eventos o cancelar cualquier solicitud pendiente. Este laboratorio proporcionará experiencia práctica en el uso de este hook y en la comprensión de su comportamiento, que es similar al método de ciclo de vida componentWillUnmount() en los componentes de clase.

En este laboratorio, exploraremos cómo crear un componente de tabla dinámica en React utilizando una matriz de objetos y una lista de nombres de propiedades. El componente utilizará varios métodos de matriz de JavaScript, como Object.keys(), Array.prototype.filter(), Array.prototype.includes() y Array.prototype.reduce() para filtrar los datos y renderizar la tabla con las propiedades especificadas. Al final de este laboratorio, tendrás una mejor comprensión de cómo renderizar tablas dinámicas en React.

En este laboratorio, aprenderemos a crear un componente de cargador giratorio utilizando React y CSS. El propósito de este componente es proporcionar una indicación visual al usuario de que la aplicación está cargando o procesando datos. Al final de este laboratorio, tendrás un componente de cargador reusable que puedes utilizar en tus proyectos de React.

En este laboratorio, aprenderemos cómo crear un enlace telefónico llamable en React utilizando el protocolo tel:. Este enlace permite a los usuarios llamar a un número de teléfono directamente desde su dispositivo con solo un clic. Al final de este laboratorio, podrás implementar esta característica en tus propias aplicaciones React, mejorando su usabilidad y accesibilidad.

En este laboratorio, aprenderemos a crear un campo de entrada de contraseña con un botón de alternancia que permita a los usuarios mostrar o ocultar su contraseña. Esto se hará utilizando el hook useState() en React. Al final de este laboratorio, tendrás una mejor comprensión de cómo manejar el estado en React y cómo crear un componente simple pero útil para la interacción con el usuario.

En este laboratorio, exploraremos cómo crear un componente de lista dinámica en React utilizando el componente DataList. Con este componente, podemos renderizar una matriz de valores primitivos como una lista ordenada o no ordenada. Al final del laboratorio, tendrás una mejor comprensión de cómo utilizar Array.prototype.map() y renderizar elementos condicionalmente basados en props en React.

¡Bienvenido a la documentación de JavaScript! Este laboratorio te dará una introducción a los operadores.

¡Bienvenido/a a la documentación de JavaScript! Este laboratorio (lab) le dará una introducción a las variables.

En este laboratorio, exploraremos el concepto de tipos de datos en JavaScript. Aprenderemos cómo usar la función getType para determinar el tipo nativo de cualquier valor dado, ya sea undefined, null o una instancia de un constructor. Al final del laboratorio, tendrás una comprensión sólida de cómo trabajar con diferentes tipos de datos en JavaScript.

En este laboratorio, exploraremos conceptos y técnicas de programación en JavaScript a través de una serie de ejercicios prácticos. El laboratorio está diseñado para ayudarte a adquirir una comprensión más profunda de JavaScript y mejorar tus habilidades de programación mediante la práctica en escenarios del mundo real. Trabajarás en tareas como crear funciones, trabajar con matrices (arrays) y objetos, y manipular el DOM para crear páginas web dinámicas. Al final de este laboratorio, tendrás una base sólida en programación JavaScript y podrás aplicar tus conocimientos para construir aplicaciones más complejas.

Bienvenido a la documentación de JavaScript. Esta práctica te dará una introducción a las funciones.

Bienvenido a la documentación de JavaScript. Esta práctica te dará una introducción a los condicionales.