Slideshow in Vue JS
Cristina In questa lezione realizziamo uno slideshow utilizzando Vue JS. Gli slideshow sono un elemento comune nelle moderne applicazioni web, utilizzati per presentare contenuti in modo dinamico e coinvolgente. Con Vue.js,…
Marzo 2024
emit in Vue.js
L’emit In Vue.js, è un metodo utilizzato per la comunicazione tra componenti figli e genitori. Infatti, consente ai componenti figli di inviare eventi al loro componente genitore. Possiamo descrivere il…
props in Vue 3
In questa lezione affronteremo le props in Vue 3 integrando la sintassi della Composition API. Ricordiamo che le props sono un meccanismo fondamentale per passare dati da un componente genitore…
props in Vue.js
Le props (abbreviazione di “properties”) sono una caratteristica di Vue.js che consente la comunicazione unidirezionale dei dati tra componenti genitore e figlio. Difatti le props consentono dunque ai componenti figli…
Direttiva v-model in Vue.js
La direttiva v-model in Vue.js è utilizzata per creare un legame bidirezionale tra i dati dell’applicazione e gli elementi di input HTML come campi di testo, caselle di controllo e…
Direttiva v-bind in Vue.js
La direttiva v-bind in Vue.js è una delle direttive più utilizzate per collegare dinamicamente gli attributi HTML a espressioni Vue all’interno del template. Questo consente di rendere l’interfaccia utente reattiva…
Direttiva v-for in Vue.js
La direttiva v-for in Vue.js è una delle direttive più utilizzate in Vue.js ed è usata per iterare su un array o su un oggetto e renderizzare dinamicamente gli elementi…
Direttiva v-if in Vue.js
In questa lezione parleremo della direttiva v-if in Vue.js e delle direttive v-else, e v-else-if. Queste direttive sono degli strumenti potenti per la gestione condizionale del rendering degli elementi nell’interfaccia…
Counter in Vue.js
In questa lezione realizzermo l’esercizio Counter utilizzando Vue.js. Il contatore che creermo si incrementerà ogni volta che clicchermo su un pulsante, si decrementerà ogni volta che cliccheremo su un altro…
PDF Editor di Canva
In questo articolo vedremo come semplificare l’inserimento di immagini nei PDF con il PDF Editor di Canva Per rendere più pratico e veloce il processo di inserimento di un’immagine in…
Composition API
La Composition API è una delle funzionalità principali introdotte in Vue.js 3, progettata per fornire un modo più flessibile e organizzato per scrivere la logica dei componenti Vue. Questa API…
Option API
Con l’Option API di Vue.js, si possono definire i dati, i metodi e le proprietà calcolate del componente Vue in modo esplicito all’interno dell’opzione data, methods, computed, ecc. La Option…
Componenti Vue.js
I componenti Vue.js sono elementi modulari e riutilizzabili che rappresentano parti specifiche dell’interfaccia utente di un’applicazione. Ogni componente Vue è autonomo, con la propria logica, struttura e stile. Questo approccio…
Primi passi con Vue.js
Facciamo i primi passi con Vue.js, dopo la sua installazione e aver creato un nuovo progetto utilizzando Vue CLI, come spiegato nella lezione precedente: installare Vue.js. Aprendo dunqur la cartella…
Come installare Vue.js
In questa lezione vi spiego come installare Vue.js per iniziare ad utilizzarlo. Ci sono diverse opzioni per iniziare ad utilizzare Vue.js: utilizzare la CDN oppure configurare l’ambiente di sviluppo. Innanzitutto…
Vue.js
Vue.js è un framework JavaScript ampiamente utilizzato per lo sviluppo di interfacce utente dinamiche e reattive, apprezzato sia dai principianti che dagli sviluppatori esperti. Vue.js è basato su un’architettura modulare…
Memoria del colore in JavaScript
In questa lezione ci divertiremo nella realizzazione del gioco della memoria del colore in JavaScript. Il gioco “Memory Color Game” è un gioco in cui il giocatore deve ricordare una…
Accordion Menu
In questa lezione realizzeremo un Accordion Menu in JavaScript. Un Accordion Menu è un componente interattivo che consente di organizzare e presentare informazioni in modo chiaro e ordinato, con la…