Abbiamo già trattato Angular.js e React in articoli precedenti, ma cè una nuova libreria frontend che pensiamo valga la pena dedicare il tuo tempo. Si chiama Vue.js e ha raccolto una vasta comunità di sviluppatori entusiasti. La filosofia alla base di Vue.js è quella di fornire lAPI più semplice po
Oggi eserciteremo le nostre abilità di Vue.js costruendo una semplice app per sfogliare i post reddit. Costruiremo il tutto da zero per dimostrare quanto sia facile creare interfacce utente con un framework come Vue. Questo tutorial richiede almeno una conoscenza di base di JavaScript e Vue.js. Se
Introduzione Una finestra di dialogo di conferma è un modello dellinterfaccia utente in cui allutente verrà data la possibilità di continuare con la propria azione o annullarla. Viene comunemente utilizzato con azioni distruttive o irreversibili, per assicurarsi che lutente voglia effettivamente pr
Introduzione GraphQL è un linguaggio di query orientato ai grafici scritto da Facebook. A differenza delle API REST, GraphQL introduce funzionalità che rendono lo sviluppo delle API più efficiente e in sintonia con i modelli di database. Caratteristiche di GraphQL A differenza di REST , cè un solo
Introduzione Vue-Router è un pacchetto JavaScript che ti consente di impostare il routing per le applicazioni a pagina singola (SPA). SPA si riferisce a unapplicazione web che serve solo un singolo index.html pagina ed esegue il rendering del contenuto in modo dinamico, essendo questo il modo in c
Cosè lAJAX? Javascript e XML asincroni (AJAX), è un modo per comunicare con un server Web da unapplicazione lato client tramite HTTP o HTTPS protocollo. Anche se AJAX contiene XML nel nome, il modo in cui i dati vengono inviati tramite richieste o ricevuti non deve essere XML, ma anche testo norma
Integrazione AJAX con API REST Grazie per esserti unito a me per il quinto post sullutilizzo di Vue.js e Flask per lo sviluppo web full-stack. Questo post sarà abbastanza breve, ma di grande valore poiché dimostrerò come connettere le applicazioni front-end e back-end utilizzando Javascript asincro
Autenticazione JWT Benvenuti alla sesta puntata di questa serie di tutorial in più parti sullo sviluppo Web full-stack utilizzando Vue.js e Flask. In questo post dimostrerò un modo per utilizzare lautenticazione JSON Web Token (JWT). Il codice per questo post può essere trovato sul mio account Git
Distribuzione su un server privato virtuale Benvenuti alla settima e ultima puntata di questa serie di tutorial in più parti sullo sviluppo Web full-stack utilizzando Vue.js e Flask. In questo post dimostrerò come distribuire lapplicazione creata in questa serie. Il codice per questo post può esse
Installazione e introduzione a Vue.js Introduzione Questo è il post di apertura di una serie di tutorial sullutilizzo di Vue.js e Flask per lo sviluppo web dello stack completo. In questa serie dimostrerò come creare unapp Web per sondaggi in cui larchitettura dellapplicazione consiste in un front-
Navigazione nel router Vue Benvenuti nel secondo post sullutilizzo di Vue.js e Flask per lo sviluppo web full-stack. Largomento principale in questo articolo sarà su Vue Router, ma tratterò anche la direttiva v-model, nonché i metodi Vue e le proprietà calcolate. Detto questo, prendi qualcosa di ca
Gestione dello stato con Vuex Grazie per esserti unito a me per il terzo post sullutilizzo di Vue.js e Flask per lo sviluppo web full-stack. Largomento principale in questo post riguarderà lutilizzo di vuex per gestire lo stato nella nostra app. Per introdurre vuex dimostrerò come refactoring dei c
Una pietra miliare di produttività significativa nella mia carriera di programmatore è stata imparare a eseguire correttamente il debug. Ti dicono che è importante a scuola. Ma come la programmazione, non migliorerai se non metti le ore. Il debug avviene in tutte le fasi del ciclo di sviluppo. Ch
La popolarità di Vue.js è aumentata abbastanza velocemente. Non ha ancora raggiunto i livelli di Angular o React, ma nellanno in cui lattuale repository VueJS è esistito su Github, ha raccolto circa 2.700 osservatori (più di Angular), 47.000 stelle (più del doppio di Angular e più di 3/4 di React).
In questo articolo impareremo come creare un sistema di biglietteria nel mondo reale con Strapi e Vue.js, in cui gli utenti possono acquistare i biglietti per i prossimi eventi. Il nostro case study sarà un sistema per acquistare i biglietti per i film in uscita. Di cosa avrai bisogno per questo tu
Sommario Clone repository GitHub se sei passato direttamente al Part 4 di questa serie Cosa è stato fatto finora? Panoramica rapida Passaggio 1:crea un nuovo ramo git e verificalo Passaggio 2:rimuovi dist cartella da gitignore file Fase 3:crea vue.config.js file Fase 4:modifica il file in /src/rout
Dal nostro corso su Nozioni di base su JavaScript, abbiamo appreso che la gestione degli eventi è il concetto più importante nello sviluppo del frontend e Vue.js, essendo un framework frontend JavaScript deve avere lo stesso concetto integrato. In questo articolo ci concentreremo su due aspetti, la
Post originale:https://compositecode.blog/2022/01/12/a-shiny-new-vuejs-v3-web-app-using-deployed-to-amplify-appsync-cognito/ No cruft, iniziamo e basta. Prerequisiti Questi dettagli più il filo e alcune altre note sono disponibili e derivano dagli Amplify Docs che si trovano qui. Quello che ho fa
Modelli di trasmissione al rialzo e al ribasso Nella parte 2 di questa serie, abbiamo utilizzato i modelli $parent e $children per consentire ai componenti di comunicare in una gerarchia a tre livelli. Verso la fine, avevamo in mente una domanda per una gerarchia di componenti ancora più compless
Ciao artigiano, Nel blog di oggi ti mostrerò come possiamo aprire un altro blocco di opzioni selezionando unaltra opzione in vari tipi di input come radio, select, checkbox. Questo è utile quando non abbiamo opzioni elencate nelle opzioni fornite e vogliamo che tu inserisca la nostra risposta/opz