Nivel Intermedio
21 clases
3 horas de contenido
12 horas de práctica
Construye sistemas de diseño usando Storybook y JavaScript. Aprende a crear componentes reutilizables, a probar su funcionalidad y a documentarlos. Descubre cómo interactuar con equipos y asegurar accesibilidad óptima en tu proyecto.
Desarrollo de componentes
- 3
Instalación de Storybook con Vanilla JavaScript
14:10 min - 4
Arquitectura de componentes en Storybook con Atomic Design
07:05 min - 5
Exportar design tokens de Figma a CSS
05:22 min - 6
Crear un botón reutilizable con Storybook
17:59 min - 7
Estilización de Botones en CSS: Clases y Hover Interactivo
12:17 min - 8
Componente Card en JavaScript con BEM
10:51 min - 9
Container Queries vs Media Queries en CSS
08:38 min - 10
Estilización de Componentes CSS con Container Queries
22:02 min
Historias en Storybook
Essential Addons en Storybook
Pruebas de componentes en Storybook
Próximos pasos
Profes del curso
Conoce quién enseña el curso
Estefany Aguilar
Desarrolladora Frontend en Platzi
Desarrolladora Frontend en Platzi
Opiniones del curso
4.7 · 46 opiniones
Marco quispe
@m4rm4rquisp3m4r·
Gracias para mostrarles a ellos
Milton Javier Tovar Martinez
@Mijailtov·
Genial, Bueno saber si existen otros recursos similares y cual es el mejor o más adoptado por la comunidad.
Yeimi Fernanda Rodriguez Peñuela
@fernanda-rodriguez-penuela·
muy buen curso y la profe lo explica super bien
Patricio Sánchez Fernández
@patricio.sanchez.fernandez·
Buen curso.
Eleva tu aprendizaje
Este curso es parte de estas rutas de aprendizaje
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender