Storybook: designing the modern web without headaches
Lo sviluppo di un’interfaccia web con Storybook.
Title: Storybook: Designing Modern Web Interfaces with Ease
What: Storybook is a graphical tool for building web application components
Who: Gianni Valdambrini
Where: Develer
When: Wednesday, July 3rd, from 6:30 PM to 10:30 PM
Cost: Free entry, aperitivo included
Session Abstract
How can we make web interface development easier? We will explore this in the workshop by introducing Storybook, a graphical tool for building web application components. After a theoretical introduction to Storybook, we will move on to the practical part and develop a simple interface together.
The goal of this workshop is to introduce Storybook and the ideal workflow for integrating it into your project to maximize its benefits. We will compare the development of an interface using this method versus the traditional approach, highlighting the strengths.
In the first part, Storybook will be described, along with its use and how to integrate it into your project. In the second part, a web interface will be developed using the previously introduced workflow, putting the learned concepts into practice.
The Speaker
Gianni Valdambrini has been designing software with passion at Develer for almost 15 years and is involved in training for beginners and professionals. An expert in React, he became passionate about Storybook and has successfully used it in many projects.
During the evening, the following topics will be covered:
– Introduction to Storybook
– Storybook addons
– Workflow analysis
– Comparison with the traditional approach
– Creation of a web interface
Session Objectives:
– Create a web interface using Storybook.
Participation Requirements:
– Basic knowledge of HTML, CSS, and JavaScript
– Knowledge of Git
– For the practical part, basic knowledge of React is required
What You Need:
To participate in the practical part, you will need your own computer with:
– An advanced text editor (VSCode, SublimeText, etc.)
– Node 10 (Downloadable from this link: https://nodejs.org/en/)
– Git