Vi har redan behandlat Angular.js och React i tidigare artiklar men det finns ett nytt frontend-bibliotek som vi tycker är värt din tid. Den heter Vue.js och den har samlat en stor grupp av entusiastiska utvecklare. Filosofin bakom Vue.js är att tillhandahålla enklast möjliga API för att skapa tvåv
Idag ska vi träna våra Vue.js-färdigheter genom att bygga en enkel app för att bläddra i reddit-inlägg. Vi kommer att konstruera det hela från början för att visa hur enkelt det är att skapa användargränssnitt med ett ramverk som Vue. Denna handledning kräver att du har åtminstone en del grundlägga
Introduktion En bekräftelsedialog är ett gränssnittsmönster där användaren får ett val att fortsätta med sin åtgärd eller avbryta den. Det används ofta med destruktiva eller oåterkalleliga åtgärder, för att säkerställa att användaren verkligen vill fortsätta. I den här artikeln kommer vi att imple
Introduktion GraphQL är ett graforienterat frågespråk skrivet av Facebook. Till skillnad från REST API:er introducerar GraphQL funktioner som gör API-utvecklingen mer effektiv och i samklang med databasmodeller. GraphQL-funktioner Till skillnad från REST , det finns bara en slutpunkt dit alla förf
Introduktion Vue-Router är ett JavaScript-paket som låter dig ställa in routing för Single Page Applications (SPA). SPA hänvisar till en webbapplikation som endast betjänar en enda index.html sida och renderar innehåll dynamiskt, eftersom moderna JavaScript-ramverk som React.js eller Vue.js med st
Vad är AJAX? Asynkront Javascript och XML (AJAX), är ett sätt att kommunicera till en webbserver från en applikation på klientsidan via HTTP eller HTTPS protokoll. Även om AJAX har XML i namnet, så behöver inte sättet som data skickas genom förfrågningar eller tas emot vara XML, utan även vanlig t
AJAX-integrering med REST API Tack för att du följde med mig för det femte inlägget om att använda Vue.js och Flask för full-stack webbutveckling. Det här inlägget kommer att vara ganska kort, men mycket värdefullt eftersom jag kommer att demonstrera hur man ansluter front-end- och back-end-applika
JWT-autentisering Välkommen till den sjätte delen av denna flerdelade handledningsserie om full-stack webbutveckling med Vue.js och Flask. I det här inlägget kommer jag att demonstrera ett sätt att använda JSON Web Token (JWT) autentisering. Koden för detta inlägg finns på mitt GitHub-konto under
Distribution till en virtuell privat server Välkommen till den sjunde och sista delen av denna flerdelade handledningsserie om full-stack webbutveckling med Vue.js och Flask. I det här inlägget kommer jag att demonstrera hur man distribuerar applikationen som byggts under den här serien. Koden för
Konfigurera och lära känna Vue.js Introduktion Detta är öppningsinlägget till en handledningsserie om att använda Vue.js och Flask för webbutveckling i full stack. I den här serien kommer jag att demonstrera hur man bygger en enkätwebbapp där applikationsarkitekturen består av en front-end som best
Navigera i Vue Router Välkommen till det andra inlägget om att använda Vue.js och Flask för full-stack webbutveckling. Huvudämnet i den här artikeln kommer att vara på Vue Router, men jag kommer också att täcka v-modelldirektivet, såväl som Vue-metoder och beräknade egenskaper. Som sagt, ta något k
State Management med Vuex Tack för att du kom med mig för det tredje inlägget om att använda Vue.js och Flask för full-stack webbutveckling. Huvudämnet i det här inlägget kommer att vara att använda vuex för att hantera tillstånd i vår app. För att introducera vuex kommer jag att demonstrera hur ma
En betydande produktivitetsmilstolpe i min programmeringskarriär var att lära mig att felsöka korrekt. De säger att det är viktigt i skolan. Men precis som programmering blir du inte bättre om du inte lägger ner timmarna. Felsökning sker i alla stadier av utvecklingscykeln. Oavsett om du utveckla
Populariteten för Vue.js har klättrat ganska snabbt. Den har inte nått nivåerna för Angular eller React än, men under det år som den nuvarande VueJS-repo har funnits på Github har den fått cirka 2 700 tittare (mer än Angular), 47 000 stjärnor (mer än dubbelt så många som Angular och mer än 3/4 av Re
I den här artikeln kommer vi att lära oss hur man bygger ett verkligt biljettsystem med Strapi och Vue.js, där användare kan köpa biljetter till kommande evenemang. Vår fallstudie kommer att vara ett system för att köpa biljetter till kommande filmer. Vad du behöver för den här handledningen Grund
Innehållsförteckning Klona GitHub-arkivet om du har hoppat direkt till Part 4 i den här serien Vad har gjorts hittills? Snabb översikt Steg 1:Skapa en ny git-gren och checka ut till den Steg 2:Ta bort dist mapp från gitignore fil Steg 3:Skapa vue.config.js fil Steg 4:Ändra fil vid /src/router/index
Från vår kurs om JavaScript-grunderna lärde vi oss att händelsehantering är det viktigaste konceptet i frontend-utveckling, och Vue.js, som är ett JavaScript-frontend-ramverk, måste ha samma koncept inbyggt. I den här artikeln kommer vi att fokusera på två aspekter, händelsehantering med direktivet
Ursprungligt inlägg:https://compositecode.blog/2022/01/12/a-shiny-new-vuejs-v3-web-app-using-deployed-to-amplify-appsync-cognito/ Inget krångel, låt oss bara börja. Förutsättningar Dessa detaljer plus garn och några andra anteckningar är tillgängliga och härledda från Amplify Docs som finns här.
Sändningsmönster uppåt och nedåt I del 2 av den här serien använde vi mönstren $parent och $children för att göra det möjligt för komponenter att kommunicera i en hierarki på tre nivåer. Mot slutet hade vi en fråga i åtanke för en ännu mer komplex hierarki av komponenter, t.ex. vad händer om det
Hej hantverkare, I dagens blogg kommer jag att visa dig hur vi kan öppna ett annat alternativblock genom att välja ett annat alternativ i olika ingångstyper som radio, välj, kryssruta. Detta är användbart när vi inte har några alternativ listade i givna alternativ och vi vill att du lägger in vår