Corso completo

Corso TypeScript

Usa tipi, interfacce, utility e generics per rendere esplicite le aspettative del codice e costruisci un gioco a quiz completo.

  • 6 moduli
  • 57 lezioni
  • 1 progetti
Anteprima di Corso TypeScript

Dalla teoria a competenze che sai usare.

Segui un percorso ordinato, fai pratica e impari a portare a termine ciò che inizi.

Prima del corso

Gli errori emergono tardi. La forma dei dati vive soltanto nella tua memoria.

Quando il progetto cresce, funzioni e oggetti diventano difficili da usare con sicurezza.
Dopo il corso

Le aspettative sono esplicite. Il compilatore ti aiuta a mantenere coerente il codice.

Modelli dati e funzioni con tipi, interfacce, generics e controlli mirati.

Competenze che lavorano insieme.

Configurare TypeScript e Vite

Prepari il progetto, il compilatore, la configurazione e il watch, fino alla struttura con Vite.

Modellare i dati

Usi tipi base, interfacce, alias, union, intersection, tuple, enum e proprietà opzionali.

Tipizzare funzioni e classi

Lavori su parametri, valori di ritorno, inferenza e classi, applicandoli agli esercizi.

Usare utility types e generics

Trasformi e riutilizzi i tipi con utility, parametri generici e vincoli.

Distinguere i casi

Affronti satisfies, overload, type guard e unioni discriminate per rappresentare meglio la logica.

Capire i decoratori legacy

Esplori decoratori e factory applicati a classi, proprietà, metodi e parametri.

Costruire il Quiz

Crei domande, validazione e persistenza locale, poi completi partita, risposte e punteggio.

Il corso, modulo dopo modulo.

Ogni modulo aggiunge conoscenze e pratica a ciò che hai già costruito.

01 Introduzione, configurazione e Vite Capiamo il ruolo di TypeScript, prepariamo il progetto e configuriamo compilatore, watch e Vite per lavorare con una struttura concreta.
  1. Cos'è Typescript
  2. Typescript non modifica il nostro codice!
  3. Creiamo un progetto Typescript
  4. Creiamo un progetto Typescript NEW
  5. Configurazione Typescript Base
  6. Analizziamo il file tsconfig
  7. TSC Watch
  8. Vite.js
  9. Creiamo un nuovo progetto con Vite.js
  10. Com'è costituito un progetto complesso
02 Tipi, funzioni e classi Modelliamo dati e funzioni con tipi base, interfacce, alias, union e intersection, tuple, enum e proprietà opzionali. Introduciamo la tipizzazione delle classi.
  1. I tipi base
  2. Interface e Type Alias
  3. Union e Intersection Type
  4. Tuple e Literal Type
  5. Gli enum
  6. Tipizzare le funzioni
  7. Differenze Interface e Type
  8. Optional Properties
  9. Come tipizzare le variabili e le funzioni
  10. Ts e le Classi
03 Tipi avanzati, esercizi e generics Usiamo utility types, satisfies, overload e type guard. Ragioniamo su unioni discriminate e generics, con esercizi e soluzioni.
  1. Index Properties
  2. Le Utilis Omit, Pick, keyof, ReturnType, Partial, Required
  3. -Correggere- TS
  4. Satisfies
  5. Functional Overloads
  6. I Type Guard
  7. Discriminated Union
  8. Esercizio 1
  9. Esercizio 2
  10. Soluzione Esercizio 2
  11. I Generics Parte 1
  12. I Generics Parte 2
04 Decoratori Esploriamo decoratori legacy e factory applicati a classi, proprietà, metodi e parametri. Li usiamo per estendere comportamenti e validare dati.
  1. Anteprima Decoratori
  2. Introduzione ai Decoratori
  3. I Decorators Factory
  4. I Diversi tipi di Decoratori- (di metodi, proprietà e parametri)
  5. Applichiamo i Decoratori ad una classe
  6. Applichiamo i Decoratori ai metodi di una classe
  7. Un esempio più realistico sui Decoratori
05 Quiz - domande, validazione e persistenza Iniziamo il quiz: creiamo i box delle domande, raccogliamo e validiamo gli input, poi salviamo e carichiamo i dati con service e utility per il localStorage.
  1. Presentazione progetto QUIZ da realizzare
  2. Analizziamo il codice di partenza
  3. Creiamo il box della domanda
  4. Salviamo le domande create
  5. Creiamo un service per comunicare con il local storage
  6. Inseriamo la validazione
  7. Creiamo le utility per il local storage
  8. Carichiamo le domande precedentemente create
  9. Recap di quello fatto fino ad ora
06 Quiz - partita, punteggio e conclusioni Completiamo la partita: mostriamo le domande, gestiamo risposte corrette e sbagliate, vittoria e punteggio. Chiudiamo con riepiloghi ed esercizi per continuare a praticare.
  1. Costruiamo la prima domanda all'avvio del gioco
  2. Cambiamo domanda quando la risposta è esatta
  3. Gestiamo le risposte sbagliate
  4. Gestiamo la vittoria
  5. Esercizio 3: Il Punteggio
  6. Soluzione Esercizio Punteggio
  7. Recap Gioco e altri esercizi per voi
  8. Recap Finale
  9. Conclusioni

È il corso giusto se ti riconosci qui.

Risultato raggiunto dopo il corso Corso TypeScript
Il corso collega ogni concetto a un flusso di lavoro concreto.

Descrivere meglio i dati

Dai una forma a oggetti e funzioni con interfacce, alias, union e proprietà opzionali. Il codice rende più chiare le tue intenzioni.

Andare oltre i tipi base

Impara a restringere i tipi, trasformarli con le utility e scrivere logiche riutilizzabili con i generics, attraverso esempi ed esercizi.

Applicare tutto a un progetto

Costruisci le logiche di un quiz: domande create dall'utente, salvataggio locale, gestione delle risposte e calcolo del punteggio.

Prerequisiti essenziali Un computer sul quale seguire le lezioni e svolgere gli esercizi

Continui a imparare anche fuori dalle lezioni.

Materiali e servizi che accompagnano lo studio e la pratica.

01

File Sorgenti inclusi

Avrai i file di progetto che vedrai all'interno del corso inclusi! Questo vuol dire che potrai andare a consultarli quando vuoi, anche dopo il corso!

02

Esercizi pratici

Tutte le lezioni sono molto pratiche ma a parte questo, ti verranno assegnati alcuni esercizi pratici che ti aiuteranno ad entrare in confidenza con il codice e le sue logiche.

03

Piattaforma dedicata

Potrai studiare all'interno di una piattaforma creata appositamente per massimizzare l'apprendimento. Al suo interno troverai tutto ciò di cui hai bisogno!

04

Accesso alla community

Con l'acquisto di questo percorso avrai accesso ad una community (sempre all'interno della piattaforma), che ti permetterà di crescere insieme a tanti altri studenti e supportarvi a vicenda!

05

Assistenza rapida

Non dovresti avere alcun tipo di problema, ma nell'eventualità sappi che potrai contattarci tramite la chat in tempo reale all'interno della piattaforma. Questo sistema ci permette di risolvere qualunque problema nel modo più veloce possibile

Esclusivo Coding Myke

Lifetime Access

Una volta dentro, resti dentro.

Al contrario delle accademie tradizionali, una volta effettuato l'accesso alla mia academy, potrai restarci fin quando lo vorrai, anche dopo che trovi lavoro! Questo ti permetterà di crescere senza fine, visto che potrai usufruire di tutti i bonus sopracitati!

Scegli il livello di supporto che vuoi.

I contenuti inclusi dipendono dall'opzione scelta. Prezzi e condizioni restano sempre chiari.

Percorso 01

Corso completo

Tutti i moduli del corso TypeScript, con accesso e aggiornamenti a vita.

Cosa comprende
  • 6 moduli inclusi
  • Accesso e aggiornamenti a vita

14 giorni soddisfatto o rimborsato*

499,00 €
Acquista

Si applicano termini e condizioni

Cosa racconta chi ha studiato con Michele.

Quando ho conosciuto Michele, verso di lui provavo il classico scetticismo, dovuto ad una recente esperienza formativa, ma poi durante la call, ho capito ben presto di avere a che fare con un vero e proprio professionista che quotidianamente, lavora sul campo: quello che insegna è quello che fa! Sto seguendo Frontend Generator e concordo con Michele quando dice che non è un corso, ma un percorso che potenzialmente potrebbe non finire mai. Le lezioni, sono brevi, ma molto chiare e ricchissime di informazioni, focalizzate a trasmettere il know how necessario al raggiungimento dell'obiettivo. Michele è un coach appassionato e appassionante, pronto sempre a spronarti e supportarti qualora ce ne sia bisogno. In questo mondo, persone come lui, sono merce rara

Foto di Alessandro Talamonti Alessandro Talamonti Operaio

Michele ha una grande passione per l'insegnamento, oltre che per la programmazione, che subito traspare attraverso la sua forte dedizione verso i suoi studenti, la sua assoluta disponibilità e la sua capacità di motivarti per dare sempre il massimo. La sua profonda competenza e professionalità nel suo ambito, insieme alla chiarezza con cui riesce a spiegare gli argomenti più complessi, hanno reso il mio periodo di formazione impegnativo ma estremamente stimolante e sfidante. In poche settimane sono riuscita ad imparare più di quanto credessi e le esercitazioni che ci assegnava Michele, basate su casi reali, mi sono tornate utilissime, rendendo la mia esperienza formativa preziosissima per la mia carriera di sviluppatrice. Il suo supporto, sia per quanto riguarda le competenze tecniche che per la sua capacità di incoraggiarti e motivarti, sono state fondamentali per acquisire maggiore sicurezza in me stessa. La sua passione per lo sviluppo frontend è contagiosa e mi ha sempre spinta a superare i miei limiti e ad andare avanti nonostante le difficoltà.

Foto di Federica Ferrante Federica Ferrante Front-end Developer

Prima di partecipare a questo corso, non avevo alcuna conoscenza in questo ambito. Ora, grazie alla qualità e alla struttura del corso, mi sento sicuro nelle mie nuove competenze che mi hanno aiutato molto a trovare subito un lavoro a tempo indeterminato e da remoto! Lo consiglio vivamente a chiunque voglia acquisire solide basi in breve tempo. Ogni lezione è organizzata in modo chiaro, con video suddivisi per argomento, perfetti per ripassare o approfondire concetti. L'insegnante è estremamente chiaro, conciso, disponibile e dimostra una grande competenza. Assolutamente soddisfatto!

Foto di Peppe Libro Peppe Libro Technical Analyst at Anima Sgr

Aver avuto la possibilità di poter far parte a questo corso è stata una sorta di manna dal cielo. Il corso è ben strutturato, con una dizione ben comprensibile a tutti, è pieno di esercizi che ti aiutano molto a capire bene il funzionamento e soprattutto ad esercitarti per far tue tutte le nozioni necessarie per questo fantastico mestiere. L'insegnante si è visto sin dal primo colloquio conoscitivo, che è una persona molto competente e sa bene cosa deve far trasmettere e spiegare. Ma non si limita solo a questo, mi è stato anche d'aiuto quando c'erano argomenti che non avevo compreso, offrendo continuo supporto anche post corso. In poche parole, questo corso è davvero un esperienza unica e imperdibile.

Foto di Domenico Nicolosi Domenico Nicolosi Aspiring Front-End Developer

Michele mi ha davvero aiutato a fare un salto di qualità nel campo dello sviluppo web. Grazie a lui, ho imparato moltissimo sulle principali tecnologie dello sviluppo Frontend. Quello che ho apprezzato di più è il modo in cui riesce a spiegare concetti anche complessi in modo chiaro e comprensibile, chiarendomi diversi aspetti dello sviluppo che prima mi creavano confusione. Dopo i suoi insegnamenti ho notato un grande miglioramento nelle mie competenze tecniche che mi hanno aiutato a fare un salto di qualità nel mio lavoro. Per quella che è la mia esperienza, consiglio il suo percorso a chiunque ne stia cercando uno che, non solo vi insegni le basi, ma vi aiuti anche a costruire una solida comprensione dello sviluppo web moderno.

Foto di Matteo Luzzi Matteo Luzzi Front-End Developer at BcSoft

Ho avuto l'onore ed il privilegio di poter lavorare con Michele. Michele è un'eccellente collega di lavoro che si impegna costantemente per il raggiungimento dell'obiettivo. Un collega molto disponibile e soprattutto un ottimo web developer al passo con le tecnologie più moderne.

Foto di Marco Concas Marco Concas Backend Developer

Prima di iniziare, chiariamo gli ultimi dubbi.

01 Devo già conoscere JavaScript?
Sì. Servono basi solide di JavaScript, comprese funzioni, oggetti, array e classi. Per il progetto utilizziamo anche HTML, CSS, DOM ed eventi. Non serve conoscere React.
02 Vedremo anche argomenti avanzati?
Sì. Il programma include utility types, satisfies, overload, type guard, unioni discriminate e generics con vincoli. Ci sono esercizi per applicare i concetti e confrontarli con le soluzioni.
03 Quale progetto realizzerò?
Un gioco a quiz con creazione delle domande, validazione, salvataggio e caricamento dal localStorage, gestione delle risposte e punteggio. Partiamo da una base HTML e CSS e ci concentriamo sulle logiche TypeScript. Non è previsto un backend.
04 Quali decoratori vengono insegnati?
Le lezioni e il quiz usano i decoratori nella modalità legacy di TypeScript, inclusi quelli sui parametri. Segui la configurazione sperimentale mostrata nelle lezioni: questa sezione non è un percorso dedicato alla nuova sintassi standard dei decoratori.
05 Ho già Frontend Generator: mi serve questo corso?
Il programma TypeScript è incluso anche in Frontend Generator. Controlla i contenuti del tuo accesso prima di acquistare il corso separatamente.
06 Per quanto tempo posso accedere al corso?
L'accesso al corso e ai suoi aggiornamenti non scade: puoi seguire le lezioni con i tuoi tempi e tornare sui contenuti quando vuoi.
07 Il corso è coperto da garanzia?
Sì. Hai 14 giorni per provare il corso e, se non fa per te, puoi richiedere il rimborso secondo i termini e le condizioni.