Visión general de los sistemas de diseño en desarrollo
Fundamentos de Design Systems con Storybook
Clase 21 de 21 • Curso de Storybook: Sistemas de Diseño con JavaScript
Contenido del curso
Desarrollo de componentes
- 3
Instalación y Configuración de Storybook con JavaScript
14:10 - 4
Arquitectura y Nombramiento de Componentes en Storybook
07:05 - 5
Uso de Design Tokens y Custom Properties en CSS con Figma
05:23 - 6
Creación de un Componente de Botón en JavaScript y CSS
18:00 - 7
Estilización de Botones en CSS: Clases y Hover Interactivo
12:17 - 8
Creación de un Componente de Cart en JavaScript y CSS
10:52 - 9
Uso de Container Queries en CSS
08:39 - 10
Estilización de Componentes CSS con Container Queries
22:02
Historias en Storybook
Essential Addons en Storybook
Pruebas de componentes en Storybook
Próximos pasos
Resumen
Créditos
Nombre del curso: Curso de Storybook: Sistemas de Diseño con JavaScript
Decano: Sebastián Delmont
Director de escuela: Oscar Barajas
Profesora: Estefany Aguilar
Dirección: Juan David Castro
Producción OPS: Lizeth Cáceres y Rocío Martínez
Creación audiovisual: Felipe Solem
Edición de video: Pablo Valés
Postproducción de audio: Santiago Guarín Suárez
Diseño gráfico: Amelia Amórtegui
Coordinación general: Andrés Arizmendy, Daniel Gutiérrez, Carol Baquero, Carlos Céspedes y Sura Cedeño
Revisión: Rodrigo Goitia y Rubén Cuello