In questo workshop vedremo come progettare e creare un applicativo gestionale con Vue e Vuetify come framework per la UI/UX, sfruttando Material Design e ponendo le basi per un funzionamento responsive e mobile-first: esploreremo le best practice su come progettare le interfacce, organizzare il codice, eseguire i test in modo organizzato e automatico.

Quindi si analizzerà come gestire i layout, i menu di navigazione, gestire form e i vari controlli di input; particolare attenzione verrà posta alla visualizzazione di dati tabellari, eseguire paginazioni e recupero di dati server-side.

Argomenti

• Introduzione a Vuetify
• Struttura di progetto
• Logiche di progettazione della UI/UX e strumenti per Material Design
• Funzionalità previste dall'applicativo
• Esplorazione UI
  • Layouts
  • Navigation Menu
  • Toolbars
  • Forms
  • Inputs Controls
  • Cards
  • Dialog
  • Tables e Pagination
  • List
• Visualizzazione di grafici e creazione basilare di Dashboard
• Gestire le comunicazioni HTTP con Axios
• Gestire le sessioni con JWT e Vuex
• Considerazione per il mobile e PWA
• Build e Deploy

A chi è rivolto

Questo workshop è rivolto a coloro che già usano (anche a livello base) Vuejs e vogliono utilizzare un framework di riferimento per la gestione della UI/UX.

Requisiti di partecipazione

Conoscenze base di HTML e Javascript, basi di Vue, utilizzo della shell, conoscenze basilari sull'utilizzo di API REST.

Informazioni utili

La durata del corso è di una giornata e si terrà Sabato 13 Aprile nella stessa location della conferenza. Per partecipare al workshop, in modo indipendente dal sistema operativo, vi servirà avere installato nodejs (>= 10.15 LTS), yarn, Vue CLI, Vue DevTools, un terminale e un buon editor come Visual Studio Code con le relative extension.
Qualche giorno prima del corso verrà fornito un repository git a tutti i partecipanti, con il codice applicativo e le istruzioni per farlo funzionare.
Ecco anche un elenco di tutorial di preparazione in modo da poter arrivare preparati e operativi al corso di sabato 13 aprile.

Programma

Sede

Hotel San Marco
Via Longhena, 42
37138 Verona — Italy
045569011
045572299
http://www.sanmarco.vr.it/
L'hotel offre tariffe scontate ai partecipanti al workshop, sia per camere singole che doppie.

SEO Manager @ Condé Nast
Full Stack Web Developer
Da sempre appassionato di Web Development, SEO e Digital Marketing, docente di numerosi corsi in ambito sviluppo Web e Mobile.
Background da sviluppatore, dai lontani tempi del Commodore 64 e Amiga 500 e mentre studia ragioneria capisce che la sua passione è l’informatica e il web, passioni che lo portano ad affrontare il percorso universitario in ingegneria informatica; qui si rafforza la passione per lo sviluppo software, i database e IT Project Management.
Ad oggi, focalizzato su AWS, Python, Laravel, Node.js e lo sviluppo con Vue e Angular.