0Pricing
Frontend Academy icon
HTMLFrontendWebBeginnerLivelli A1 → C215 lingue

Frontend Academy

Sviluppa siti web visivamente straordinari e responsivi con Frontend Development Academy. Un percorso di apprendimento CoddyKit con 41 corsi brevi e 163 lezioni interattive, con un tutor IA disponibile 24/7 al tuo fianco.

Corsi
41
Lezioni
163
Passaggi interattivi
2,186
Gratis per iniziare
Corso 1
Curriculum

41 corsi in questo percorso

Ogni corso del percorso Frontend Academy, in ordine di apprendimento. Il primo è gratuito.

1

A13 lezioniGratis

Capisca cosa fanno davvero gli sviluppatori frontend, perché questa è una delle carriere tecnologiche più richieste e creative e come HTML, CSS e JavaScript collaborano.

2

A14 lezioniPRO

Comprenda i fondamenti del web: come i browser richiedono le pagine, cosa fa il DNS, come funziona HTTP e cosa accade quando digita un URL. Al termine saprà esattamente cosa fa un browser prima che c…

3

A14 lezioniPRO

Apprenda i mattoni fondamentali di ogni pagina web. Scriva documenti HTML5 validi usando elementi semantici, strutturi i contenuti con titoli ed elenchi, incorpori immagini e link e crei moduli acces…

4

A14 lezioniPRO

Dia stile al suo HTML con sicurezza. Scopra come funzionano cascade e specificità, applichi colori e tipografia, padroneggi il box model e controlli il layout con le proprietà display e il posizionam…

5

A14 lezioniPRO

Scriva i suoi primi programmi JavaScript. Impari a dichiarare variabili, lavorare con i tipi di dati primitivi, definire funzioni e controllare il flusso del programma con condizioni e cicli.

6

A14 lezioniPRO

Lavori come un professionista dello sviluppo frontend. Padroneggi Chrome DevTools per ispezionare ed eseguire il debug, configuri VSCode con estensioni utili e imposti strumenti per la qualità del co…

7

A24 lezioniPRO

Aggiunga i tipi a JavaScript e individui i bug prima che raggiungano il browser. Impari il sistema dei tipi di TypeScript, annoti variabili e funzioni, definisca interfacce e compili TypeScript in Ja…

8

A24 lezioniPRO

Renda interattivo il suo HTML con JavaScript. Selezioni gli elementi, ascolti gli eventi, legga e modifichi i contenuti e crei o rimuova dinamicamente gli elementi usando il Document Object Model.

9

A24 lezioniPRO

Costruisca layout adatti a qualsiasi dimensione dello schermo. Impari a usare il meta tag viewport, utilizzi Flexbox e Grid per layout fluidi e scriva media query con un approccio mobile-first.

10

A24 lezioniPRO

Approfondisca la conoscenza di HTML. Costruisca moduli completamente accessibili con gli attributi ARIA, utilizzi tutti i tipi di input di HTML5, sfrutti la validazione nativa e scriva markup che com…

11

A24 lezioniPRO

Porti le Sue competenze JavaScript a un livello superiore con la sintassi moderna e potenti metodi integrati. Manipoli gli array con map, filter e reduce, destrutturi gli oggetti, utilizzi lo spread…

12

A24 lezioniPRO

Utilizzi Git in modo efficace come sviluppatore frontend. Impari i comandi fondamentali per salvare il lavoro, comprenda l’uso dei branch nello sviluppo delle funzionalità, esegua il push su GitHub e…

13

A24 lezioniPRO

Dia vita alle interfacce con le animazioni CSS. Utilizzi le custom properties per token di design facilmente manutenibili, aggiunga transizioni fluide ai cambiamenti di stato, crei animazioni con i k…

14

B14 lezioniPRO

Vada oltre le basi per padroneggiare davvero i layout CSS. Approfondisca l’allineamento e il wrapping di Flexbox, sfrutti le aree dei template CSS Grid e auto-fit, combini entrambe le tecniche e util…

15

B14 lezioniPRO

Comprenda la toolchain JavaScript moderna. Utilizzi la sintassi degli ES modules, gestisca i pacchetti con npm, avvii server di sviluppo istantanei con Vite e impari i concetti di bundling che manten…

16

B14 lezioniPRO

Approfondisca il sistema dei tipi di TypeScript. Scriva funzioni generiche riutilizzabili, utilizzi gli utility types per trasformare le interfacce, crei mapped types e conditional types e restringa…

17

B14 lezioniPRO

Costruisca le Sue prime applicazioni React. Comprenda la sintassi JSX, componga interfacce a partire da componenti funzionali, passi i dati tramite props e gestisca lo stato locale con l’hook useStat…

18

B14 lezioniPRO

Sincronizzi i componenti React con i sistemi esterni. Impari come funziona useEffect, recuperi i dati dalle API al montaggio, visualizzi gli stati di caricamento e di errore e ripulisca correttamente…

19

B14 lezioniPRO

Costruisca le Sue prime applicazioni Vue 3 utilizzando i Single-File Components. Impari l’Options API, le direttive fondamentali e come comunicare tra componenti padre e figlio tramite props ed emits.

20

B14 lezioniPRO

Costruisca interfacce utilizzabili da chiunque. Comprenda i livelli di conformità WCAG, utilizzi HTML semantico come base dell’accessibilità, applichi correttamente ruoli e attributi ARIA e garantisc…

21

B24 lezioniPRO

Padroneggi JavaScript asincrono dalle fondamenta. Comprenda l’event loop, passi dai pattern basati sui callback alle Promise e scriva codice pulito con async/await e una corretta gestione degli error…

22

B24 lezioniPRO

Padroneggi l’intera API degli hook di React. Condivida i dati senza prop drilling usando useContext, gestisca stati complessi con useReducer, ottimizzi le prestazioni con useMemo e useCallback ed est…

23

B24 lezioniPRO

Sfrutti appieno la potenza di Vue 3 con la Composition API. Utilizzi ref e reactive per lo stato reattivo, computed e watch per valori derivati ed effetti collaterali e costruisca composable riutiliz…

24

B24 lezioniPRO

Gestisca efficacemente lo stato dell’intera applicazione. Impari a utilizzare Redux Toolkit per React, il leggero Zustand come alternativa più semplice, Pinia per Vue e i principi che aiutano a decid…

25

B24 lezioniPRO

Scriva test automatizzati per il codice frontend. Configuri Jest, testi i componenti React con Testing Library, testi i componenti Vue e simuli moduli e chiamate API affinché i test rimangano rapidi…

26

B24 lezioniPRO

Scriva CSS in grado di scalare. Impari la convenzione di denominazione BEM per selettori prevedibili, limiti l’ambito degli stili con CSS Modules, aggiunga CSS direttamente in JavaScript con styled-c…

27

B24 lezioniPRO

Colleghi il frontend alle API del backend. Utilizzi la Fetch API nativa per tutti i metodi HTTP, aggiunga Axios per interceptor e URL di base, gestisca con cura gli errori HTTP e memorizzi nella cach…

28

B24 lezioniPRO

Costruisca applicazioni React pronte per la produzione con Next.js. Comprenda sia il Pages Router sia il moderno App Router, distingua i Server Components dai Client Components, scelga la strategia d…

29

B24 lezioniPRO

Costruisca applicazioni Vue full-stack con Nuxt 3. Utilizzi il routing basato sui file e gli auto-import per eliminare il codice ripetitivo, recuperi i dati dal server con i composable, estenda le fu…

30

B24 lezioniPRO

Trasformi i siti web in esperienze simili ad app. Scriva un Web App Manifest per consentire l’installazione, registri Service Worker per il supporto offline, implementi strategie di caching e aggiung…

31

B24 lezioniPRO

Costruisca interfacce utente in tempo reale. Utilizzi la WebSocket API nativa, integri la libreria client Socket.io, riceva eventi inviati dal server per flussi di dati unidirezionali e applichi patt…

32

B24 lezioniPRO

Padroneggi la toolchain JavaScript in rapida evoluzione. Estenda Vite con i plugin e lo utilizzi per SSR, comprenda come esbuild raggiunge la sua velocità, gestisca i workspace con pnpm e acceleri le…

33

C14 lezioniPRO

Renda veloci i Suoi siti e misuri i miglioramenti. Comprenda i Core Web Vitals, esegua audit con Lighthouse, ottimizzi le immagini per il web e riduca le dimensioni del payload JavaScript con code sp…

34

C14 lezioniPRO

Porti TypeScript ai suoi limiti. Crei tipi con i template literal types, annoti componenti e hook React con generici precisi, abiliti la modalità strict per eliminare l’uso non sicuro di any ed esplo…

35

C14 lezioniPRO

Scriva codice React come gli autori delle librerie. Costruisca compound components basati su Context, utilizzi render props e HOC per condividere funzionalità trasversali, esegua il rendering al di f…

36

C14 lezioniPRO

Padroneggi i pattern avanzati di Vue 3 utilizzati nelle applicazioni professionali. Condivida la logica nell’albero dei componenti con provide/inject, carichi i componenti in modo asincrono con Suspe…

37

C14 lezioniPRO

Progetti applicazioni frontend in grado di scalare per team numerosi. Applichi Atomic Design alle gerarchie dei componenti, gestisca più pacchetti con monorepo Turborepo, implementi Module Federation…

38

C14 lezioniPRO

Costruisca e mantenga una libreria di componenti condivisa. Documenti i componenti in Storybook, definisca i token di design con Style Dictionary, assegni versioni e pubblichi su npm, quindi integri…

39

C14 lezioniPRO

Difenda gli utenti dalle minacce alla sicurezza web. Prevenga gli attacchi XSS con la codifica dell’output e la Content Security Policy, protegga dagli attacchi CSRF con cookie SameSite e token, conf…

40

C14 lezioniPRO

Automatizzi la distribuzione del frontend. Scriva workflow GitHub Actions per eseguire linting, test e build a ogni push, distribuisca automaticamente su Vercel, Netlify e Cloudflare Pages, gestisca…

41

C24 lezioniPRO

Operi a livello senior. Affronti i colloqui di system design con framework specifici per il frontend, promuova una sana cultura della code review, faccia crescere gli sviluppatori junior attraverso m…

CoddyKit PRO

Sblocca tutti i 41 corsi di questo percorso e di ogni altro percorso

Tutor IA, esame di certificazione e certificato. Funziona sul web, su iOS e Android.

Scopri tutti i piani
Annuale$29.90 / annoCirca $2.49 al mesePaga una voltaA vita$69.99 una voltaNessun rinnovo. PRO per sempre.
Panoramica del Corso

Costruisci l'Intero Spettro del Frontend Moderno

Lo sviluppo frontend è la disciplina di trasformare il codice in tutto ciò che un utente vede e con cui interagisce in un browser — struttura HTML, presentazione CSS, comportamento JavaScript, e i framework e gli strumenti che li uniscono a scala di produzione. Questo percorso copre lo stack completo: da come il web distribuisce una pagina alla scrittura di applicazioni React e Vue type-safe, all'ottimizzazione delle prestazioni e al deployment attraverso una pipeline CI/CD.

Cosa Imparerai

Inizierai con i fondamenti di HTML, CSS e JavaScript, poi acquistirai dimestichezza con TypeScript, il DOM e le Browser APIs, il design responsivo e i pattern ES6+ inclusa la programmazione asincrona e i moduli. Da lì passerai a React (hooks, pattern avanzati, Next.js SSR) e Vue 3 (Composition API, Nuxt 3 SSR), state management, frontend testing, architettura CSS e interfacce real-time con WebSockets. Il percorso si conclude con ottimizzazione delle prestazioni web, sicurezza frontend, design systems e frontend CI/CD e DevOps.

Il Percorso di Apprendimento

Quarantuno corsi coprono i livelli A1 fino a C2. I corsi A1 e A2 stabiliscono le fondamenta — come funziona il web, markup semantico, animazioni CSS, Git e introduzione a TypeScript. I corsi B1 e B2 costruiscono competenza professionale: CSS Layout Mastery, JavaScript Modules and Build Tools, fondamenti di React e Vue 3, integrazione API, Progressive Web Apps e Server-Side Rendering sia con Next.js che con Nuxt 3. I corsi C1 affrontano questioni di livello senior: Advanced TypeScript for Frontend, React Advanced Patterns, Vue Advanced Patterns, Frontend Architecture, Design Systems and Component Libraries, Frontend Security e Frontend CI/CD e DevOps. Il percorso termina a C2 con Senior Frontend Engineering, che consolida tutto nella pratica a livello di produzione.

Come Funziona

Ogni corso è diviso in lezioni brevi e pratiche che completi nell'editor di codice integrato con feedback real-time. Un tutor AI è disponibile quando rimani bloccato e ogni concetto è rafforzato attraverso esercizi che riflettono il comportamento reale del browser e del framework piuttosto che esempi artificiosi.

Come Imparerai

  1. 01

    Lezioni Interattive

    Esercizi di codifica pratici con feedback in tempo reale

  2. 02

    Tutor IA

    Ricevi aiuto istantaneo dalla nostra IA quando sei bloccato

  3. 03

    Editor Integrato

    Scrivi ed esegui il codice direttamente nel tuo browser

  4. 04

    Certificato

    Guadagna un certificato al completamento del corso

FAQ

Domande Frequenti

Il corso Frontend Academy è gratuito?

Sì. Puoi iniziare il corso Frontend Academy gratuitamente e completare le sue lezioni interattive senza costi. Un abbonamento PRO opzionale sblocca strumenti IA avanzati e un certificato condivisibile.

Serve esperienza precedente per imparare HTML?

No. Il corso inizia con i fondamenti e prosegue gradualmente verso argomenti più avanzati, quindi puoi iniziare anche senza alcuna esperienza precedente in HTML.

Come imparerò HTML su CoddyKit?

Impari facendo. Brevi lezioni interattive abbinano una spiegazione chiara a un esercizio di codifica pratico che gira in tempo reale, e un tutor IA disponibile 24/7 offre aiuto personalizzato quando rimani bloccato.

Ricevo un certificato per il completamento di Frontend Academy?

Sì. Gli studenti PRO possono sostenere un esame e guadagnare un certificato condivisibile di completamento con un codice verificabile per il corso Frontend Academy.

Posso imparare HTML dal mio telefono?

Sì. CoddyKit è disponibile sul web e come app native iOS e Android, quindi puoi imparare HTML su qualsiasi dispositivo e i tuoi progressi si sincronizzano tra loro.

Quanto costa CoddyKit PRO?

Il primo corso di Frontend Academy è gratuito. CoddyKit PRO sblocca ogni corso: $5.90 a settimana, $7.90 al mese, $29.90 all'anno oppure $69.99 una volta, per un accesso a vita senza rinnovi.

Quanto tempo serve per completare Frontend Academy?

Frontend Academy comprende 41 corsi e 163 lezioni. La maggior parte delle lezioni richiede circa 5–10 minuti, quindi l'intero percorso richiede circa 19 ore di pratica concreta, al tuo ritmo.

Inizia Frontend Academy Ora

Unisciti a migliaia di studenti che imparano la programmazione con lezioni potenziate dall'IA.