Storybook: progettare il web moderno senza grattacapi

Lo sviluppo di un’interfaccia web con Storybook.

Storybook: progettare il web moderno senza grattacapi

Abstract della sessione
Come si può rendere più agevole lo sviluppo di un’interfaccia web? Lo scopriremo in questo workshop introducendo Storybook, tool grafico per realizzare componenti di applicazioni web. Dopo un’introduzione teorica a Storybook, si passerà alla parte pratica e si svilupperà insieme una semplice interfaccia.
Lo scopo di questo workshop è introdurre Storybook e il workflow ideale per integrarlo all’interno del proprio progetto, traendone il massimo beneficio. Sarà confrontato lo sviluppo di un’interfaccia con questo metodo rispetto a quello tradizionale, evidenziandone i punti di forza.
Nella prima parte sarà descritto Storybook, il suo utilizzo e come integrarlo nel proprio progetto. Nella seconda verrà sviluppata un’interfaccia web utilizzando il workflow introdotto precedentemente e mettendo in pratica le nozioni imparate .

Lo speaker
Gianni Valdambrini progetta software con passione in Develer da quasi 15 anni e si occupa di formazione per principianti e professionisti. Esperto di React, si è appassionato a Storybook utilizzandolo con successo in molti progetti.

Durante la serata verranno trattati i seguenti argomenti:
– Introduzione a Storybook
– Gli addon di Storybook
– Analisi del workflow
– Confronto con l’approccio tradizionale
– Creazione di un’interfaccia web

Obiettivi della sessione:
– Creare un’interfaccia web utilizzando Storybook.

Requisiti per la partecipazione:
– Nozioni di base di HTML, CSS e JavaScript
– Conoscenza di Git
– Per la parte pratica è necessaria una conoscenza di base di React

Cosa Serve:
Per poter accedere alla parte pratica serve un proprio computer che abbia:
– Editor avanzato di testo (VSCode, SublimeText, ecc..)
– Node 10 (Scaricabile a questo link: https://nodejs.org/en/)
– Git