Come usare <component> per caricare dei componenti da una lista e intercettare eventi diversi partendo da un file di configurazione. Come insegnante ho dedicato diverso tempo a pensare quale fosse il metodo migliore per spiegare a cosa possono servire Array e Object. Nella maggior parte dei libri si svolgono esercizi molto teorici e astratti che, a dire il vero, mi hanno sempre mandato in tilt 🤯 Non è infatti facile…

È stato un lavoro lungo ed articolato, ma siamo giunti alla fine! 😎 Abbiamo da sistemare solo alcuni dettagli e poi potremo convertire il nostro lavoro in una App Desktop con Electron. Nell’ultimo articolo abbiamo visto come: 1. Creare un form dinamico con validazione a due livelli 2. Creare dei Vuex getters 3. Creare un componente Select 4. Utilizzare ChartJs per visualizzare i colori su un grafico a ciambella 5. Utilizzare Prismjs per formattare SCSS e Json

Validazione dei form con un Getter Vuex, ChartJs per visualizzare i colori sulla ruota cromatica, export dei colori in JSON e SCSS . Eccoci al nostro sesto e penultimo appuntamento, nel precedente Articolo abbiamo lavorato alla ruota cromatica e l’elenco delle palette disponibili. In questo articolo esploreremo solo le parti più salienti del lavoro, se vuoi visualizzare il codice finale puoi trovarlo qui https://github.com/ChiaraPassaro/colorpalettesrangeapp

La Ruota Cromatica e la Palette: usiamo una struttura dati per creare un CSS dinamico. Eccoci al nostro quinto appuntamento, nel precedente Articolo abbiamo creato uno Store con Vuex e gestito Mutations e Actions. Il componente Wheel Siamo giunti finalmente al cuore dell’applicazione! Il nostro obiettivo ora è trasformare in codice il design della ruota cromatica. I problemi da risolvere sono i seguenti: 1. Disegnare una ruota 2. Colorarla…

Playing with Composition Api, Typescript, and Colors

Una sorgente unica di verità: usiamo lo Store con Vuex. Eccoci al nostro quarto appuntamento, nel precedente Articolo abbiamo creato un form dinamicamente ed esplorato mixins, .sync e validazione. Volendo ora riutilizzare il componente form in più rotte, così come da programma, la situazione dati incomincia ad essere un po’ ingarbugliata 🤪. …

How to study Vue 3 new features My students often ask me how to keep their knowledge up to date after they completed the Boolean Careers course. This article aims to be a simple example of how to study new arguments. First, it is necessary to read technical articles daily, and also to write code. …

Generiamo il form dinamicamente. Esploriamo: mixins, modificatore .sync e validazione. Eccoci al nostro terzo appuntamento! Nel precedente Articolo abbiamo creato un InputComponent custom utilizzando: props, $emit e Computed. Spostiamo la validazione in un mixin Cosa sono i mixins? Mixins - Vue.js You're browsing the documentation for v2.x and earlier. For v3.x, click here. Mixins are a flexible way to distribute…v2.vuejs.org

Creando un InputComponent custom, esploriamo: props, $emit e Computed. — Eccoci al nostro secondo appuntamento, nel precedente Articolo abbiamo esplorato il concept e gli schemi di partenza, abbiamo avviato un progetto Vue Cli (stiamo lavorando con Vue 2) e abbiamo creato lo scaffolding di base. 2 Impostiamo le pagine e il layout di default È sempre importante testare con dati molto semplici il nostro lavoro, quindi prepariamo il file App.vue in modo che carichi le rotte con dei link temporanei per accertarci del loro corretto funzionamento.