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
Patricio Sánchez Fernández
@patricio.sanchez.fernandez·
Buen curso.
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!
Facundo Guardia Rivera
@facuguar12·
Excelente curso, muy simple y completo.
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
ALL MONTILLA
@allmontilla86289·
Excelente
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.
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.
Santiago Gonzalez
@sgonzalez72·
asdf
@reacosta7383·
Excelente, es divertido y muy bueno el curso.
Fernando Bohorquez Ascanio
@ferchoba·
Excelente curso!
Juan Carlos Wilches Niño
@jkwilches·
Que bueno fuera más cursos com mayor complejidad sobre el mismo tema
Arnold Restrepo Hernandez
@arnoldrestrepo·
Excelente 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.
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
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 :)
jorge adolfo ceron
@jorgeadolfoceron·
Excelente
Lorena Trujillo Landeros
@lorenatrujillo·
La manera de explicar es muy fácil de entender. Espero con ansias curso de storybook avanzado
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
Marco Mosquera
@Marco927·
Muy buen curso! Seria bueno contar con un equivalente para Apps.
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.
Marco quispe
@m4rm4rquisp3m4r·
Gracias para mostrarles a ellos
Eleva tu aprendizaje
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.
Ruta
Creatividad e Innovación en Diseño
17 horas
5 Profes
Creatividad e Innovación en Diseño
Ruta
Arquitectura de Información y Usabilidad
20 horas
6 Profes
Arquitectura de Información y Usabilidad
Ruta
Diseño Asistido por Inteligencia Artificial
3 horas
3 Profes
Diseño Asistido por Inteligencia Artificial
Ruta
Diseño de Interacciones Emergentes (VUI/VR)
12 horas
2 Profes
Diseño de Interacciones Emergentes (VUI/VR)
Ruta
Gestión de Producto y Liderazgo en Diseño
36 horas
14 Profes
Gestión de Producto y Liderazgo en Diseño
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender