Corso completo

Corso JavaScript

Parti dalle basi di JavaScript e costruisci una Todo App e un'app per cercare e salvare film, lavorando con DOM, eventi, API e debugging.

  • 14 moduli
  • 116 lezioni
  • 2 progetti
Anteprima di Corso JavaScript

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

La pagina resta ferma. Sai costruire l'interfaccia ma non darle un comportamento.

Logica, dati, eventi e richieste API sembrano problemi indipendenti.
Dopo il corso

La pagina diventa un'applicazione. Colleghi dati, logica e interfaccia.

Costruisci applicazioni interattive, le analizzi con il debugger e le pubblichi.

Competenze che lavorano insieme.

Fondamenti e logica

Variabili, tipi, funzioni, operatori, condizioni e cicli, con esercizi per prendere confidenza.

Array, oggetti e collezioni

Lavori su metodi, sort, reduce, Set e Map per organizzare e trasformare i dati.

Scope, classi e riferimenti

Approfondisci la sintassi moderna, le classi e la differenza tra riferimenti e copie.

Asincronia, Fetch e API

Colleghi il codice a dati esterni e capisci come gestire operazioni asincrone.

DOM ed eventi

Crei elementi nella pagina, ascolti gli eventi e aggiorni l’interfaccia in risposta all’utente.

Todo App e debugging

Metti in pratica CRUD, localStorage e moduli, usando console e debugger per capire gli errori.

App film e pubblicazione

Costruisci ricerca e preferiti con una API, gestisci il loader e affronti la pubblicazione dei progetti.

Il corso, modulo dopo modulo.

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

01 Fondamenti, variabili e funzioni Parti da variabili e tipi di dato, poi impari a dichiarare e usare le funzioni.
  1. Prima di iniziare
  2. Una panoramica su JS
  3. Introduzione
  4. Le Variabili
  5. I tipi primitivi
  6. Il valore NaN
  7. Le Funzioni
  8. Le funzioni parte 2
02 Array, oggetti e collezioni Organizzi i dati con array, oggetti, Set e Map; lavori sui metodi, sort e reduce.
  1. Gli Array
  2. I metodi degli Array
  3. Il metodo sort
  4. Il metodo Reduce
  5. Gli Oggetti
  6. I metodi degli Ogetti
  7. Facciamo chiarezza
  8. Il Set
  9. Il Map
03 Operatori e condizioni Prendi decisioni nel codice con confronti, condizioni, operatori logici e nullish.
  1. Gli operatori matematici
  2. Gli Operatori di confronto
  3. Truthy e Falsy
  4. If e Else
  5. Il ternario
  6. L'operatore logico && (AND)
  7. L'operatore logico -- (OR)
  8. Esercizio- Pratichiamo con gli operatori logici
  9. Assegnazioni dinamiche con gli operatori logici
  10. Il Nullish
  11. Utilizzare più operatori insieme
  12. L'operatore logico ! (NOT)
  13. Lo Switch
04 Cicli ed esercizi Alleni la logica con i cicli e gli esercizi sulle proprietà degli oggetti.
  1. I cicli
  2. Primo esercizio sui cicli
  3. Secondo esercizio sui cicli parte 1
  4. Secondo esercizio sui cicli parte 2
  5. Esercizio- lista proprietà con valore stringa parte 1
  6. Esercizio- lista proprietà con valore stringa parte 2
05 Scope e sintassi moderna Metti ordine tra scope, hoisting, destructuring, spread, rest e optional chaining.
  1. Scope, let e const
  2. Hoisting
  3. Destructuring
  4. Spread e Rest Operator
  5. Recap di Spread, Rest e Destructuring
  6. Optional Chaining
06 Classi, riferimenti e clonazione Lavori con classi e this, poi distingui riferimenti, copie superficiali e clonazione profonda.
  1. Le classi
  2. Pratichiamo con le classi
  3. Il This
  4. Bind, Call e Apply
  5. Classi- Gestiamo l'accesso a proprietà e metodi
  6. Classi- Ereditarietà
  7. Classi- Il Polimorfismo
  8. Classi- Recap
  9. Esercizio- Lista della spesa
  10. La referenza
  11. Creare Deep Clone Objects
07 Asincronia, Fetch e API Affronti asincronia, Promise e Fetch, fino alle richieste HTTP e agli esercizi con le API.
  1. Js è Single Thread
  2. Processi Asincroni, Code e EventLoop
  3. Le Promise
  4. Async Await e Try Catch
  5. setTimeout e setInterval
  6. Ajax e Fetch
  7. I Metodi HTTP e Chiamate Api
  8. HTTP Status Code
  9. Esercizio- Fetch Todos
  10. La Fetch in Post
08 DOM ed eventi Selezioni, crei e rimuovi elementi HTML, gestisci gli eventi e costruisci una lista di post.
  1. Introduzione al DOM
  2. I Metodi selettori del DOM di JS
  3. NodeList vs HTMLCollection
  4. Cambiare stile agli elementi con JS
  5. Gestire gli attrubuti con JS
  6. innerText, innerHTML e textContent
  7. DOM Manipulation
  8. Esercizio- Fetch e creazione lista post
  9. Rimuovere gli elementi
  10. I Listener
  11. Capturing e Bubbling Phase
  12. preventDefault, stopPropagation, removeListener
  13. Esercizio- Rimuovi post al click
09 Todo App - sviluppo e debugging Costruisci la Todo App e indaghi i problemi con console.log e debugger.
  1. Esercizio- TODO App
  2. Creiamo la TODO APP
  3. Puliamo il codice
  4. Troviamo il problema con i console.log
  5. Il Debugger parte 1
  6. Il Debugger parte 2
  7. Fixiamo il problema
10 Todo App - CRUD e localStorage Aggiungi creazione, lettura, aggiornamento e cancellazione dei todo con persistenza locale.
  1. Le operazioni CRUD
  2. Il Local Storage
  3. Creiamo le CRUD per la TODO App
  4. Creiamo un todo
  5. Sistemiamo la create dei todos
  6. Fetchamo i TODOS dal local storage
  7. Aggiorniamo i TODOS
  8. Cancelliamo i TODOs
  9. Analizziamo il nostro codice
11 Todo App - moduli e organizzazione del codice Usi import ed export per dividere la Todo App in file e separare le responsabilità.
  1. I moduli JS parte 1
  2. I Moduli JS parte 2
  3. Splittiamo il nostro codice
12 App film - API, pagine e struttura Scegli e analizzi una API di film, costruisci le pagine e colleghi i dati alla UI.
  1. Come creare altri progetti
  2. Analizziamo il nuovo progetto
  3. Esploriamo un api su RapidApi
  4. Analizziamo l'api scelta
  5. Costruiamo la pagina HOME
  6. Creiamo la struttura del film nella pagina home
  7. Creiamo la struttura della pagina -I Miei Film-
  8. Colleghiamo i file JS
  9. Creiamo l'elemento HTML del film
  10. Splittiamo i file
  11. Fixiamo gli errori
13 App film - preferiti e persistenza Salvi e rimuovi i preferiti, eviti duplicati, aggiungi un loader e lavori sui parametri URL.
  1. Salviamo i film nel localStorage
  2. Creiamo i Favorite Movie da JS
  3. Aggiungiamo il Remove Button
  4. Delete movie e inserimento Loader
  5. Evitiamo i duplicati
  6. Come procedere con l'applicativo
  7. Passare e leggere i parametri nell'url
14 Deploy e conclusioni Passi dal progetto locale alla pubblicazione e ragioni su come continuare a fare pratica.
  1. Come Deployare i nostri progetti
  2. Consigli per la creazione di nuovi progetti
  3. Conclusioni

È il corso giusto se ti riconosci qui.

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

Ragionare sui dati

Usi funzioni, array, oggetti e cicli per trasformare i dati. Capisci riferimenti e copie, senza andare avanti per tentativi.

Creare pagine interattive

Colleghi input e pulsanti alla logica della tua app: crei elementi nel DOM, ascolti gli eventi e aggiorni quello che vede l'utente.

Costruire e correggere un progetto

Metti insieme API, persistenza locale e moduli JavaScript. Usi il debugger per capire gli errori e accompagni il progetto fino al deploy.

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 JavaScript, con accesso e aggiornamenti a vita.

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

14 giorni soddisfatto o rimborsato*

699,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 Posso iniziare se non ho mai programmato in JavaScript?
Sì: si parte da variabili, tipi di dato e funzioni. Sono però richieste le basi di HTML e CSS, perché nei progetti lavoriamo con pagine, attributi e selettori. Non serve conoscere React o altri framework.
02 Quali progetti realizzerò?
Una Todo App con CRUD e localStorage, sviluppata e poi organizzata in moduli, e un'app film con ricerca via API, preferiti persistenti, rimozione, controllo dei duplicati e loader. La pagina di dettaglio dei film è proposta come estensione: viene spiegato come lavorare sui parametri URL.
03 Scriverò anche un backend o userò un database?
Il lavoro è sul frontend: impari a chiamare API esterne e a gestirne i dati. Per la persistenza dei todo e dei film preferiti si usa il localStorage del browser. Il programma non comprende la costruzione di un backend né la sincronizzazione dei dati tra dispositivi.
04 Servono servizi esterni per l'app film?
Nelle lezioni viene esplorata una API tramite RapidAPI. Prima di ripetere l'esercizio, verifica disponibilità, limiti e condizioni del servizio che scegli.
05 Questo programma fa parte di Frontend Generator?
Sì. È il programma JavaScript incluso anche in Frontend Generator. Se hai già acquistato il percorso completo, controlla i contenuti del tuo accesso prima di acquistarlo 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.