
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.
Clases del curso
Desarrollo de componentes
Historias en Storybook
Essential Addons en Storybook
Pruebas de componentes en Storybook
Próximos pasos
Conoce quién enseña el curso

Estefany Aguilar
Desarrolladora Frontend en Platzi
👩💻 Experta en CSS
🇨🇴 Organizadora de comunidades como MedellínCSS y CSS Conf Colombia
🎨 Ama enseñar con ilustraciones divertidas
Proyecto del curso

Platzi Uglisysm en JavaScript
Desarrolla un design system en Storybook con pruebas visuales, de interacción y de accesibilidad usando plugins como Chromantic.
Ver proyectoconocimientos previos
- Manipulación del DOM con JavaScript
- Fundamentos de Testing con JavaScript
- Curso de Sistemas de Diseño con Figma (opcional, aunque muy recomendado)
software y recursos necesarios
- Node.js
- NPM o Yarn
4.7 · 36 opiniones

Yeimi Fernanda Rodriguez Peñuela
muy buen curso y la profe lo explica super bien


Israel Blas
El curso esta muy bueno. Aunque la versión actual de la librería ha cambiado muchas cosas guiándote de la documentación puedes avanzar sin problemas. 10 de 10.


Milton Javier Tovar Martinez
Genial, Bueno saber si existen otros recursos similares y cual es el mejor o más adoptado por la comunidad.


Nelson Ramos
:)


Ixcoatl Francisco Pérez
Excelente curso para aprender Storybook, comprende la arquitectura de componentes, design tokens, pruebas y plugins para asegurar la calidad de nuestros proyectos usando la herramienta más demandada de JavaScript para desarrollar sistemas de diseño.

Harrison Steven Naranjo Lavado
--la explicación en muy fácil de seguir, va de la mano con la documentación del tema


Santiago Gonzalez
asdf


Patrick Jhonatan Hernandez Blanco
Un excelente curso, una excelente profesora, entretenido hasta el final!!


Arnold Restrepo Hernandez
Excelente Curso


jorge adolfo ceron
Excelente


ALL MONTILLA
Excelente


Gaston Blanco
Muy buen curso, aunque creo que falto un capítulo en donde combinemos átomos para crear moléculas.

Carlos Alberto Arbeláez Giraldo
Este curso me encantó, me ayudó mucho a aterrizar conceptos que ya tenía y conocer nuevas funcionalidades de storybooks.


Marco Mosquera
Muy buen curso! Seria bueno contar con un equivalente para Apps.


Ivan Osvaldo Ocampo Arroyo
Es mi primer acercamiento a Storybook y gracias a la bella profe, se me ha hecho genial conocerle y aprender de ella, gracias.


Marco quispe
Gracias para mostrarles a ellos


Juan Carlos Wilches Niño
Que bueno fuera más cursos com mayor complejidad sobre el mismo tema

Fernando Bohorquez Ascanio
Excelente curso!


Patricio Sánchez Fernández
Buen curso.


Roberth Ochoa Moreno
Muy efectivo para comprender la construcción de DSM's usando Storybook!


Facundo Guardia Rivera
Excelente curso, muy simple y completo.


Juan Pablo Muñoz
Excelente curso, seria genial que lo actualizaran ala versión 7 de storybook por que hay muchas cosas que cambian


Cesar Arias
excelente curso


Alfonso Neil Jiménez
Excelente curso impartido por la profe Estefany Aguilar, aprendí bastante sobre los conceptos fundamentales en Storybook y quiero ver más cursos con ella en Platzi :)

Juan Antonio Moreno Valderrama
El curso es una pequeña introducción a storybook. Al desarrollar los componentes con JavaScript, HTML y CSS, luego se puede pasar al framework que desees utilizar, buen curso


William Alfonso Cortes Romero
Teffcode tiene la cualidad de hacer fácil de entender cada tema, me parece muy útil el contenido del curso para iniciar el camino con storybook. Excelente curso!

Jorge Méndez Ortega
Esto es nuevo y genial


Victor Manuel Herrera Reverter
Un buen curso para si nos apasiona el código poder mejorar nuestras documentaciones y facilitar el trabajo a los desarrolladores o al departamento técnico.


Lorena Trujillo Landeros
La manera de explicar es muy fácil de entender. Espero con ansias curso de storybook avanzado


Excelente, es divertido y muy bueno el curso.
Complementa este curso con nuestras rutas de aprendizaje

Diseño de Producto y UX
Aprende a crear productos valiosos para tu mercado y rentables para tu negocio. Idea, diseña, gestiona y mide aplicaciones para diferentes tipos de plataformas.




Creatividad e Innovación en Diseño
Creatividad e Innovación en Diseño




Arquitectura de Información y Usabilidad
Arquitectura de Información y Usabilidad



Diseño Asistido por Inteligencia Artificial
Diseño Asistido por Inteligencia Artificial




Gestión de Producto y Liderazgo en Diseño
Gestión de Producto y Liderazgo en Diseño



Diseño de Interacciones Emergentes (VUI/VR)
Diseño de Interacciones Emergentes (VUI/VR)
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender