Web Development Tutoriales

El desarrollo web proporciona un camino de aprendizaje estructurado para crear sitios web y aplicaciones web modernas. Nuestros tutoriales cubren tecnologías de front - end y back - end, adecuados tanto para principiantes como para desarrolladores intermedios. Con laboratorios gratuitos y ejemplos de código prácticos, obtendrás experiencia práctica en HTML, CSS, JavaScript y frameworks populares. Nuestro entorno web interactivo te permite experimentar con diferentes tecnologías y ver resultados en tiempo real.

Entorno de prueba de JavaScript en línea

Entorno de prueba de JavaScript en línea

LabEx ofrece un Entorno de prueba de JavaScript en línea, un entorno basado en la nube que te permite configurar rápidamente un entorno de desarrollo de JavaScript para aprender y experimentar.
JavaScript
Construir una aplicación web de Tres en Raya

Construir una aplicación web de Tres en Raya

En este proyecto, aprenderás a crear un juego de Tres en Raya utilizando HTML, CSS y JavaScript. Tres en Raya es un juego para dos jugadores en el que los jugadores toman turnos para marcar X o O en una cuadrícula 3x3. El objetivo es obtener tres marcas en línea, ya sea horizontal, vertical o diagonalmente. Crearás los archivos HTML, CSS y JavaScript necesarios e implementarás la lógica del juego paso a paso.
CSS
Construir una extensión de VSCode con ChatGPT

Construir una extensión de VSCode con ChatGPT

En este proyecto, crearemos una extensión de VSCode que permite al usuario ajustar el nivel de encabezado del texto de Markdown seleccionado.
JavaScript
Tablero de control de ventas en tiempo real con Echarts

Tablero de control de ventas en tiempo real con Echarts

En este proyecto, aprenderás a crear un tablero de control de ventas en tiempo real utilizando la biblioteca Echarts. El tablero de control mostrará los datos de ventas y volumen en un formato visualmente atractivo y fácil de entender.
JavaScript
Construyendo interfaces de accordion responsivas

Construyendo interfaces de accordion responsivas

En este proyecto, aprenderás a crear una simple accordion plegable utilizando HTML, CSS y JavaScript. La accordion plegable es un elemento de interfaz de usuario común que permite a los usuarios expandir y contraer secciones de contenido, lo que la convierte en una característica útil para mostrar información de manera compacta y organizada.
JavaScript
Construyendo una aplicación de votación

Construyendo una aplicación de votación

En este proyecto, aprenderás a construir una aplicación de votación que permite a los usuarios crear y administrar opciones de votación, así como eliminar opciones si es necesario. La aplicación también incluye características para el soporte de selección múltiple y los resultados de votación públicos.
JavaScript
Construyendo una aplicación web moderna de división de gastos

Construyendo una aplicación web moderna de división de gastos

En este proyecto paso a paso, crearemos una aplicación web moderna y visualmente atractiva de división de gastos utilizando HTML, CSS y JavaScript. Esta aplicación te permitirá dividir los gastos entre un grupo de personas y calcular quién debe qué a quién. Empezaremos desde cero y cubriremos cada paso para construir el proyecto progresivamente.
JavaScript
Insertar y dar estilo a imágenes en HTML

Insertar y dar estilo a imágenes en HTML

Aprende cómo agregar, dar estilo y manipular imágenes en HTML utilizando varios atributos como src, alt, width, height y title.
HTML
Desarrollar un editor de Markdown con vista previa en vivo

Desarrollar un editor de Markdown con vista previa en vivo

En este proyecto, crearemos un sencillo editor de Markdown basado en la web que ofrece una vista previa HTML en vivo a medida que escribes. Utilizando bibliotecas como Ace Editor, marked y highlight.js, desarrollarás un editor intuitivo que no solo permite escribir en Markdown, sino que también guarda datos a través de las sesiones del navegador y resalta fragmentos de código en la vista previa.
JavaScript
Juego web de 2048 utilizando jQuery

Juego web de 2048 utilizando jQuery

2048 es un juego extremadamente popular y fácil de aprender que ha tomado el mundo por la tormenta. Si aún no lo has jugado, puedes descargarlo en tu teléfono móvil para probarlo. Este proyecto te guiará en el uso de HTML, CSS, JavaScript y jQuery para crear una versión web del juego 2048.
JavaScript
Construir un juego de rompecabezas deslizante con JavaScript

Construir un juego de rompecabezas deslizante con JavaScript

Bienvenido a este proyecto sobre la construcción de un sencillo juego de rompecabezas deslizante utilizando JavaScript. Al final de esta guía, tendrás un juego de rompecabezas deslizante 3x3 funcional que podrás jugar en tu navegador. El juego tendrá fichas numeradas, un temporizador y controles para iniciar, pausar y reiniciar el juego.
JavaScript
Aplicación simple de sorteo de premios

Aplicación simple de sorteo de premios

En este proyecto, aprenderás a crear una aplicación simple de sorteo de premios utilizando JavaScript y jQuery. La aplicación simulará un sorteo de premios rotando una lista de premios y mostrando el premio ganador cuando la rotación se detiene.
JavaScript
Construir una herramienta de recorte de imágenes con HTML5

Construir una herramienta de recorte de imágenes con HTML5

Este proyecto te guiará a través del proceso de creación de una herramienta simple de recorte de imágenes. Al final, tendrás una aplicación interactiva que permite a los usuarios subir, mostrar y recortar imágenes.
JavaScript
Juego de apilamiento de frutas con HTML, CSS, JavaScript

Juego de apilamiento de frutas con HTML, CSS, JavaScript

En este proyecto, aprenderás a crear un sencillo juego de apilamiento de frutas utilizando HTML, CSS y JavaScript. El objetivo es apilar los elementos de fruta que caen en la parte superior de la página en la caja ubicada en la parte inferior. Si hay tres frutas idénticas en la caja, se eliminarán automáticamente.
JavaScript
Juego de rompecabezas Flip con jQuery

Juego de rompecabezas Flip con jQuery

Este proyecto, el 'Juego de rompecabezas Flip con jQuery', ofrece una experiencia práctica en el desarrollo web, centrándose en JavaScript, jQuery y Bootstrap. Implica la programación orientada a objetos en JavaScript y aborda el problema común del enlace de 'this' en el contexto del desarrollo web. El juego se implementa utilizando jQuery y Bootstrap 3 para la interfaz de usuario. Si bien es útil tener conocimientos de Bootstrap, la lógica central del proyecto se construye con jQuery y JavaScript.
JavaScript
Tiempo con tu teléfono

Tiempo con tu teléfono

En este proyecto, aprenderás a crear un gráfico de líneas utilizando la biblioteca ECharts. El gráfico mostrará la cantidad de horas que el usuario pasa en su teléfono cada día de la semana.
HTML
Juego de emparejamiento de frutas con HTML, CSS, JavaScript

Juego de emparejamiento de frutas con HTML, CSS, JavaScript

En este proyecto, aprenderás a crear un sencillo juego 'Fruit for Fun' utilizando HTML, CSS y JavaScript. El juego consiste en emparejar pares de imágenes de frutas haciendo clic en los cuadrados del tablero de juego.
JavaScript
Aplicación web interactiva de colección de películas

Aplicación web interactiva de colección de películas

En este proyecto, aprenderás a crear una aplicación web interactiva de colección de películas utilizando HTML, CSS y JavaScript (jQuery). La aplicación permite a los usuarios marcar sus películas favoritas y, cuando se crea una colección de películas favoritas, se muestra un mensaje de éxito.
JavaScript
  • Anterior
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • ...
  • 54
  • Siguiente