JAVASCRIPT ES6
& TYPESCRIPT INTRO

Ciao, mi chiamo Fabio Biondi, sono Google Developer Expert in web technologies.

Spesso quando chiedo agli sviluppatori che frequentano i miei corsi, principalmente su Angular e React, se conoscono Javascript mi rispondono di si. Tuttavia, non appena inizio a fargli qualche domande, mi rendo conto che invece non sono affatto preparati.

Se il vostro obiettivo è quello di utilizzare framework e librerie front-end moderne, questo corso Vi fornirà una solida base su Javascript, e vi sarà utile non solo per scrivere un codice più leggibile ed efficiente ma, da non sottovalutare, anche per essere in grado di comprendere il codice dei vostri colleghi più preparati o semplicemente per poter leggere documentazione e articoli che ormai danno per scontato molti concetti.

In questo corso vi parlerò quindi delle features e delle moltissime novità introdotte nelle ultime release del linguaggio Javascript (da ES6 in poi) con una breve introduzione su Typescript. Concetti indispensabili ormai per lavorare con i moderni framework e librerie front-end attualmente disponibili sul mercato, come Angular, React, Vue, SvelteJs, Web Components e molti altri.

Di cosa parleremo?

Dopo una breve introduzione sui transpiler, compilatori e Webpack esploreremo essenzialmente la sintassi e i costrutti fondamentali del linguaggio.

Inizialmente saranno affrontate tematiche fondamentali per un utilizzo corretto del linguaggio, dai comuni problemi legati al this, alle diffenze di un linguaggio che funziona by reference e non by value e tratteremo, inoltre, il concetto di immutabilità, fondamentale per incrementare le performance in framework e librerie come Angular o React... e alla base di Redux, uno state manager utilizzato nella maggior parte delle Single Page Applicazioni moderne per la creazione di architetture complesse e manutenibili.

Ma la maggior parte della giornata sarà dedicata alla comprensione dei nuovi costrutti offerti dal linguaggio Javascript come template literals, destructuring, arrow syntax, i nuovi metodi disponibili per array e oggetti, spread operator, Object.assign, moduli e le varie sintassi per gli import, classi e ereditarietà e molto altro. Moltissimi esempi pratici e casi d'uso molti dei quali realizzati attraverso degli strumenti che ho sviluppato per la formazione tramite i quali Vi farò inoltre capire cosa avviene dietro le quinte quando il codice viene compilato, un aspetto secondo me spesso sottovalutato ma di fondamentale importanza per comprendere realmente il codice che stiamo scrivendo.

Parleremo poi di Typescript, un superset di ES6 realizzato da Microsoft, alla base di framework come Angular ma utilizzato ormai moltissimo anche nella community React, Vue e in molte altre librerie o framework, affrontando tematiche come tipizzazione, Generics, interfacce, decoratori.

Inoltre, dato che i miei corsi sono sempre tarati e personalizzati sulla base del know-how dei partecipanti, se quest'ultimi non hanno esperienza nello sviluppo di applicazioni web, perché ad esempio si occupano principalmente di mobile o server, una piccola parte del corso sarà dedicata alla manipolazione del DOM, all'utilizzo di framework CSS e alla creazione di griglie e layout attraverso due degli strumenti CSS che ritengo fondamentali oggi giorno: flexbox e CSS Grid.