Carosello immagini con Vue
Cristina In questa lezione svilupperemo un carosello di immagini con Vue. I caroselli di immagini sono componenti molto comuni nelle interfacce utente moderne. Con Vue.js, possiamo creare facilmente un carosello di…
Vue
Watch in Vue.js
In questa lezione parliamo di watch in Vue.js. I watchers in Vue.js consentono di eseguire del codice quando i dati reattivi cambiano. A differenza delle computed properties, i watchers non…
Computed in Vue.js
In questa lezione parleremo di computed in Vue.js, una funzionalità fondamentale di Vue.js per gestire la logica reattiva all’interno delle applicazioni. Le computed properties in Vue.js sono funzioni calcolate dinamicamente…
Applicazione con OpenLibrary in Vue
In questa lezione realizzeremo un’applicazione con l’uso di OpenLibrary, un progetto open source che si propone di creare un catalogo online completo e accessibile di tutti i libri. È gestito…
Visualizzare libri da un file JSON
In questa lezione impararemo a visualizzare dei libri da un file JSON. Ricordiamo che la visualizzazione dei dati da un file JSON è un’operazione comune nello sviluppo di applicazioni web…
Dati JSON
JSON, acronimo di JavaScript Object Notation, è un modo molto pratico ed efficiente di rappresentare e scambiare dati tra diverse applicazioni e sistemi informatici. È come una lingua comune che…
API
Le API (Application Programming Interface) rappresentano un pilastro fondamentale nell’ecosistema delle tecnologie moderne. Esse definiscono le regole e i protocolli attraverso i quali le applicazioni software possono interagire tra loro…
Lifecycle hook beforeUpdate
Il lifecycle hook beforeUpdate in Vue.js viene chiamato prima che l’istanza di Vue aggiorni il DOM e renda nuovamente il componente. Questo hook è utile quando è necessario eseguire determinati…
Creare Componenti Vue con le Rotte
In questa lezione vedremo come creare componenti Vue per le rotte utilizzando Vue Router. Scopo di questa lezione è quello di creare un piccolo sito web di esempio per capire…
Installare Vue Router
In questa lezione vedremo come installare Vue Router nei nostri progetti. Per l’installazione di Vue Router analizzeremo in dettaglio i passaggi da seguire per poterlo utilizzare nei nostri progetti. Innanzitutto…
Introduzione a Vue Router
In questa lezione faremo una breve introduzione a Vue Router per capire perchè è conveniente utilizzarlo nei nostri progetti, Definizione Vue Router è una libreria ufficiale per la gestione delle…
Lifecycle hook mounted
In questa lezione parleremo del lifecycle hook mounted di Vue.js. Questo lifecycle hook è chiamato dopo che un componente è stato montato nel DOM ed è utile quando occorre eseguire…
Lifecycle hook beforeMount
In questa lezione parleremo di lifecycle hook beforeMount di Vue.js. Questo metodo è uno dei lifecycle hooks che viene chiamato prima che il componente venga montato nel DOM, dunque permette…
lifecycle hook created in Vue.js
In questa lezione parleremo del lifecycle hook created in Vue.js. Questo hook è uno dei primi ad essere eseguiti durante il ciclo di vita di un componente Vue. lifecycle hook…
lifecycle hook beforeCreate in Vue.js
In questa lezione parleremo di beforeCreate, un lifecycle hook dei componenti in Vue.js. Gli hooks del ciclo di vita sono metodi predefiniti che sono chiamati in momenti specifici durante il…
slot di Vue.js
In questa lezione parleremo deli slot di Vue.js, partendo dalla definizione di slot nel contesto di Vue JS. Definizione tecnica 🛠️ In termini tecnici, uno slot è un’API che consente…
Tabs in Vue.js
In questa lezione creiamo un esercizio per gestire le tabs in Vue.js. Le “tabs” sono solitamente utilizzati per creare interfacce utente con più schede, dove ogni scheda contiene un insieme…
Lifecycle hooks in Vue
In questa lezione parliamo dei lifecycle hooks in Vue.js che sono metodi speciali che possono essere definiti all’interno di un componente. Gli hooks sono eseguiti automaticamente in diverse fasi del…