Audio premium

Una de Codepen para aprender JavaScript, CSS y HTML

La de Ross cuando quiso subir un sofá a casa.

Desde 15€/mes

Daniel Primo

Guía práctica y motivacional para usar CodePen como herramienta de aprendizaje e inspiración en frontend: editor, búsqueda, preprocesadores, librerías y prototipos rápidos.

Qué vas a aprender

1Uso de CodePen para aprender y practicar frontend
2Editor con cuatro paneles: HTML, CSS, JavaScript y vista previa
3Buscar inspiración con el buscador y la sección trending
4Soporte de preprocesadores y lenguajes (Pug, Sass, TypeScript)
5Cargar librerías externas y revisar settings del pen
6Forquear, guardar y compartir pens; componente social
7Usar CodePen para aislar y depurar problemas de frontend
8Ejemplos prácticos: SVG, CSS Draw y animaciones
9Timeboxing: sesiones cortas para avanzar sin presión
10Diferencia entre CodePen (píldoras) y CodeSandbox (apps completas)