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
Certificado digital
¡Comparte tus logros con un certificado!
Cuando termines el curso tendrás acceso al certificado digital para compartirlo con tu familia, amigos, empleadores y la comunidad.
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 · 35 opiniones
Yeimi Fernanda Rodriguez Peñuela
@fernanda-rodriguez-penuela·
muy buen curso y la profe lo explica super bien
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 Jimenez Casallas
@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
ALL MONTILLA
@allmontilla86289·
Excelente
Jorge Méndez Ortega
@konami12jorge·
Esto es nuevo y genial
Lorena Trujillo Landeros
@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!
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.
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 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.
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.
Patricio Sánchez Fernández
@patricio.sanchez.fernandez·
Buen curso.
@ju4ni·
Muy buen curso para aprender a utilizar la herramienta Storybook.js, la cual nos va a permitir comunicar nuestro sistema de diseño con los programadores. Lo docente genial como siempre!
Eleva tu aprendizaje
Complementa este curso con nuestras rutas de aprendizaje
Desarrollo Web
Aprende a crear sitios web y aplicaciones desde los fundamentos hasta ser un desarrollador full-stack y accede a las mejores oportunidades laborales globales.
Ruta
Full Stack Developer con JavaScript
59 horas
8 Profes
Conviértete en Full Stack Developer con JavaScript. Domina JavaScript, Node y React para tu primer gran empleo. Tu futuro en desarrollo web comienza aquí.
Ruta
Full Stack con Next.js
21 horas
2 Profes
Especialízate en Next.js, implementando estrategias de autenticación, seguridad y optimización en tus proyectos, desarrollando con React.js y Node.js.
Ruta
Laboratorios de Desarrollo Web
11 horas
6 Profes
Resuelve retos y proyectos avanzados para demostrar tus habilidades y conocimientos con todo lo que aprendiste en la Escuela de Desarrollo Web.
Ruta
Python: De Cero a Experto
53 horas
10 Profes
Explora la programación con cursos de Python, de cero a frameworks avanzados. Construye proyectos backend y domina el lenguaje más usado.
Ruta
Frontend con Vue.js
52 horas
8 Profes
Vue.js es un primer gran framework frontend para aprender gracias a su suave curva de aprendizaje y fuerte presencia en la comunidad de JavaScript.
Ruta
Backend con Node.js
72 horas
8 Profes
Especialízate en JavaScript con Node.js para crear proyectos backend a alta velocidad usando herramientas avanzadas para escalar y monitorear aplicaciones web.
Ruta
Backend, Arquitectura y Bases de Datos
73 horas
15 Profes
Aprende los fundamentos para desarrollar el backend de cualquier sistema basado en software, bases de datos y arquitecturas de servidores altamente escalables.
Ruta
Backend con PHP
69 horas
4 Profes
Aprende a desarrollar con los mejores cursos de PHP, Laravel y Symfony para todo tipo de proyectos web: desde páginas y blogs, hasta tiendas y aplicaciones altamente escalables.
Ruta
Especialización en Accesibilidad Web
59 horas
19 Profes
Aprende las mejores prácticas de usabilidad, inclusión y accesibilidad para diseñar y desarrollar aplicaciones web fáciles de usar.
Ruta
JavaScript para Frontend
32 horas
4 Profes
Crea sitios web dinámicos y eficientes usando JavaScript. Domina APIs, el DOM, Web Components y DevTools para mejorar la experiencia del usuario.
Ruta
Technical Writing
35 horas
11 Profes
Aprende technical writing para documentar procesos complejos de funcionamiento del software y transformarlos en información accesible para el público.
Ruta
Frontend con Angular
49 horas
1 Profe
Angular es un framework y plataforma para construir aplicaciones web de todos los tamaños usando TypeScript y un poderoso kit de herramientas.
Ruta
Backend con Java
38 horas
9 Profes
Aprende desarrollo backend con Java, uno de los lenguaje de programación con mayor demanda laboral, utilizada una amplia gama de aplicaciones y plataformas.
Ruta
Seguridad Informática para Web Developers
59 horas
12 Profes
Aprende los fundamentos de ciberseguridad para implementar flujos modernos de autenticación y estándares como OWASP en tus proyectos de frontend y backend.
Ruta
QA y Automatización de Pruebas
35 horas
6 Profes
Desarrolla diferentes tipos de pruebas para asegurar la calidad de tu software. Domina la automatización de pruebas con herramientas como Cypress y Puppeteer.
Ruta
Inteligencia Artificial para Developers
19 horas
12 Profes
Crea aplicaciones basadas en inteligencia artificial. Conozca las herramientas, los productos y los servicios para crear soluciones innovadoras.
Ruta
Fundamentos de Programación y Desarrollo Web
36 horas
12 Profes
Conoce más sobre computación básica y pensamiento lógico y programación orientada a desarrollo web.
Ruta
Full Stack con WordPress
49 horas
10 Profes
Desarrolla blogs y tiendas online usando WordPress, el motor de más de 500 millones de aplicaciones web en internet.
Ruta
Frontend con React.js
34 horas
7 Profes
Especialízate en React.js, la herramienta más demandada y en mayor crecimiento de JavaScript para desarrollo frontend.
Ruta
HTML y CSS desde cero
54 horas
8 Profes
Aprende a hacer páginas eficientes, maquetación con HTML, estilos con CSS más complejos y con animaciones.
Comunidad
La comunidad es nuestro super poder
Contenido adicional creado por la comunidad que nunca para de aprender