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 y Configuración de Storybook con JavaScript
14:10 min - 4
Arquitectura y Nombramiento de Componentes en Storybook
07:05 min - 5
Uso de Design Tokens y Custom Properties en CSS con Figma
05:23 min - 6
Creación de un Componente de Botón en JavaScript y CSS
18:00 min - 7
Estilización de Botones en CSS: Clases y Hover Interactivo
12:17 min - 8
Creación de un Componente de Cart en JavaScript y CSS
10:52 min - 9
Uso de Container Queries en CSS
08:39 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 · 42 opiniones
Sami Ali Delgado
@samiadelgado·
La utilidad de la libreria, ruego hagan mas cursos de storybook
Harrison Steven Naranjo Lavado
@Harrison-steven-naranjo·
--la explicación en muy fácil de seguir, va de la mano con la documentación del tema
Carlos Alberto Arbeláez Giraldo
@caarbelaezg·
Este curso me encantó, me ayudó mucho a aterrizar conceptos que ya tenía y conocer nuevas funcionalidades de storybooks.
Gaston Blanco
@gaxoblanco·
Muy buen curso, aunque creo que falto un capítulo en donde combinemos átomos para crear moléculas.
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