Laboratorios gratuitos de JavaScript

Practica JavaScript con laboratorios gratuitos. Explora ejercicios prácticos para dominar la sintaxis de JavaScript, la manipulación del DOM y la programación basada en eventos en un entorno interactivo.

Tu primer laboratorio de JavaScript

Tu primer laboratorio de JavaScript

Hola, bienvenido a LabEx. En este primer laboratorio, aprenderás el clásico programa 'Hello, World!' en JavaScript.
LabJavaScript
Aplicación del módulo HTTP

Aplicación del módulo HTTP

El módulo http es el módulo oficial de Node.js para crear un servidor web, lo que permite a los desarrolladores front-end comenzar rápidamente con el desarrollo del lado del servidor. Vamos a crear una aplicación utilizando este módulo.
ChallengeJavaScript
Tarjeta de Identificación Universitaria LabEx

Tarjeta de Identificación Universitaria LabEx

En este desafío, ayudaremos a Jane a crear una interfaz de aplicación de tarjeta de identificación universitaria. El objetivo es implementar la validación del formulario para los campos de nombre y número de identificación estudiantil y mostrar el contenido del formulario enviado correctamente en la tarjeta. Al completar esta tarea, aseguraremos que la entrada del formulario sea validada y que la tarjeta muestre la información correcta.
ChallengeJavaScript
Arrays y Objetos

Arrays y Objetos

En este laboratorio, continuamos siguiendo a Alex en su camino como desarrollador web en una startup tecnológica. La escena se desarrolla en el espacio de trabajo del equipo de desarrollo, donde a Alex se le encomienda mejorar el rastreador de finanzas personales incorporando la capacidad de manejar múltiples registros financieros. Esta característica crucial requiere que Alex profundice en los arrays y objetos de JavaScript, almacenando cada registro financiero como un objeto dentro de un array. El objetivo es crear una aplicación dinámica e interactiva que no solo rastree sino que también organice eficientemente los datos financieros de los usuarios. A través de este empeño, Alex pretende brindar a los usuarios una visión clara de sus actividades financieras, haciéndola más útil y atractiva.
LabJavaScript
JavaScript y DOM Básicos

JavaScript y DOM Básicos

En este laboratorio (Lab), entrarás al mundo del desarrollo web a través de los ojos de Alex, un desarrollador web en formación encargado de crear un seguimiento dinámico de finanzas personales. El objetivo es construir una aplicación amigable para el usuario que permita a los usuarios ingresar y seguir sus gastos e ingresos diarios. El objetivo es claro: desarrollar una interfaz que sea intuitiva y atractiva, asegurando que los usuarios puedan administrar fácilmente sus finanzas sin problemas. Este proyecto no solo busca simplificar la gestión de finanzas personales, sino también introducirte a los conceptos fundamentales de JavaScript y la manipulación del DOM.
LabJavaScript
Almacenamiento y recuperación de datos

Almacenamiento y recuperación de datos

En este laboratorio, acompañamos a Alex, un desarrollador web decidido en una empresa tecnológica en full actividad, que ahora se aventura en el campo de la persistencia de datos. Después de crear con éxito un mecanismo para rastrear y mostrar registros financieros en el seguidor de finanzas personales, el siguiente desafío es garantizar que estos registros persistan a través de las sesiones del navegador. El objetivo es permitir a los usuarios volver a la aplicación y encontrar todos sus datos previamente ingresados intactos, mejorando la usabilidad de la aplicación y la satisfacción del usuario. Esta tarea introduce a Alex al concepto de almacenamiento web, en particular aprovechando la API localStorage para guardar y recuperar el estado de la aplicación.
LabJavaScript
Mejora del seguidor de finanzas personales

Mejora del seguidor de finanzas personales

En este Laboratorio, la jornada de Alex en el desarrollo del seguidor de finanzas personales entra en una etapa avanzada, centrándose en mejorar la interactividad de la aplicación a través de técnicas sofisticadas de manejo de eventos. La escena se desarrolla en una sesión de sesiones de idea generación en la startup tecnológica, donde Alex propone agregar una característica de arrastrar y soltar para reordenar los registros financieros. Esta ambiciosa meta tiene como objetivo brindar a los usuarios una forma intuitiva de organizar sus registros, reflejando la naturaleza fluida de la gestión de finanzas personales. Lograr esto requiere que Alex explore los eventos DOM avanzados y manipule los elementos de una manera que sea atractiva visualmente y amigable para el usuario.
LabJavaScript
Implementando el resumen

Implementando el resumen

En este laboratorio, situado en el bullicioso entorno de startups de 'FinTech Valley', te convertirás en Alex, un joven ingeniero de software encargado de mejorar el sistema de seguimiento financiero de una empresa tecnológica en rápido crecimiento. El equipo financiero de la empresa necesita una forma dinámica de visualizar la salud financiera general de la organización. Tu objetivo es implementar una característica en su aplicación de contabilidad basada en la web existente que calcule y muestre el ingreso total, los gastos totales y el balance neto, brindando información financiera en tiempo real.
LabJavaScript
Llamar a una API en JavaScript

Llamar a una API en JavaScript

En este laboratorio, aprenderá a interactuar con APIs web utilizando JavaScript moderno. Usará la API `fetch` para realizar solicitudes GET y POST, manejar respuestas, analizar datos JSON, mostrarlos en HTML, implementar manejo de errores y autenticar solicitudes con una clave API para aplicaciones web dinámicas.
LabJavaScript
Declaraciones Condicionales en JavaScript

Declaraciones Condicionales en JavaScript

En este laboratorio, aprenderá los fundamentos de las declaraciones condicionales en JavaScript, incluyendo if, else y else if, para controlar el flujo de su código.
LabJavaScript
Introducción y Embebido de JavaScript

Introducción y Embebido de JavaScript

En este laboratorio, aprenderás los conceptos básicos de JavaScript, incluyendo cómo incrustarlo directamente en un archivo HTML y cómo enlazar un archivo JavaScript externo.
LabJavaScript
Bucles en JavaScript

Bucles en JavaScript

En este laboratorio, aprenderá los fundamentos de los bucles en JavaScript, incluyendo los bucles for, while y do-while, para controlar el flujo de su código y repetir acciones.
LabJavaScript
Operadores y Expresiones de JavaScript

Operadores y Expresiones de JavaScript

En este laboratorio, aprenderá los fundamentos de los operadores y expresiones de JavaScript, incluyendo operaciones aritméticas, concatenación de cadenas e operadores de incremento.
LabJavaScript
Variables y Tipos de Datos en JavaScript

Variables y Tipos de Datos en JavaScript

En este laboratorio, aprenderás los fundamentos de JavaScript declarando variables con `let` y explorando tipos de datos básicos como cadenas (strings), números (numbers) y booleanos (booleans).
LabJavaScript
Analizar datos JSON

Analizar datos JSON

En este laboratorio aprenderá a analizar, modificar y guardar archivos de configuración JSON mediante Python. Esta habilidad es esencial para gestionar datos estructurados en aplicaciones modernas.
LabJavaScript