Web Development Practice Projects

July 1, 2026 · View on GitHub

Idiomas: English · 简体中文 · 日本語 · Español · Français · Deutsch · Русский · 한국어 · Português

Web Development

Aprende Desarrollo Web con esta completa ruta de aprendizaje diseñada para principiantes. Estos cursos estructurados de Desarrollo Web proporcionan una hoja de ruta clara para dominar tanto las tecnologías front-end como back-end, desde fundamentos como HTML, CSS y JavaScript hasta frameworks populares. A través de módulos prácticos sin video y ejercicios de codificación, construirás sitios web y aplicaciones web del mundo real en un entorno interactivo.

Explorar proyectos en LabEx

Proyectos

Explora 100 proyectos de Web Development para principiantes y aplica conceptos clave en programas pequeños y completos. Cada proyecto se abre en LabEx con un entorno listo para usar, para que puedas concentrarte en crear.

ÍndiceProyectoDificultadPráctica
001HTML para PrincipiantesPrincipianteIniciar proyecto
002JavaScript para PrincipiantesPrincipianteIniciar proyecto
003CSS para PrincipiantesPrincipianteIniciar proyecto
004React para PrincipiantesPrincipianteIniciar proyecto
005Construir una aplicación web de Tres en RayaPrincipianteIniciar proyecto
006Dominio de Vulnerabilidades WebPrincipianteIniciar proyecto
007Crear una aplicación de notas utilizando ReactPrincipianteIniciar proyecto
008Desafíos Interactivos de Desarrollo WebPrincipianteIniciar proyecto
009Creación de un juego web de Golpear al TopoPrincipianteIniciar proyecto
010Enumeración HTTP y Recorrido de DirectoriosPrincipianteIniciar proyecto
011Construir una API REST en Flask con SQLitePrincipianteIniciar proyecto
012Construye un acortador de URLs simple con Flask y MySQLAvanzadoIniciar proyecto
013Construir un Generador de Listas de Deseos de Navidad en ReactIntermedioIniciar proyecto
014Creación de una aplicación web de temporizador de tareasPrincipianteIniciar proyecto
015Construir un juego de rompecabezas de arrastrar y soltar con ReactPrincipianteIniciar proyecto
016Construcción de una aplicación web moderna para dividir gastosPrincipianteIniciar proyecto
017Desarrollo de una sala de chat en línea simple utilizando FlaskPrincipianteIniciar proyecto
018Construye un traductor simple utilizando la API de Google TranslatePrincipianteIniciar proyecto
019Creación de un acortador de URL con Python y FlaskPrincipianteIniciar proyecto
020Diseño de página de inicio simple y bonitoPrincipianteIniciar proyecto
021Construir un escaner de puertos con PythonPrincipianteIniciar proyecto
022Creación de una aplicación web de pizarra de dibujoPrincipianteIniciar proyecto
023Construcción de un mapa de calor de contribuciones de GitHub con ReactIntermedioIniciar proyecto
024Crear una aplicación web de carrusel SwiperPrincipianteIniciar proyecto
025Navegación Responsiva con un Hook Personalizado de ReactIntermedioIniciar proyecto
026Construir una API RESTful de gestión de usuarios con Node.jsPrincipianteIniciar proyecto
027Construye un juego de rompecabezas deslizante con JavaScriptPrincipianteIniciar proyecto
028Juego web 2048 utilizando jQueryPrincipianteIniciar proyecto
029Disposición de asientos en un cinePrincipianteIniciar proyecto
030Aplicación de Cambio de Tema en ReactIntermedioIniciar proyecto
031Construir componentes interactivos de ReactPrincipianteIniciar proyecto
032Crear una tarjeta de visita receptiva con ReactIntermedioIniciar proyecto
033Construir un juego web de evitar bloquesIntermedioIniciar proyecto
034Crea un Animador de Arte Pixel con ReactPrincipianteIniciar proyecto
035Creación de un juego de Buscaminas con JavaScriptPrincipianteIniciar proyecto
036Implementar una barra de pestañas pegajosa dinámicaPrincipianteIniciar proyecto
037Diseño responsivo de dados con FlexboxPrincipianteIniciar proyecto
038Diseño web responsivo para todas las pantallasPrincipianteIniciar proyecto
039Cambiar entre modo claro y oscuroPrincipianteIniciar proyecto
040Construir una API de noticias con Node.jsPrincipianteIniciar proyecto
041Construir un proxy inverso con Node.jsPrincipianteIniciar proyecto
042Juego de Rompecabezas de Volteo con jQueryPrincipianteIniciar proyecto
043Construye un Editor de Markdown Simple con Vista Previa en VivoPrincipianteIniciar proyecto
044Búsqueda de frases en tiempo real con Vue.jsPrincipianteIniciar proyecto
045Desarrollo de la funcionalidad de búsqueda en Vue.jsPrincipianteIniciar proyecto
046Solucionando problemas de visualización de sitios webPrincipianteIniciar proyecto
047Desaparecido en el AirePrincipianteIniciar proyecto
048Implementación de características de navegación en ReactIntermedioIniciar proyecto
049Construye un juego web de tarjetas raspablesPrincipianteIniciar proyecto
050Aplicación web de gestión de direccionesPrincipianteIniciar proyecto
051Sistema de Reserva de Boletos de CinePrincipianteIniciar proyecto
052Construir una página de inicio de un sitio web de noticias receptivoPrincipianteIniciar proyecto
053Diseño creativo de cartelera con texturas de maderaPrincipianteIniciar proyecto
054Creación de una animación orbital de la Tierra con CSSPrincipianteIniciar proyecto
055Diseño de disposición de verduras con FlexboxPrincipianteIniciar proyecto
056Dale un Renovado Aspecto a Tu PáginaPrincipianteIniciar proyecto
057Aplicación de Filtro de Colores en ReactIntermedioIniciar proyecto
058Juego de coincidencia de frutas con HTML, CSS, JavaScriptIntermedioIniciar proyecto
059Aplicación web de simulación del problema de Monty HallPrincipianteIniciar proyecto
060Efecto de animación al pasar el cursor en forma de abanico con CSSPrincipianteIniciar proyecto
061Una buena reseña para el servicio de deliveryPrincipianteIniciar proyecto
062Escala de Estado de Ánimo de Bing Dwen DwenPrincipianteIniciar proyecto
063Construir un sistema de semáforos con JavaScriptIntermedioIniciar proyecto
064Crear cajas modales responsivasPrincipianteIniciar proyecto
065Delinear un FuturoPrincipianteIniciar proyecto
066Constructor de presentaciones HTML basado en la webPrincipianteIniciar proyecto
067Diseño de tarjetas flexibles y responsivasPrincipianteIniciar proyecto
068Arreglo de Frutas con CSS FlexboxPrincipianteIniciar proyecto
069Plato de frutas visualmente atractivoPrincipianteIniciar proyecto
070Viaje al Oeste CelestialPrincipianteIniciar proyecto
071Verificación de número de teléfono móvilPrincipianteIniciar proyecto
072Visualización de datos con Echarts y JSONPrincipianteIniciar proyecto
073Sistema de gestión de permisos de usuario con JavaScriptPrincipianteIniciar proyecto
074Implementar un Efecto de Lupa Utilizando CanvasPrincipianteIniciar proyecto
075No Pises las Casillas BlancasPrincipianteIniciar proyecto
076El Mar Ilimitado del AprendizajePrincipianteIniciar proyecto
077Generador de Tarjetas de Saludo AleatoriasPrincipianteIniciar proyecto
078Validación personalizada de formularios con Vue.jsPrincipianteIniciar proyecto
079pathMatch vacío para el cálculo correcto de la rutaPrincipianteIniciar proyecto
080Lista de productos con cambio de diseñoPrincipianteIniciar proyecto
081Botones de Vue.js y actualización de valoresPrincipianteIniciar proyecto
082Implementar desplazamiento virtual eficiente con Vue.jsPrincipianteIniciar proyecto
083Implementar un diseño flexible atómico con CSSPrincipianteIniciar proyecto
084Profundidad de campo en imágenesPrincipianteIniciar proyecto
085Crear una cara de koala con CSS GridPrincipianteIniciar proyecto
086Diseño web responsivo con GulpPrincipianteIniciar proyecto
087Crear una tarjeta de visita visualmente atractivaPrincipianteIniciar proyecto
088Formateo y visualización de datos con Vue.jsPrincipianteIniciar proyecto
089Advertir correctamente sobre el uso incorrecto de v-SlotPrincipianteIniciar proyecto
090Construir un inicio de sesión con Vue.js y VuexPrincipianteIniciar proyecto
091Aplicación web de colección de películas interactivasPrincipianteIniciar proyecto
092Tiempo con tu teléfonoPrincipianteIniciar proyecto
093Gráfico de tendencias meteorológicas con Vue y EchartsPrincipianteIniciar proyecto
094Acceso al grupo de conexiones de base de datos DruidPrincipianteIniciar proyecto
095Proyecto de integración de bases de datos con MyBatisPrincipianteIniciar proyecto
096Convertir funciones asíncronas basadas en callbacks en PromesasPrincipianteIniciar proyecto
097Construye una Herramienta de Recorte de Imágenes con HTML5PrincipianteIniciar proyecto
098Construir una funcionalidad de búsqueda simplePrincipianteIniciar proyecto
099Implementación de paginación con AxiosPrincipianteIniciar proyecto
100Escape del Doble Vector FoilPrincipianteIniciar proyecto

Ver más en LabEx

About LabEx

LabEx is a hands-on learning platform for beginners.

Explore Linux, DevOps, Cybersecurity, and more — all directly in your browser.

Learn step by step through interactive labs, guided exercises, and real-world projects. 🌱
No setup, no stress — just practice and grow your skills by doing.


Download on the App Store Download on the Mac App Store


📖 Need help? Visit our Help Center or email info@labex.io