Torna alla home
Vue.js Frontend Moderno

Vue.js Frontend Moderno

Nota introduttiva:

Uso Vue.js dal 2018. Ne conosco l'architettura, l'eleganza, la progressività — e con Quasar la possibilità di arrivare fino alle app mobile.

Il rapporto tra la fatica di scrivere frontend a mano e farlo con AI è drammatico. Per questo questo corso è solo AI-assisted: si impara l'architettura Vue, le decisioni di design, la struttura dei componenti. Il codice lo scrive l'agente. TypeScript? Non serve padroneggiarlo — basta saperlo leggere.

 

 

 

Argomenti

Parte 1 — Anatomia di una pagina Vue

  • Esplorare un'applicazione esistente con Vue DevTools
  • Riconoscere componenti, dati, routing
  • Cosa succede quando qualcosa cambia

Parte 2 — Il modello mentale

  • DOM e Virtual DOM: perché serve un intermediario
  • Reattività: cambio dati → cambio vista
  • Il ciclo: dati → template → rendering

Parte 3 — Definizione componenti

  • Single File Component: template, script, style
  • La separazione delle responsabilità
  • CSS scoped

Parte 4 — Reattività in pratica

  • ref e reactive
  • Cambiare dati, cambiare visibilità
  • computed e watch

Parte 5 — Quasar framework

  • Perché un framework sopra Vue
  • Documentazione: saperla leggere
  • Scaffolding con Quasar CLI
  • Modi: SPA, SSR, PWA — quando quale

Parte 6 — Layout e responsive

  • Sistema di layout Quasar
  • Grid e breakpoint
  • Componenti UI: form, tabelle, dialog

Parte 7 — Comunicazione tra componenti

  • Props: dati in discesa
  • Emit: eventi in salita
  • provide/inject e slot

Parte 8 — Composables

  • Estrarre logica riutilizzabile
  • Pattern comuni
  • Far scrivere composables all'AI

Parte 9 — Chiamate HTTP con Axios

  • GET, POST, gestione errori
  • Integrazione con la reattività
  • Loading state e feedback utente

Parte 10 — Routing e state

  • Vue Router integrato in Quasar
  • Pinia: quando serve uno store globale

Parte 11 — TypeScript in Vue

  • Perché TypeScript
  • L'AI scrive i tipi, tu li leggi

Parte 12 — Testing e build

  • Vitest e Vue Test Utils
  • Build per web, PWA, mobile (cenni)

A Chi è Rivolto

  • a sviluppatori frontend che vogliano allargare le conoscenze
  • a sviluppatori backend che vogliano integrare il frontend appoggiandosi sulla AI

  • A chiunque voglia creare applicazioni. Usando in modo intensivo l'AI è possibile sfoltire parecchio il programma e concentrarsi solo sui concetti fondamentali, allargando notevolmente la platea.

     

 

Interessato a questo corso?

Contattami per maggiori informazioni o per prenotare una sessione.

Vai ai Contatti →