Il Programma Formativo del WMF2023

Astro è un framework JavaScript che sta riscuotendo un enorme successo grazie alla sua semplicità, alle notevoli prestazioni e all'architettura a isole che permette di utilizzare, all'interno della stessa pagina, framework e librerie differenti, come React, Vue o Svelte.  Sfrutta tecniche di pre-rendering come la Static Site Generation (SSG) e il Server Side Rendering (SSG) e si pone come obiettivo principale quello di velocizzare la visualizzazione dei contenuti:  per questo motivo è lo strumento ideale per creare landing page, blog e pagine web che richiedono alti punteggi nei motori di ricerca e prestazioni elevate.  In questa sessione analizzeremo gli step necessari per installare, configurare e creare una landing page in Astro 2.0 e TypeScript.

Troppo spesso ci si riferisce a JavaScript come ad un linguaggio single thread e questo, altrettanto spesso, non è chiaro quanto sia ormai un retaggio del passato! Da fin troppo tempo sono presenti nel linguaggio (e negli environments) tante caratteristiche che consentono di lavorare multi thread, finalmente alleggerendo (e non di poco) il tanto affaticato main thread. Dai Workers agli Atomics, da alcuni piccoli tricks sino agli SharedArrayBuffers, ci tufferemo in un viaggio che porta JavaScript ad un nuovo livello, così da dire alla prossima occasione: "No ti stai sbagliando, JavaScript non è un linguaggio single thread!" Crimini purtroppo ne imperversano pure troppi nelle nostre applicazioni web e, non avendo una vera bat-cintura, possiamo mettere in campo i meravigliosi, molteplici e (spesso) troppo poco conosciuti Developer Tools!  Analizziamoli, conosciamoli meglio, agganciamoli nella nostra cintura ed iniziamo a combattere anche noi i cattivoni che si insidiano nel nostro codice…ma mi raccomando, non vi paragonate a Batman!

Il vecchio concetto di "pagine web" è ormai scomparso per lasciare posto ad applicazioni vere e proprie sul browser, le quali sono spesso suddivise in componenti. Vediamo dunque come sfruttare al meglio i nostri componenti utilizzando la metologia atomica per dare un boost ai nostri componenti, sfruttare il riutilizzo e dare coerenza grafica grazie alla creazione di un nostro design system attraverso Storybook.