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.

Tu primer laboratorio de React

Tu primer laboratorio de React

Hola, bienvenido a LabEx. En este primer laboratorio, aprenderás el clásico programa 'Hello, World!' en React.
React
Tu primer laboratorio de HTML

Tu primer laboratorio de HTML

Hola, bienvenido a LabEx. En este primer laboratorio, aprenderás el clásico programa 'Hello, World!' en HTML.
HTML
Tu primer laboratorio de CSS

Tu primer laboratorio de CSS

Hola, bienvenido a LabEx. En este primer laboratorio, aprenderás el clásico programa 'Hello, World!' en CSS.
CSS
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 un acortador de URLs con Flask y MySQL

Construir un acortador de URLs con Flask y MySQL

Este proyecto te guía a través de la creación de un servicio simple de acortador de URLs utilizando Flask y MySQL. Aprenderás a configurar una base de datos, diseñar una interfaz web y implementar funcionalidades para acortar URLs, buscar URLs por etiquetas y ver análisis. El proyecto es amigable para principiantes y ofrece una visión integral del desarrollo web con Python y la gestión de bases de datos.
HTML
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
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
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
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
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
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
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
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
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 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