Storybook: progettare il web moderno senza grattacapi
Lo sviluppo di un’interfaccia web con Storybook.
- Titolo: Storybook: progettare il web moderno senza grattacapi
- Cosa: Storybook è un tool grafico per realizzare componenti di applicazioni web
- Chi: Gianni Valdambrini
- Dove: Develer
- Quando: Mercoledì 3 Luglio dalle ore 18.30 alle 22.30
- Quanto: l’ingresso è gratuito, l’apericena è compreso
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