Práctica de Proyectos de Programación de Desarrollo web

September 26, 2025 · View on GitHub

Idiomas

🇨🇳 简体中文 🇯🇵 日本語 🇪🇸 Español 🇫🇷 Français 🇩🇪 Deutsch 🇷🇺 Русский 🇰🇷 한국어 🇧🇷 Português 🇺🇸 English

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.

Ejercicios

ÍndiceNombreDificultadPráctica
001Construir una extensión de VSCode con ChatGPTPrincipiante🚀 Iniciar Laboratorio
002Construir una aplicación web de Tres en RayaPrincipiante🚀 Iniciar Laboratorio
003Creación de un juego web de Golpear al TopoPrincipiante🚀 Iniciar Laboratorio
004Crear una aplicación de notas utilizando ReactPrincipiante🚀 Iniciar Laboratorio
005Construcción de una aplicación web moderna para dividir gastosPrincipiante🚀 Iniciar Laboratorio
006Creación de una aplicación web de pizarra de dibujoPrincipiante🚀 Iniciar Laboratorio
007Creación de una aplicación web de temporizador de tareasPrincipiante🚀 Iniciar Laboratorio
008Crear una aplicación web de carrusel SwiperPrincipiante🚀 Iniciar Laboratorio
009Aplicación web de simulación del problema de Monty HallPrincipiante🚀 Iniciar Laboratorio
010Construir un juego web de evitar bloquesIntermedio🚀 Iniciar Laboratorio
011Juego web 2048 utilizando jQueryPrincipiante🚀 Iniciar Laboratorio
012Desarrollo de una sala de chat en línea simple utilizando FlaskPrincipiante🚀 Iniciar Laboratorio
013Construye un juego de rompecabezas deslizante con JavaScriptPrincipiante🚀 Iniciar Laboratorio
014Crea un Animador de Arte Pixel con ReactPrincipiante🚀 Iniciar Laboratorio
015Juego de Rompecabezas de Volteo con jQueryPrincipiante🚀 Iniciar Laboratorio
016Creación de un juego de Buscaminas con JavaScriptPrincipiante🚀 Iniciar Laboratorio
017Construye un Editor de Markdown Simple con Vista Previa en VivoPrincipiante🚀 Iniciar Laboratorio
018Implementar un Efecto de Lupa Utilizando CanvasPrincipiante🚀 Iniciar Laboratorio
019Construye una Herramienta de Recorte de Imágenes con HTML5Principiante🚀 Iniciar Laboratorio
020Construir un Generador de Listas de Deseos de Navidad en ReactIntermedio🚀 Iniciar Laboratorio
021Construir un juego de rompecabezas de arrastrar y soltar con ReactPrincipiante🚀 Iniciar Laboratorio
022Construcción de un mapa de calor de contribuciones de GitHub con ReactIntermedio🚀 Iniciar Laboratorio
023Despliegue de MobileNet con TensorFlow.js y FlaskPrincipiante🚀 Iniciar Laboratorio
024No Pises las Casillas BlancasPrincipiante🚀 Iniciar Laboratorio
025Construye un juego web de tarjetas raspablesPrincipiante🚀 Iniciar Laboratorio
026Construye un acortador de URLs simple con Flask y MySQLAvanzado🚀 Iniciar Laboratorio
027Construir un escaner de puertos TCP basado en la webPrincipiante🚀 Iniciar Laboratorio
028Búsqueda de frases en tiempo real con Vue.jsPrincipiante🚀 Iniciar Laboratorio
029Desarrollo de la funcionalidad de búsqueda en Vue.jsPrincipiante🚀 Iniciar Laboratorio
030Implementar una barra de pestañas pegajosa dinámicaPrincipiante🚀 Iniciar Laboratorio
031Efecto de animación al pasar el cursor en forma de abanico con CSSPrincipiante🚀 Iniciar Laboratorio
032El Mar Ilimitado del AprendizajePrincipiante🚀 Iniciar Laboratorio
033Una buena reseña para el servicio de deliveryPrincipiante🚀 Iniciar Laboratorio
034Aplicación web de gestión de direccionesPrincipiante🚀 Iniciar Laboratorio
035Escala de Estado de Ánimo de Bing Dwen DwenPrincipiante🚀 Iniciar Laboratorio
036Construir un sistema de semáforos con JavaScriptIntermedio🚀 Iniciar Laboratorio
037Construir una funcionalidad de búsqueda simplePrincipiante🚀 Iniciar Laboratorio
038Implementación de paginación con AxiosPrincipiante🚀 Iniciar Laboratorio
039Escape del Doble Vector FoilPrincipiante🚀 Iniciar Laboratorio
040Construye un juego de Adivina la MonedaPrincipiante🚀 Iniciar Laboratorio
041Generador de Tarjetas de Saludo AleatoriasPrincipiante🚀 Iniciar Laboratorio
042Sistema de Reserva de Boletos de CinePrincipiante🚀 Iniciar Laboratorio
043Búsqueda del Tesoro de Encantamientos impulsada por AxiosPrincipiante🚀 Iniciar Laboratorio
044Crear cajas modales responsivasPrincipiante🚀 Iniciar Laboratorio
045Construcción de un componente de paginación reutilizablePrincipiante🚀 Iniciar Laboratorio
046Delinear un FuturoPrincipiante🚀 Iniciar Laboratorio
047Constructor de presentaciones HTML basado en la webPrincipiante🚀 Iniciar Laboratorio
048Validación personalizada de formularios con Vue.jsPrincipiante🚀 Iniciar Laboratorio
049pathMatch vacío para el cálculo correcto de la rutaPrincipiante🚀 Iniciar Laboratorio
050Carrito de compras de Vue.js con arrastrar y soltarPrincipiante🚀 Iniciar Laboratorio
051Implementar sugerencias de búsqueda con Vue.jsPrincipiante🚀 Iniciar Laboratorio
052Lista de productos con cambio de diseñoPrincipiante🚀 Iniciar Laboratorio
053Botones de Vue.js y actualización de valoresPrincipiante🚀 Iniciar Laboratorio
054Construcción de una búsqueda de árbol de menú dinámica con Vue.jsPrincipiante🚀 Iniciar Laboratorio
055Reparando la función cleanPath de Vue RouterPrincipiante🚀 Iniciar Laboratorio
056Construir un lector de libros electrónicos con Vue.jsPrincipiante🚀 Iniciar Laboratorio
057Recuperación de parámetros de objeto desde la consultaPrincipiante🚀 Iniciar Laboratorio
058Construir un carrito de compras con Vue.jsPrincipiante🚀 Iniciar Laboratorio
059Construir un interruptor de estado de tienda en Vue.jsPrincipiante🚀 Iniciar Laboratorio
060Implementar desplazamiento virtual eficiente con Vue.jsPrincipiante🚀 Iniciar Laboratorio
061Implementar un diseño flexible atómico con CSSPrincipiante🚀 Iniciar Laboratorio
062Construir una página de inicio de un sitio web de noticias receptivoPrincipiante🚀 Iniciar Laboratorio
063Diseño creativo de cartelera con texturas de maderaPrincipiante🚀 Iniciar Laboratorio
064Profundidad de campo en imágenesPrincipiante🚀 Iniciar Laboratorio
065Crear una cara de koala con CSS GridPrincipiante🚀 Iniciar Laboratorio
066Creación de una animación orbital de la Tierra con CSSPrincipiante🚀 Iniciar Laboratorio
067Solucionando problemas de visualización de sitios webPrincipiante🚀 Iniciar Laboratorio
068Diseño responsivo de dados con FlexboxPrincipiante🚀 Iniciar Laboratorio
069Diseño de tarjetas flexibles y responsivasPrincipiante🚀 Iniciar Laboratorio
070Diseño de disposición de verduras con FlexboxPrincipiante🚀 Iniciar Laboratorio
071Arreglo de Frutas con CSS FlexboxPrincipiante🚀 Iniciar Laboratorio
072Plato de frutas visualmente atractivoPrincipiante🚀 Iniciar Laboratorio
073Dale un Renovado Aspecto a Tu PáginaPrincipiante🚀 Iniciar Laboratorio
074Diseño de página de inicio simple y bonitoPrincipiante🚀 Iniciar Laboratorio
075Disposición de asientos en un cinePrincipiante🚀 Iniciar Laboratorio
076Diseño web responsivo con GulpPrincipiante🚀 Iniciar Laboratorio
077Diseño web responsivo para todas las pantallasPrincipiante🚀 Iniciar Laboratorio
078Crear una tarjeta de visita visualmente atractivaPrincipiante🚀 Iniciar Laboratorio
079Viaje al Oeste CelestialPrincipiante🚀 Iniciar Laboratorio
080Formateo y visualización de datos con Vue.jsPrincipiante🚀 Iniciar Laboratorio
081Desaparecido en el AirePrincipiante🚀 Iniciar Laboratorio
082Aplicación de Notas Adhesivas de Deseos con Vue.jsPrincipiante🚀 Iniciar Laboratorio
083Navegación Responsiva con un Hook Personalizado de ReactIntermedio🚀 Iniciar Laboratorio
084Aplicación de Cambio de Tema en ReactIntermedio🚀 Iniciar Laboratorio
085Aplicación de Filtro de Colores en ReactIntermedio🚀 Iniciar Laboratorio
086Implementación de características de navegación en ReactIntermedio🚀 Iniciar Laboratorio
087Crear una tarjeta de visita receptiva con ReactIntermedio🚀 Iniciar Laboratorio
088Construir componentes interactivos de ReactPrincipiante🚀 Iniciar Laboratorio
089Cambiar entre modo claro y oscuroPrincipiante🚀 Iniciar Laboratorio
090Verificación de número de teléfono móvilPrincipiante🚀 Iniciar Laboratorio
091Advertir correctamente sobre el uso incorrecto de v-SlotPrincipiante🚀 Iniciar Laboratorio
092Agregar una advertencia de desuso a Vue RouterPrincipiante🚀 Iniciar Laboratorio
093Dinamización de los datos de la página de inicioPrincipiante🚀 Iniciar Laboratorio
094Corregir la prueba en async.spec.jsPrincipiante🚀 Iniciar Laboratorio
095Visualización de datos con Echarts y JSONPrincipiante🚀 Iniciar Laboratorio
096Manejo correcto de valores nulosPrincipiante🚀 Iniciar Laboratorio
097Reunámonos en una ConferenciaPrincipiante🚀 Iniciar Laboratorio
098Construir un inicio de sesión con Vue.js y VuexPrincipiante🚀 Iniciar Laboratorio
099Eliminar la advertencia generada por pathMatchPrincipiante🚀 Iniciar Laboratorio
100La ruta se vuelve a visitar y se activa demasiado prontoPrincipiante🚀 Iniciar Laboratorio
101Valor de la consulta del enrutador cambiadoPrincipiante🚀 Iniciar Laboratorio
102Construcción de pantallas de esqueleto flexiblesPrincipiante🚀 Iniciar Laboratorio
103Herramienta de Conversión de Tiempo con Vue.jsPrincipiante🚀 Iniciar Laboratorio
104Construir un Gestor de Tareas con Vue.jsPrincipiante🚀 Iniciar Laboratorio
105Aplicación web de colección de películas interactivasPrincipiante🚀 Iniciar Laboratorio
106Construcción de interfaces de acordeón responsivasPrincipiante🚀 Iniciar Laboratorio
107Juego de coincidencia de frutas con HTML, CSS, JavaScriptIntermedio🚀 Iniciar Laboratorio
108Juego de apilar frutas con HTML, CSS, JavaScriptIntermedio🚀 Iniciar Laboratorio
109Implementar la función de inicio de sesión de usuarioPrincipiante🚀 Iniciar Laboratorio
110Aplicación Simple de SorteoIntermedio🚀 Iniciar Laboratorio
111Construir una aplicación de votaciónIntermedio🚀 Iniciar Laboratorio
112Desarrollo de una aplicación de pronóstico del tiempo semanalPrincipiante🚀 Iniciar Laboratorio
113El Trabajo Duro Rinde FrutosPrincipiante🚀 Iniciar Laboratorio
114Tablero de ventas en tiempo real con EchartsIntermedio🚀 Iniciar Laboratorio
115Creación de gráficos de barras interactivos con EChartsPrincipiante🚀 Iniciar Laboratorio
116Tiempo con tu teléfonoPrincipiante🚀 Iniciar Laboratorio
117Gráfico de tendencias meteorológicas con Vue y EchartsPrincipiante🚀 Iniciar Laboratorio
118Contar el número de accesos por dirección IPPrincipiante🚀 Iniciar Laboratorio
119CRUD de Horario de Cursos con MyBatisPrincipiante🚀 Iniciar Laboratorio
120Configurar el registro y el alias en lotes en MyBatisPrincipiante🚀 Iniciar Laboratorio
121Extensión de una entidad con propiedades personalizadasPrincipiante🚀 Iniciar Laboratorio
122Implementación de solicitudes AJAX utilizando JSPrincipiante🚀 Iniciar Laboratorio
123Transferencia de datos JSON con AJAXPrincipiante🚀 Iniciar Laboratorio
124Registro de información del proyecto con Log4j2Principiante🚀 Iniciar Laboratorio
125Operar la Tabla de CursosPrincipiante🚀 Iniciar Laboratorio
126Uso práctico de resultMapPrincipiante🚀 Iniciar Laboratorio
127Sistema de gestión de permisos de usuario con JavaScriptPrincipiante🚀 Iniciar Laboratorio
128Convertir funciones asíncronas basadas en callbacks en PromesasPrincipiante🚀 Iniciar Laboratorio
129Construir una API de noticias con Node.jsPrincipiante🚀 Iniciar Laboratorio
130Construir una API RESTful de gestión de usuarios con Node.jsPrincipiante🚀 Iniciar Laboratorio
131Construir un proxy inverso con Node.jsPrincipiante🚀 Iniciar Laboratorio

Más