Sviluppo di un’interfaccia web con TypeScript, React e Webpack

Sviluppare un’interfaccia web con TypeScript, React e Webpack.

Sviluppo di un’interfaccia web con TypeScript, React e Webpack

Informazioni sull’evento

📰 Titolo: Sviluppo di un’interfaccia web con TypeScript, React e Webpack.
📃 Cosa: Come utilizzare TypeScript per migliorare lo sviluppo di interfacce web moderne.
🎙 Chi: Lorenzo Savini.
📍 Dove: Student Hotel.
🗓 Quando: Mercoledì 11 Settembre dalle ore 19.00 alle 23.00.
💰 Quanto: l’ingresso è gratuito, l’apericena è compreso.

Abstract della sessione

Come si può rendere più robusta un’interfaccia web semplificando lo sviluppo? Lo scopriremo in questo workshop introducendo TypeScript, accompagnato da React per il lato applicativo e Webpack per il lato di bundling.

Lo scopo di questo workshop è introdurre TypeScript, vedere come si integra in un’applicazione React e come si generano gli asset finali della nostra interfaccia utilizzando Webpack. TypeScript è un superset tipizzato del JavaScript sviluppato da Microsoft e utilizzato anche per lo sviluppo di VS Code.

Nella prima parte saranno descritte le basi di TypeScript, il suo utilizzo e i primi passi per sfruttarlo al meglio. Nella seconda parte verrà sviluppata un’interfaccia web per chiarire il design di una applicazione con queste tecnologie.

Lo speaker
Lorenzo Savini progetta software con passione da oltre 7 anni e si occupa anche di organizzare formazione interna in Develer, per condividere tra i team esperienze ottenute durante le varie fasi dello sviluppo. Esperto di programmazione Web, utilizza con successo le tecnologie del workshop su una serie di applicazioni che sviluppa e mantiene da anni per una multinazionale operante nell’ambito della Ad Tech. Lavora su tutto lo stack delle applicazioni web: dal Backend al Frontend, dal monitoring al disaster recovery.

Durante la serata verranno trattati i seguenti argomenti
– Introduzione alle basi di TypeScript
– Integrazione di TypeScript con React
– Compilazione di un’applicazione TypeScript-React utilizzando una configurazione già pronta di Webpack
– Creazione di un’interfaccia web

Obiettivi della sessione
Acquisire pratica con TypeScript per lo sviluppo di una interfaccia web.

Requisiti per la partecipazione
– Nozioni di base di HTML, CSS e JavaScript
– Conoscenza di Git
– Conoscenza di base di ES6 e React

Per poter accedere alla parte pratica è necessario portare un proprio computer che abbia
– Editor avanzato di testo (VSCode, SublimeText, ecc..)

– Node 10 (Scaricabile a questo link: https://nodejs.org/en/)
– Git
– Yarn (opzionale): https://yarnpkg.com/lang/en/
– Clonare repository ed effettuare il setup del progetto: https://github.com/savo92/ws-typescript-react