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 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
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