NextJS e React: due giornate dedicate allo sviluppo frontend
Nel panorama in continua evoluzione del coding, è fondamentale per i programmatori di tutti i livelli mantenersi aggiornati sui linguaggi e sui framework di programmazione in uso. Rimanere al passo con queste innovazioni non solo consente di ottimizzare il proprio lavoro, ma è anche cruciale per rimanere competitivi nel mercato.
Digital Innovation Hub Vicenza, in collaborazione con la Categoria ICT di Confartigianato Imprese Vicenza e Fabio Biondi propone un’opportunità imperdibile per approfondire nuove metodologie e migliorare le competenze nell’ambito del coding, tramite due giornate dedicate a Next.js, uno dei framework React “fullstack” più utilizzati al giorno d’oggi.
Durante gli incontri, verrà condivisa l’esperienza nell’utilizzo di TypeScript, NextJS e NodeJS per lo sviluppo di progetti concreti e case studies.
16 Gennaio 2025
DAY 1 – Workshop su NextJS v.15
Viene proposto un workshop su NextJS v.15, in cui verranno analizzate le principali caratteristiche del framework per applicazioni web open source, dalle basi ai concetti più avanzati. L’intera giornata sarà al 100% live-coding.
17 Gennaio 2025
DAY 2 – Modern Frontend Development
Si svolgeranno quattro talk tecnici in cui verrà condivisa le esperienze di front-end e back-end developers per quanto riguarda la creazione, gestione e monetizzazione di progetti online, interamente tramite NextJS.
Dalle 10:00 alle 17:00
Workshop: “NextJS v.15: dalla teoria alla pratica”
Un workshop intensivo su NextJS, dove si esplorerà ogni aspetto necessario per costruire applicazioni web moderne, performanti e scalabili. Si partirà dai fondamenti di NextJS per capire come funziona questo potente framework, fino a toccare temi avanzati che renderanno le proprie applicazioni pronte per la produzione:
-
- Server & Client Components in React / Next
- Router: static & dynamic routes
- Ottimizzazione assets: Images, Fonts, CSS, Metadata
- Data fetching e gestione cache
- SSG vs SSR: Static vs Dynamic Rendering
- Optimizations & loading strategies
- Server Actions
- Creazione di EndPoint REST
- Work with Markdown and custom components
- Creazione di EndPoint REST
- Global State Management
Che sia un progetto personale o un’applicazione aziendale, al termine di questa masterclass ogni partecipante avrà acquisito le competenze necessarie per iniziare ad utilizzare NextJS con sicurezza.
Inoltre, i partecipanti saranno in grado di valutare con maggiore consapevolezza se NextJS è la tecnologia giusta per i propri progetti.
Dalle 13:00 alle 14:30 sarà prevista un’interruzione per la pausa pranzo.
Requisiti
Questo workshop è perfetto per chi ha già esperienza con React, nello sviluppo frontend in generale, o una minima conoscenza di JavaScript.
Dalle 14:30 alle 15:15
Frontend Development in NextJS v.15
- Vorresti iniziare un nuovo progetto ma non hai idea di quali tecnologie utilizzare?
- Come scegliere il framework FrontEnd più adatto?
- Perchè noi abbiamo scelto NextJS?
In questa sessione verranno condivise le analisi e il processo di sviluppo che hanno portato alla creazione di LearnByDo.ing: una piattaforma per la pubblicazione e la vendita di contenuti interattivi, libri digitali e videocorsi, interamente sviluppata in TypeScript, sia lato front-end che back-end.
Saranno presentati gli strumenti e le metodologie utilizzate nel progetto, fornendo esempi pratici e suggerimenti utili, e verrà offerta una panoramica imparziale dei vantaggi e delle sfide incontrate durante lo sviluppo con NextJS.
Inoltre, verranno analizzati gli errori commessi, i costi affrontati e i servizi utilizzati o scartati. Per chi è interessato ad avviare un nuovo progetto ma non è sicuro sulla scelta delle tecnologie e sulla sua sostenibilità, questo talk risulterà particolarmente utile.
Lo speaker: Fabio Biondi
Dalle 15:15 alle 16:00
Backend Development in NextJS v.15
Analizziamo assieme la creazione di LearnByDo.ing dal punto di vista backend, una piattaforma educativa, evidenziando le decisioni chiave e le tecnologie impiegate lungo il percorso.
Ci addentreremo nell’esperienza di sfruttare uno stack tecnologico moderno, tra cui Prisma come ORM, Vercel e Azure per soluzioni di database, ed esploreremo le sfide e i vantaggi di ciascuno.
L’intervento andrà oltre l’implementazione tecnica, discutendo le metodologie di gestione dei progetti adottate per garantire uno sviluppo efficiente e una consegna tempestiva.
Analizzeremo il processo decisionale alla base della scelta di tecnologie specifiche, della gestione delle risorse e della navigazione delle complessità di portare un progetto dal concetto alla realtà.
Con questo talk imparerai grazie alla condivisione di quello che abbiamo fatto, giusto e sbagliato, con learnbydo.ing e la sua creazione utilizzando NextJS.
Avrai le idee piu’ chiare per lanciare il tuo prossimo progetto di successo!
Lo speaker: Giorgio Boa
Dalle 16:00 alle 16:30
Coffee-break ☕
Dalle 16:30 alle 17:15
Autenticazione 101: tutto (o quasi) quello che devi sapere
L’autenticazione sul web è un tema cruciale per la sicurezza di ogni applicazione online, ma con tutte le soluzioni disponibili, può risultare difficile orientarsi.
In questo talk esploreremo in modo pratico e veloce i principali metodi di autenticazione: dai classici cookie e token, alle soluzioni moderne come OAuth e i servizi in cloud come Auth0 o Firebase.
Scopriremo insieme come funzionano, quali vantaggi offrono e, soprattutto, come scegliere la soluzione ideale per la propria applicazione. Infine, daremo un piccolo sguardo al futuro con soluzioni passwordless e WebAuthn, che promettono di eliminare definitivamente l’utilizzo di password.
Lo speaker: Michele Stieven
Dalle 17:15 alle 18:00
Tanstack-query: basta reinventare la ruota!
- Nello sviluppo delle vostre applicazione React le richieste AJAX sono un fastidio?
- Siete stanchi di gestire stati di loading e errori di connessione?
In questo talk vedremo come utilizzare TanStack Query, un potente libreria che non solo ci permette di gestire quanto detto sopra con la massima semplicità, ma anche di gestire retry, paginazione, infinite query e caching senza mal di testa.
Lo speaker: Enrico Giacomazzi
Dettagli, biglietti
Entrambi gli eventi si svolgeranno presso il Centro Congressi di Confartigianato Imprese Vicenza, in via Enrico Fermi 201, 36100, Vicenza.
I biglietti sono validi per entrambe le giornate.
OFFERTA SPECIALE: iscrizione gratuita per tutti (fino al 31/12/2024)
A partire dal 1 gennaio il costo sarà di: 150,00 per le imprese iscritte a Confartigianato e di 350,00 per i non soci
Per procedere con la prenotazione è sufficiente compilare il form in basso e attendere la conferma di iscrizione, che conterrà anche le informazioni utili a perfezionare il pagmaento. Si precisa che, nel caso in cui le informazioni fornite dal partecipante non risultino veritiere (ad esempio, un'impresa non associata si registri come associata), sarete contattati prima della conferma definitiva della partecipazione.
ISCRIVITI ORA!
L’evento è organizzato dall Digital Innovation Hub di Confartigianato Imprese Vicenza con il contributo di CCIAA Vicenza e EBAV