Stop Building AI Slop – Build High-End Web Apps with AI
Taller práctico para crear una web front-end de aspecto profesional con IA: contexto del proyecto, clonado y rediseño de interfaces, animaciones de scroll estilo Apple y despliegue en Cloudflare.
Recomendado, valoración editorial 4 de 5
verificado 2026-10-05 — sigue siendo gratis en YouTube
Empezar en YouTubeRespuesta rápida
Curso gratis de Programación en YouTube (1 h 04 min). Nuestra valoración: 4/5, recomendado. Comprobamos que sigue siendo gratis el 5 de octubre de 2026.
- Veredicto
- 4/5 · Recomendado
- Para quién
- Desarrolladores front-end que usan asistentes de IA y quieren resultados menos genéricos en sus interfaces.
- Duración
- 1 h 04 min
- Precio
- Gratis en YouTube
- Publicado
- 2026
- Plan sugerido
- 2 sem. · 3 h/sem.
- Verificado
- el 5 de octubre de 2026
Nuestro veredicto
Recomendado, valoración editorial 4 de 5Taller práctico y bien estructurado que recorre un flujo completo para lograr webs con IA menos genéricas, hasta el despliegue. Es más útil para quien ya programa front-end y quiere elevar el acabado visual; no es una introducción desde cero.
Puntos fuertes
- Capítulos claros con tiempos que permiten seguir o revisar cada fase.
- Cubre un flujo de extremo a extremo, desde el contexto hasta el despliegue en vivo.
- Publicación de 2026, adecuada para un tema que cambia rápido.
A tener en cuenta
- El vídeo está en inglés.
- La descripción no indica nivel ni requisitos previos.
- Depende de herramientas concretas (Hicksfield AI, Cloudflare) que pueden cambiar con rapidez.
De qué trata
Este taller de 64 minutos muestra cómo salir de las interfaces genéricas generadas por IA y construir una aplicación web de aspecto cuidado con flujos de trabajo modernos de programación asistida.
Se organiza en doce capítulos: primero se reúne contexto del proyecto y se define una estrategia de clonado de arquitecturas de interfaz ya probadas; después se fusiona el contexto, se usa la skill Impeccable y se exploran variaciones con worktrees. La segunda mitad se centra en animaciones de scroll al estilo Apple con Hicksfield AI (análisis de fotogramas y generación de vídeo), una sección About animada y el despliegue final en Cloudflare.
- Reunir contexto profundo del proyecto
- Clonar y rediseñar arquitecturas de UI
- Skill Impeccable y variaciones con worktrees
- Animaciones de scroll estilo Apple con Hicksfield AI
- Despliegue en Cloudflare
Para quién es este curso
- Desarrolladores front-end que usan asistentes de IA y quieren resultados menos genéricos en sus interfaces.
- Personas que quieren ver un flujo completo de construcción de una web, desde el contexto hasta el despliegue.
- Interesados en añadir animaciones de scroll con vídeo generado por IA a una web.
Mejor busca otro si…
- Quien busque aprender desde cero HTML, CSS o programación: el taller no lo plantea como base.
- Quien quiera una formación profunda y teórica sobre diseño de interfaces en lugar de un flujo práctico de construcción.
Antes de empezar
- Conocimientos básicos de desarrollo web front-end (la descripción no indica nivel, pero el flujo asume familiaridad con código y despliegue).
- Soltura básica con herramientas de programación asistida por IA.
Qué sabrás hacer al terminar
- Reunir contexto detallado del proyecto para guiar a la IA en el diseño.
- Clonar y rediseñar una arquitectura de interfaz existente con una estrategia definida.
- Explorar variaciones de diseño usando worktrees.
- Implementar animaciones de scroll dinámicas al estilo Apple con Hicksfield AI.
- Desplegar el front-end terminado en Cloudflare.
Estructura del curso
- 01
Introducción y contexto
Desde 0:00. Presentación del objetivo y cómo construir el contexto del proyecto (desde 2:25).
- 02
Estrategia de clonado
Desde 5:32. Planteamiento de la estrategia de clonado y su aplicación al clonar CMC (desde 10:55).
- 03
Fusión de contexto y diseño
Desde 14:24. Fusión del contexto, uso de la skill Impeccable (18:04) y variaciones con worktrees (23:49).
- 04
Retoques finales
Desde 31:26. Ajustes finales de la interfaz antes de pasar a las animaciones.
- 05
Animaciones de scroll
Desde 36:48. Animaciones de scroll, análisis de fotogramas (42:30) y generación de vídeo (48:15).
- 06
About animado y despliegue
Desde 55:44. Sección About animada y despliegue en Cloudflare (1:00:05).
Plan de estudio sugerido
2 semanas · unas 3 h por semana
- 1.Sesión 1 (capítulos 0:00–23:49): sigue contexto, clonado y fusión; practica con un proyecto propio.
- 2.Sesión 2 (23:49–36:48): prueba variaciones con worktrees y los retoques finales.
- 3.Sesión 3 (36:48–55:44): reproduce las animaciones de scroll, el análisis de fotogramas y la generación de vídeo.
- 4.Sesión 4 (55:44–1:04:00): construye la sección About y despliega en Cloudflare.
El plan cuenta con tiempo para pausar y practicar, no solo con la duración del vídeo. Si quieres adaptarlo a tu semana, lee cómo montar tu plan de estudio semanal.
Consejos para seguirlo
- Elige de antemano un sitio real que quieras clonar y restilizar, para practicar la estrategia de clonado en paralelo.
- Pausa en Worktree Variations (23:49) y compara tus propias variantes antes de ver la elección del autor.
- Las animaciones de scroll (36:48–55:44) son la parte más densa: repásalas por capítulos.
- Ten cuenta de Cloudflare lista antes del último capítulo (1:00:05).
Antes y después de este curso
- Antes de este cursoCLAUDE CODE 2026: Curso Completo en Español (actualizado)Ayuda a manejar programación asistida por IA antes de aplicar flujos más avanzados.
- AlternativaEl fin del Vibe Coding: Crea software robusto con este métodoAborda también cómo construir mejor software con IA, con un enfoque más robusto.
Cómo lo presenta el autor
Learn how to move past generic AI-generated interfaces and ship high-end, production-ready web applications using modern AI coding workflows. In this hands-on course, you will gather deep project context, clone and restyle proven UI architectures, and implement dynamic, Apple-style scroll animations using Hicksfield AI. Finally, you'll see the complete end-to-end front-end build deployed live to…
Extracto de la descripción original en YouTube.
Preguntas frecuentes
+¿Cuánto dura y cómo está organizado?
Dura unos 64 minutos y tiene doce capítulos con marcas de tiempo, desde la introducción hasta el despliegue en Cloudflare.
+¿Qué se construye?
Un front-end completo de aspecto profesional, con interfaz clonada y rediseñada, animaciones de scroll estilo Apple y una sección About animada.
+¿Incluye el despliegue?
Sí, el último capítulo (1:00:05) muestra el despliegue en vivo en Cloudflare.
+¿Está actualizado?
Se publicó en 2026, pero las herramientas de IA cambian rápido, así que algunos pasos podrían variar.
Análisis editorial elaborado con ayuda de IA a partir de la descripción, los capítulos y la duración publicados en YouTube, y revisado según nuestro método. El contenido del curso es obra de su autor; si ves algún error, avísanos.
Guías para sacarle partido
Más cursos de Programación
Agentic AI – Complete Course for Beginners
Curso de unas 24 horas para construir sistemas de agentes de IA con LangChain y LangGraph: Pydantic, flujos de trabajo, memoria, RAG y despliegue en AWS y Render.
Aprende Accesibilidad Web paso a paso
Introducción práctica a la accesibilidad web: pautas y leyes, contenido, navegación, diseño e interacción accesibles, relación con el SEO y evaluación de sitios.
Aprende Godot - Curso completo desde cero
Crea tu primer videojuego 3D en Godot 4 desde cero: escenas, nodos, GDScript, físicas, animaciones, sonido y exportación a .exe.
Aprende JavaScript Ahora! curso completo desde cero para principiantes
Curso de JavaScript desde cero: entorno, variables, tipos, operadores, control de flujo, diez ejercicios y objetos con funciones constructoras.