Imparare Sviluppo Web — Sviluppo frontend da HTML a React, con anteprima live

Lo sviluppo frontend consiste nel creare la parte di un sito web o di una web app che viene eseguita nel browser: la sua struttura con HTML, il suo aspetto con CSS e il suo comportamento con JavaScript, oltre ai framework e agli strumenti costruiti su queste tecnologie. Imparare Sviluppo Web insegna questo stack in quest'ordine, con un'anteprima live che rende visibile subito ogni modifica.

I concetti e le prime pagine si possono imparare bene sul telefono, perché HTML, CSS e JavaScript sono abbastanza compatti da poter essere modificati in brevi sessioni e l'anteprima mostra immediatamente il risultato. L'app visualizza sullo schermo i tre pannelli e un'anteprima live. Un laptop diventa più comodo quando gestisci un progetto più grande con molti file, ma non è necessario per iniziare.

È adatto a principianti assoluti, designer che vogliono sviluppare ciò che progettano, sviluppatori che conoscono un po' di HTML e CSS e persone che stanno cambiando carriera e si preparano al primo lavoro nel frontend. Inizia da come funziona il web e dal semplice HTML, poi passa a CSS e quindi a JavaScript. Imparare Sviluppo Web segue quest'ordine, iniziando dal corso gratuito Benvenuto nello sviluppo frontend.

Sì. Dopo HTML, CSS, JavaScript e TypeScript, l'app offre corsi di React sui fondamenti, su useEffect e sul recupero dei dati, oltre a hook e pattern avanzati, e corsi di Vue 3 sui fondamenti, sulla Composition API e sui pattern avanzati. Copre anche la gestione dello stato e il rendering lato server con Next.js e Nuxt 3.

Non è necessario per creare la prima pagina, ma la maggior parte dei codebase professionali React e Vue lo utilizza, quindi vale la pena impararlo dopo le basi di JavaScript. L'app introduce TypeScript con un primo corso sui tipi, un corso più approfondito su tipi e interfacce e un corso avanzato sui pattern frontend.

Ognuna delle 15 missioni di debugging ti offre una pagina o un componente non funzionante che riproduce un problema frontend reale, come un layout che si rompe a 375 pixel, un modulo che non può essere utilizzato con la tastiera, una perdita di memoria in un componente o un test che fallisce solo in CI, e devi risolverlo. Due missioni sono gratuite.

Può aiutarti per quanto riguarda le conoscenze. Imparare Sviluppo Web include 50 domande da colloquio con relative risposte, una cheat sheet di 83 elementi su sintassi e pattern e corsi su test, prestazioni, accessibilità e architettura, ovvero gli argomenti su cui i colloqui tendono a concentrarsi dopo le basi. Non sostituisce la creazione di un portfolio con i tuoi progetti.

Un principiante che si esercita un po' ogni giorno di solito riesce a creare semplici pagine responsive nel giro di alcune settimane, mentre acquisire sicurezza con JavaScript e un framework richiede mesi. L'app suddivide il percorso in lezioni di pochi minuti, con serie di giorni consecutivi e promemoria, così i progressi derivano da brevi sessioni regolari anziché da un'unica sessione prolungata.

È gratuito da scaricare su App Store e Google Play. Il primo corso, il primo progetto guidato, due missioni di debugging e l'editor di codice sono gratuiti, con tre domande al giorno al mentore IA, mentre la versione gratuita mostra annunci. Pro sblocca tutti i corsi, tutti i progetti e le missioni, l'esame per il certificato e l'IA illimitata, oltre a rimuovere gli annunci.

Imparare Sviluppo Web funziona su iOS tramite App Store e su Android tramite Google Play, in 22 lingue, con classificazione per età 4+. L'inserzione su App Store si intitola Learn Frontend Development, mentre quella su Google Play si intitola Imparare Sviluppo Web, ma si tratta della stessa app. Il superamento dell'esame finale dà diritto a un certificato di completamento.