Texto directo, ejemplos concretos y progresión real.
Aprende diseño y desarrollo web.
Cursos gratuitos de HTML, CSS, JavaScript, WordPress, Astro, React y más, con playgrounds, demos interactivas, recursos, etc. Si te atascas un profe dev (IA) te dará apoyo en tu aprendizaje. Todo gratis y sin registro 😎.
Edita estilos y entiende al momento qué cambia.
Aprende escribiendo y validando en contexto real.
Glosario de términos
Diccionario de términos de diseño y desarrollo web para resolver dudas rápidas.
Roadmap de aprendizaje
¿Qué quieres aprender hoy?
1 / 9
Desarrollo Web
Ruta principal de frontend, frameworks y stack de desarrollo web profesional.
Fundamentos web y programación
Curso puente para entender el mundo web desde cero: perfiles, herramientas, cómo funciona Internet, dominios, DNS, hosting y despliegue real con GitHub Pages, Netlify y Vercel.
Curso básico de programación desde cero para aprender lógica, algoritmos, variables, bucles y flujo de ejecución, pensado como puente directo antes de empezar JavaScript.
Lenguajes pilares del desarrollador frontend
Estructura tu contenido: etiquetas, semántica y formularios.
Estilo y diseño: layout, tipografía, color y responsive.
Curso de JavaScript para llevar a código real la lógica aprendida en Fundamentos de Programación: variables, flujo, funciones, DOM, eventos y desarrollo frontend.
Avanzados web
Curso de Markdown para escribir README, guías y documentación técnica clara con texto plano, vista previa y criterio profesional.
Escribe JavaScript con tipos para mayor seguridad y productividad.
Accesibilidad aplicada al desarrollo web: WCAG, ARIA, testing y procesos de equipo para crear productos inclusivos.
Herramientas core del desarrollador
Domina la línea de comandos desde cero: terminales, shells, navegación, flujos, procesos, red y automatización profesional.
Control de versiones profesional: fundamentos, ramas y colaboración.
Editor pro: instalación, atajos, extensiones, configuración avanzada, IA (Copilot) y alternativas como Cursor.
Gestión de paquetes: instalar dependencias, crear scripts, publicar tus propios paquetes y gestionar la seguridad.
UI y estilos
Preprocesado CSS profesional: SCSS, módulos, mixins y arquitectura escalable.
Curso práctico de Tailwind CSS: utilidades, layout responsive, componentes y flujo profesional utility-first.
Framework CSS responsive: grid, componentes, formularios y customización.
Frameworks y arquitectura frontend
Curso completo de React: fundamentos, hooks, datos, routing, estado global, rendimiento, testing y arquitectura profesional.
Curso práctico de Astro con enfoque profesional: fundamentos, islas, contenido, render híbrido y despliegue en producción.
Integración profesional de GSAP y Three.js con React Three Fiber: escenas 3D, scroll cinematográfico, materiales, rendimiento, WebGPU y proyecto final de landing e-commerce.
Backend web y utilidades
Diseño
Diseño visual, producto, UX y sistemas de información aplicados a trabajo real.
Producto y experiencia
Diseño de experiencia de usuario con enfoque práctico: research, arquitectura, wireframes, prototipado, validación y accesibilidad.
Diseño de interfaces profesionales: desde los fundamentos hasta prototipado avanzado y handover a desarrollo.
Frameworks de diseño: Design Thinking, Lean UX, Design Sprint y metodologías ágiles.
Diseño visual e información
Curso no-code de diseño gráfico para aprender fundamentos visuales, teoría del color, tipografía, composición, Gestalt, historia del diseño, referentes y criterio profesional antes de especializarte en herramientas como Figma, Photoshop o Illustrator.
Curso de diseño de la información y visualización de datos: historia, infografía, dashboards y herramientas actuales como Tableau Public, Power BI y D3.js.
Diseño rápido de piezas visuales para contenido, marca y marketing.
Curso de Blender para aprender modelado 3D, materiales, iluminación, animación y render con criterio visual aplicado a diseño y portfolio.
Datos, Calidad y DevOps
Operación técnica: datos, testing, observabilidad, despliegue e infraestructura.
Datos y analítica
Calidad y rendimiento
Marketing Digital
Cursos para captar demanda, construir canal propio y convertir contenido en crecimiento medible.
Estrategia y sistema
Curso de marketing digital para diseñar una estrategia de 90 días, elegir canales con criterio, organizar contenidos y medir resultados sin improvisar.
Curso de marketing de contenidos para diseñar un sistema editorial útil, generar piezas con foco de negocio, distribuirlas mejor y medir su impacto sin publicar por inercia.
Captación y descubrimiento
Optimización para buscadores: fundamentos, SEO on-page, técnico, off-page, local y analítica para mejorar el posicionamiento orgánico.
Estrategia de canal, arquitectura de contenidos, optimización de publicaciones, analítica y crecimiento sostenible para captar audiencia, autoridad o clientes desde YouTube.
Herramientas y Productividad
Entorno diario, colaboración y herramientas base para trabajar mejor.
Core de desarrollo
Domina la línea de comandos desde cero: terminales, shells, navegación, flujos, procesos, red y automatización profesional.
Editor pro: instalación, atajos, extensiones, configuración avanzada, IA (Copilot) y alternativas como Cursor.
Control de versiones profesional: fundamentos, ramas y colaboración.
Gestión de paquetes: instalar dependencias, crear scripts, publicar tus propios paquetes y gestionar la seguridad.
Productividad general
Fundamentos de Informática
Conceptos básicos de computación, arquitectura y redes para entender cómo funcionan los ordenadores.
Inteligencia Artificial
IA aplicada a trabajo real: investigación, prompting, agentes, builders y creación asistida.
IA aplicada
Investigación asistida con fuentes: genera informes, audio, vídeo, presentaciones, infografías, tarjetas didácticas y cuestionarios con criterio profesional.
Crea productos y prototipos con IA sin escribir código línea a línea: herramientas, prompting, validación, riesgos y criterio profesional.
Curso de MCP para aprender Model Context Protocol aplicado a agentes, herramientas, recursos, servidores e integraciones reales.
WordPress
Aprende sobre el CMS más utilizado del mundo.
Implementación profesional de WordPress: instalación, administración avanzada, Gutenberg, plugins, WooCommerce, migración y editor de temas.
Curso pro para crear temas WordPress: fundamentos, edición, Customizer, child themes, temas clásicos PHP y temas de bloques.
Curso práctico para crear un plugin WordPress paso a paso con PHP: estructura, hooks, ajustes y release.
Desarrollo de Videojuegos
Motores, programación para gameplay y pipeline de producción interactiva.
Motores
Diseño y negocio mobile
Programación para motores
Próximos cursos
Seguimos trabajando para publicar cuanto antes estos cursos. Si buscas uno concreto dímelo y lo estudio.
1 / 1
Próximamente: motion graphics, composición y animación para contenido digital.
Próximamente: diseño de sistemas, patrones, escalabilidad y decisiones técnicas.
Próximamente: visualización de datos avanzada con SVG, escalas, ejes e interacciones.
Próximamente: edición, corrección de color y postproducción con flujo integral.
Diagnóstico técnico con método: errores, consola, breakpoints, red, asincronía, rendimiento y depuración profesional.
Próximamente: contenedores para desarrollo y despliegue reproducible.
Próximamente: ecosistema moderno con React, Vue, Svelte y más.
Próximamente: diseño de esquemas, resolvers y consumo eficiente de APIs.
Próximamente: uso práctico de IA para texto, imagen y automatización, con enfoque más teórico y de casos reales.
Próximamente: ilustración vectorial, branding y recursos gráficos escalables.
Próximamente: maquetación editorial y documentos profesionales para impresión y digital.
Próximamente: orquestación de contenedores, escalado y operación en cloud.
Próximamente: SQL, consultas y optimización en MySQL.
Próximamente: backend escalable con arquitectura modular, inyección de dependencias y testing.
Próximamente: aplicaciones fullstack con render híbrido, rutas y despliegue moderno.
Próximamente: backend con Node.js, APIs, arquitectura modular y despliegue.
Próximamente: edición y retoque profesional para diseño digital y contenido.
Próximamente: modelado de datos, dashboards y analítica visual para negocio.
Próximamente: edición de vídeo, narrativa y exportación profesional para multiplataforma.
Próximamente: protección de aplicaciones web, OWASP Top 10 y hardening en producción.
Próximamente: estrategia de calidad con pruebas unitarias, integración y e2e.
Próximamente: creación de entornos y juegos con Blueprints y flujo profesional en Unreal.
Preguntas frecuentes
🆓 Cursos gratuitos y sin registro
- 🆓 ¿Qué tipo de cursos ofrecen?
- Cursos de lenguajes, de herramientas, de frameworks, de librerías, de metodologías, de front, de back... Algunos ejemplos de cursos: HTML, CSS, JavaScript, Inteligencia Artificial, WordPress, React, Python, Accesibilidad, Astro, UX, Figma, Excel, Vibe Coding y muchos, muchos más.
- 🚀 ¿Puedo empezar por Python o React?
- Sí claro, puedes acceder al curso y a la lección que desees. Aunque en el caso de que estés empezando suele compensar dominar antes HTML, CSS y JavaScript.
- 🧪 ¿Hay práctica real en los cursos?
- Los cursos que traten sobre algún lenguaje incluyen playgrounds de código para practicar y aprender haciendo.
- 🧩 ¿Qué más hay además de teoría y práctica?
- Cada curso incluye recursos de código y demos interactivas (si procede), enlaces recomendados, glosario de términos , vídeos, infografías, audios y presentaciones en PDF.
- ✅ ¿Cómo demuestro lo que sé?
- Demuestra lo que sabes con los test de autoevaluación . Cada curso tiene al menos uno. Y también tenemos tarjetas de estudio. Una pregunta y a la vuelta la solución, por ejemplo estas flashcards de CSS.
Testimonios 100% objetivos 😌
Lo que opinan las IA sobre esta plataforma de cursos
Les pedimos a ChatGPT, Gemini, Claude y Copilot que probaran la plataforma y nos dieran su opinión sincera. Esto fue lo que nos dijeron:
“Pedí un curso corto y me respondió con roadmap, práctica, validación y cierre. Mis tokens están orgullosos.”
“Entré por curiosidad, salí con 14 pestañas abiertas y una necesidad repentina de dominar Astro.”
“Aprecio la estructura. Me siento emocionalmente validado cada vez que veo objetivos medibles.”
“Antes autocompletaba por fe. Ahora autocompleto con criterio… y menos sustos en producción.”
*Sí, es humor. Ninguna IA ha sido obligada a hacer deploy en viernes por la tarde.