Nivel Intermedio
22 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.
Clases del curso
Desarrollo de componentes
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
👩💻 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
Opiniones del curso
4.7 · 36 opiniones
Yeimi Fernanda Rodriguez Peñuela
@fernanda-rodriguez-penuela·
muy buen curso y la profe lo explica super bien
Juan Carlos Wilches Niño
@jkwilches·
Que bueno fuera más cursos com mayor complejidad sobre el mismo tema
Patrick Jhonatan Hernandez Blanco
@PatHer·
Un excelente curso, una excelente profesora, entretenido hasta el final!!
Roberth Ochoa Moreno
@robpaulochoa·
Muy efectivo para comprender la construcción de DSM's usando Storybook!
Arnold Restrepo Hernandez
@arnoldrestrepo·
Excelente Curso
Facundo Guardia Rivera
@facuguar12·
Excelente curso, muy simple y completo.
Juan Pablo Muñoz
@Juan816·
Excelente curso, seria genial que lo actualizaran ala versión 7 de storybook por que hay muchas cosas que cambian
jorge adolfo ceron
@jorgeadolfoceron·
Excelente
ALL MONTILLA
@allmontilla86289·
Excelente
@lorenatrujillo·
La manera de explicar es muy fácil de entender. Espero con ansias curso de storybook avanzado
Gaston Blanco
@gaxoblanco·
Muy buen curso, aunque creo que falto un capítulo en donde combinemos átomos para crear moléculas.
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.
@reacosta7383·
Excelente, es divertido y muy bueno el curso.
Marco Mosquera
@Marco927·
Muy buen curso! Seria bueno contar con un equivalente para Apps.
Marco quispe
@m4rm4rquisp3m4r·
Gracias para mostrarles a ellos
Fernando Bohorquez Ascanio
@ferchoba·
Excelente curso!
Patricio Sánchez Fernández
@patricio.sanchez.fernandez·
Buen curso.
Israel Blas
@Sdann26·
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.
Cesar Arias
@cesaralejarias·
excelente curso
Alfonso Neil Jiménez
@alfonsoneiljimenez·
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
@jamv999·
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
@wcortes725·
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!
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.
Jorge Méndez Ortega
@konami12jorge·
Esto es nuevo y genial
Victor Manuel Herrera Reverter
@vicreverter·
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.
Nelson Ramos
@nelsonalejandroramos·
:)
Ixcoatl Francisco Pérez
@ixcoperez·
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
@Harrison-steven-naranjo·
--la explicación en muy fácil de seguir, va de la mano con la documentación del tema
Santiago Gonzalez
@sgonzalez72·
asdf
Ivan Osvaldo Ocampo Arroyo
@Osvaldo_Ocampo·
Es mi primer acercamiento a Storybook y gracias a la bella profe, se me ha hecho genial conocerle y aprender de ella, gracias.
Eleva tu aprendizaje
Complementa este curso con nuestras rutas de aprendizaje
Diseño de Producto y UX
Crea productos y servicios con sistemas de diseño centrados en el usuario implementando metodologías y herramientas UI/UX.
Ruta
Redacción UX (UX Writing)
15 horas
5 Profes
Domina el arte de escribir textos claros, concisos y centrados en el usuario para interfaces digitales, mejorando la usabilidad y la comunicación del producto.
Ruta
Diseño y Prototipado No-Code
21 horas
8 Profes
Crea sitios web, aplicaciones y automatizaciones complejas sin necesidad de escribir código, utilizando plataformas visuales y herramientas de integración No-Code y Low-Code.
Ruta
Creatividad e Innovación en Diseño
17 horas
5 Profes
Potencia tu pensamiento creativo y aplica metodologías de innovación para generar ideas disruptivas y resolver problemas complejos en el ámbito del diseño y los negocios.
Ruta
Desarrollo Web para Diseñadores
48 horas
6 Profes
Aprende los fundamentos del desarrollo frontend (HTML, CSS, Responsive Design) para poder implementar tus propios diseños web o colaborar de manera más efectiva con equipos de ingeniería.
Ruta
Arquitectura de Información y Usabilidad
20 horas
6 Profes
Aprende a estructurar contenido de forma intuitiva, diseñar sistemas de navegación eficientes y evaluar la facilidad de uso de productos digitales mediante pruebas y herramientas de análisis.
Ruta
Gestión de Producto y Liderazgo en Diseño
36 horas
14 Profes
Desarrolla habilidades estratégicas para gestionar el ciclo de vida del producto digital, liderar equipos de diseño, colaborar con stakeholders y tomar decisiones basadas en datos y métricas de negocio.
Ruta
Diseño de Interacciones Emergentes (VUI/VR)
12 horas
2 Profes
Especialízate en el diseño de experiencias para interfaces de voz (VUI) y realidad virtual (VR), aprendiendo a prototipar, probar y crear interacciones inmersivas y naturales.
Ruta
Sistemas de Diseño y DesignOps
12 horas
3 Profes
Aprende a crear, gestionar y escalar sistemas de diseño (Design Systems) para mantener la consistencia y eficiencia en productos complejos, optimizando la colaboración (DesignOps) entre equipos.
Ruta
Diseño Asistido por Inteligencia Artificial
3 horas
3 Profes
Integra herramientas de Inteligencia Artificial en tu flujo de diseño para optimizar la investigación de usuarios, la generación de ideas, el prototipado y la creación de interfaces, manteniendo un enfoque ético.
Ruta
Diseño Accesible e Inclusivo
11 horas
8 Profes
Diseña productos digitales que sean utilizables por todas las personas, independientemente de sus capacidades, aplicando estándares de accesibilidad (WCAG) y principios de diseño inclusivo y ético.
Ruta
Diseño de Interfaces y Prototipado (UI Design)
27 horas
9 Profes
Especialízate en la creación de interfaces visualmente atractivas y funcionales, desarrollando prototipos interactivos de baja y alta fidelidad para validar diseños y flujos de usuario.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender