Imparare Vue: Corso Code
Imparare Vue: Corso Code — Impara Vue.js creando componenti sul tuo telefono
Imparare Vue: Corso Code è un'app iOS e Android gratuita con upgrade Pro, che insegna Vue.js ai principianti che conoscono un po' di HTML e JavaScript e agli sviluppatori che passano dall'Options API alla Composition API. Include 42 corsi e 156 lezioni, dal primo template fino a Pinia, Vue Router e Nuxt 3, mentre i single-file components vengono compilati sul tuo dispositivo: così i 20 progetti guidati, le missioni e il Vue Lab funzionano senza server.
- Prezzo
- Gratis, upgrade Pro
- Piattaforme
- iOS e Android
- Lingue
- 22
- Classificazione per età
- 4+
- Versione
- 82.6.0
- Requisiti
- iOS 15.1 o versioni successive
- App Store
- 3.0 ★ (2)
Un componente è più facile da capire dopo averlo rotto.
Il Vue Lab ti propone ogni giorno un componente non funzionante e ti chiede di trovare il bug, ti permette di modificare le props di un componente con controlli interattivi e mostra come cambia lo stato mentre fai clic. I single-file components vengono compilati sul telefono, così l'anteprima si rompe e torna a funzionare davanti ai tuoi occhi, con una scheda di errore che spiega cosa è andato storto.
Cos'è
Imparare Vue: Corso Code è un'app iOS e Android gratuita che insegna Vue.js attraverso 42 corsi e 156 lezioni, dalla sintassi dei template e dal data binding fino alla Composition API, Pinia, Vue Router e TypeScript, per arrivare a Nuxt 3, ai test con Vitest e alle app full-stack. I single-file components vengono compilati sul dispositivo, quindi i progetti guidati, le missioni di programmazione e il Vue Lab funzionano sul telefono senza server, mentre un mentore IA in Pro spiega il codice e gli errori.
Dentro l'app
Come si presenta
Il corso
Cosa comprende il corso Vue
42 corsi e 156 lezioni dall’elenco dei corsi dell’app, dal primo template fino al rendering lato server e ai pattern per la produzione.
Per iniziare con Vue.js
Introduzione a Vue.js, Vue CLI e la struttura dei progetti, sintassi dei template e data binding.
Reattività e Composition API
Basi della Composition API di Vue 3, sintassi script setup, reattività e proprietà computed, oltre alle direttive Vue.
Componenti e form
Basi dei componenti e comunicazione tra componenti, slot, provide e inject, form e validazione, oltre al ciclo di vita dei componenti.
Riutilizzo e rifinitura
Composables di Vue 3, transizioni e animazioni, gestione degli errori, oltre a funzioni di rendering e JSX.
Stato e routing
Gestione dello stato con Pinia, Vuex, routing con Vue Router e pattern avanzati per il router, oltre alla gestione delle API e dei dati asincroni.
TypeScript, i18n e strumenti
TypeScript con Vue 3, internazionalizzazione, integrazione con Storybook, distribuzione e manutenzione delle app Vue.
Nuxt 3, testing e funzionalità in tempo reale
Rendering lato server con Nuxt 3, testing dei componenti con Vitest, GraphQL con Apollo e app in tempo reale con WebSockets.
Pattern per la produzione
Prestazioni, best practice di sicurezza, sviluppo di plugin, pubblicazione di una libreria di componenti, progressive web app e micro-frontend.
Come funziona
Come si impara Vue nell'app
Ogni corso ha un livello e ogni lezione successiva al primo corso gratuito si apre con un'anteprima gratuita, così puoi vedere com'è un argomento prima di decidere se proseguire.
Inizia con Introduzione a Vue.js
Il primo corso è gratuito e inizia spiegando cos'è Vue, come configurare l'ambiente e come creare un'app Hello Vue. I corsi sono contrassegnati da A1 a C1, così è chiaro da dove iniziare e cosa affrontare dopo.
Crea ed esegui componenti sul telefono
Modifica un single-file component e visualizzane subito l'anteprima. I progetti guidati fanno crescere un'app un passo alla volta, mentre App Studio ti permette di creare app con più schermate, un router e uno store partendo da blueprint pronti.
Fai pratica nel Vue Lab
Vai a caccia del bug quotidiano, riproduci un design di riferimento nello Style Lab, sfida il tempo nei duelli speed-build oppure riscrivi un componente Options API usando lo stile Composition.
Cosa include
Cosa include l'app
42
Corsi, 156 lezioni
Dalla sintassi dei template e dalle direttive fino al lifecycle, agli slot, a provide e inject e ai composable, per arrivare a Nuxt 3, GraphQL, PWA e micro-frontend.
20
Progetti guidati
Fai crescere un'app un passo alla volta, con single-file components che vengono compilati direttamente sul tuo dispositivo e una scheda di errore quando un'anteprima non funziona.
28
Missioni di programmazione
Esercizi dal facile al difficile, più blueprint di App Studio per creare app con più schermate, un router e uno store.
Lab
Vue Lab
Un ispettore della reattività, una caccia al bug quotidiana, 12 livelli di Style Lab, duelli speed-build, un dojo per passare dall'Options API alla Composition API e una libreria My Components da condividere come scheda immagine.
Colloquio
Domande da colloquio su Vue
Domande per i colloqui da sviluppatore front-end, con quiz, sessioni di ripasso con flashcard e un cheat sheet apribile in qualsiasi momento.
IA
Mentore IA (Pro)
Fai domande su un concetto o un errore, chiedi di spiegare il tuo codice oppure genera una lezione personalizzata su qualsiasi argomento tu voglia studiare.
Contesto
Che cos'è Vue.js e cosa dovrebbe imparare per prima cosa un principiante?
Vue è un framework JavaScript per creare interfacce web interattive a partire da componenti: elementi piccoli e riutilizzabili, ognuno con una parte di template, logica e stile. Per i principianti è interessante perché offre un ingresso graduale: puoi iniziare con semplice HTML e un po' di JavaScript, aggiungendo struttura man mano. Un ordine sensato è partire da template e data binding, poi reattività e componenti, quindi Composition API e solo dopo routing, gestione dello stato e rendering lato server.
Reattivitàl'idea centrale
Modifichi un dato e la schermata che dipende da quel dato si aggiorna da sola. Capire quali valori sono reattivi e cosa aggiungono le computed properties e i watcher elimina gran parte della confusione iniziale in Vue.
Options API e Composition APIdue modi per scrivere un componente
La più datata Options API raggruppa il codice per tipo, ad esempio data e methods. La Composition API con script setup lo raggruppa per funzionalità e facilita la creazione di composable riutilizzabili. Molti tutorial e codebase usano ancora entrambe, quindi saper leggere l'una e l'altra è una competenza utile.
Pinia, Vuex e il routercosa aggiunge un'app reale
Quando un'app ha diverse schermate, servono il routing per spostarsi tra loro e uno store condiviso per i dati utilizzati da più componenti. Pinia è lo store attuale per Vue, mentre Vuex è quello precedente, ancora presente in molti progetti esistenti.
Nuxt e rendering lato serverquando ricerca e velocità contano
Nuxt si basa su Vue per eseguire il rendering delle pagine sul server, migliorando il caricamento iniziale e la visibilità nei motori di ricerca. Di solito è un argomento da affrontare in una seconda fase, dopo aver acquisito familiarità con componenti, routing e stato.
Adatta
A chi è adatta — e a chi no
Fa al caso tuo se
- Conosci un po’ di HTML e JavaScript e vuoi imparare il tuo primo framework
- Stai passando dall’Options API alla Composition API o da Vuex a Pinia
- Ti stai preparando a un colloquio per sviluppatori Vue.js o al tuo primo lavoro nel front-end
- Impari meglio correggendo un componente non funzionante che leggendone uno
- Vuoi sessioni brevi da seguire durante il tragitto
Non è lo strumento giusto se
- Non hai mai visto HTML o JavaScript: inizia prima con un corso di JavaScript
- Vuoi pubblicare un’app in produzione dal telefono: il laptop resta comunque lo strumento per farlo
- Ti aspetti che sia tutto gratuito: il primo corso e le anteprime sono gratuiti, mentre Pro sblocca l’intero programma
- Vuoi materiale ufficiale su Vue.js: questa è un’app di apprendimento indipendente
Domande
Domande frequenti
Qual è il modo migliore per imparare Vue.js sul telefono?
Impara eseguendo i componenti, invece di limitarti a leggerne la teoria. Imparare Vue: Corso Code compila i componenti single-file direttamente sul dispositivo, così i suoi 20 progetti guidati, 28 missioni e Vue Lab funzionano tutti sul telefono. Le brevi lezioni dei 42 corsi ti accompagnano dalla sintassi dei template fino a Nuxt 3, con un primo corso gratuito per iniziare.
L’app insegna la Composition API e Pinia?
Sì. Imparare Vue: Corso Code include corsi sulle basi della Composition API di Vue 3, sulla sintassi script setup, sui composables e sulla gestione dello stato con Pinia, oltre a Vuex, ormai più datato, per i progetti esistenti. Un dojo Options to Composition API nel Vue Lab ti permette di riscrivere i componenti classici secondo lo stile moderno.
Qual è la differenza tra Options API e Composition API in Vue?
L’Options API raggruppa il codice di un componente per tipologia, ad esempio data, methods e computed, mentre la Composition API con script setup lo raggruppa per funzionalità e rende semplici da riutilizzare i composables. Imparare Vue: Corso Code insegna la Composition API con script setup e include un dojo Options to Composition API nel Vue Lab per riscrivere i componenti classici secondo lo stile moderno.
Devo conoscere JavaScript prima di imparare Vue?
Conoscere un po’ di HTML e JavaScript è di grande aiuto. Imparare Vue: Corso Code è pensata per chi è agli inizi, conosce le basi e vuole imparare il primo framework: per questo spiega i concetti di Vue dall’inizio, ma non insegna JavaScript. Se variabili e funzioni sono concetti nuovi per te, dovresti iniziare prima con un corso di JavaScript.
Che cos’è Vue Lab?
Vue Lab è l’area pratica di Imparare Vue: Corso Code. Include un inspector della reattività, una sfida giornaliera per trovare i bug in un componente non funzionante, livelli di Style Lab in cui devi riprodurre un design di riferimento con CSS, duelli di speed-build, un dojo Options to Composition API e una libreria My Components con ciò che hai creato.
Include Nuxt 3 e il rendering lato server?
Sì. I corsi avanzati di Imparare Vue: Corso Code trattano il rendering lato server con Nuxt 3, lo streaming SSR con Suspense e lo sviluppo full-stack con Vue usando Fastify e autenticazione, oltre al testing dei componenti con Vitest e alle app in tempo reale con WebSockets.
È utile per i colloqui su Vue.js?
Sì. Imparare Vue: Corso Code include domande da colloquio su Vue per ruoli di sviluppatore front-end, insieme a quiz, sessioni di ripasso con flashcard e un cheat sheet. I corsi alla base di questi contenuti trattano reattività, ciclo di vita, composables e gestione dello stato, argomenti comuni nei colloqui.
Imparare Vue: Corso Code è gratuito?
Il download è gratuito. Sono gratuiti il primo corso, un’anteprima di ogni lezione, il primo progetto guidato, la prima missione, la sfida giornaliera per trovare i bug, tre livelli di Style Lab, i quiz, le domande da colloquio e il cheat sheet; la versione gratuita mostra annunci pubblicitari. Pro sblocca l’intero programma e il laboratorio, il mentore IA e l’esame per il certificato, oltre a rimuovere gli annunci.
L’app è realizzata dal team di Vue.js?
No. Imparare Vue: Corso Code è un’app di apprendimento indipendente e non è affiliata al progetto Vue.js né approvata da esso. Insegna Vue.js, un framework open source, attraverso corsi ed esercizi propri.
È disponibile un certificato?
Sì. Il superamento dell’esame finale, incluso in Pro, ti dà un certificato di completamento. Dimostra il lavoro che hai svolto e non è una qualifica accreditata, quindi dà il meglio di sé insieme a componenti e progetti che sai spiegare.
Quali piattaforme e linguaggi supporta?
Imparare Vue: Corso Code è disponibile su iPhone tramite App Store (iOS 15.1 o versioni successive) e su Android tramite Google Play. L’interfaccia è disponibile in 22 lingue e l’app ha una valutazione di 4+ su App Store.
Inizia
Crea oggi il tuo primo componente Vue
Inizia gratis su iOS e Android, in 22 lingue.
Altro da CoddyKit
Disponibile su iOS e Android.