Vi har allerede dekket Angular.js og React i tidligere artikler, men det er et nytt frontend-bibliotek som vi synes er verdt tiden din. Den heter Vue.js, og den har samlet et stort fellesskap av entusiastiske utviklere. Filosofien bak Vue.js er å tilby enklest mulig API for å lage sanntids, toveis
I dag skal vi trene våre Vue.js-ferdigheter ved å bygge en enkel app for å bla gjennom reddit-innlegg. Vi skal konstruere det hele fra bunnen av for å demonstrere hvor enkelt det er å lage brukergrensesnitt med et rammeverk som Vue. Denne opplæringen krever at du minst har grunnleggende kunnskap om
Introduksjon En bekreftelsesdialog er et UI-mønster der brukeren vil få et valg om å fortsette med handlingen eller avbryte den. Det brukes ofte med destruktive eller irreversible handlinger, for å sikre at brukeren virkelig ønsker å fortsette. I denne artikkelen skal vi implementere en gjenbrukba
Introduksjon GraphQL er et graforientert spørrespråk skrevet av Facebook. I motsetning til REST APIer, introduserer GraphQL funksjoner som gjør API-utvikling mer effektiv og i harmoni med databasemodeller. GraphQL-funksjoner I motsetning til REST , er det bare ett endepunkt hvor alle forespørsler
Introduksjon Vue-Router er en JavaScript-pakke som lar deg sette opp ruting for Single Page Applications (SPA). SPA refererer til en nettapplikasjon som kun betjener en enkelt index.html side og gjengir innhold dynamisk, ettersom det mest sannsynlig er slik moderne JavaScript-rammeverk som React.j
Hva er AJAX? Asynkron Javascript og XML (AJAX), er en måte å kommunisere til en webserver fra en klientsideapplikasjon gjennom HTTP eller HTTPS protokoll. Selv om AJAX har XML i navnet, trenger ikke måten data sendes gjennom forespørsler eller mottas på være XML, men også ren tekst, eller i de fle
AJAX-integrasjon med REST API Takk for at du ble med meg for det femte innlegget om bruk av Vue.js og Flask for full-stack webutvikling. Dette innlegget vil være ganske kort, men svært verdifullt ettersom jeg skal demonstrere hvordan man kobler sammen front-end- og back-end-applikasjonene ved å bru
JWT-autentisering Velkommen til den sjette delen av denne flerdelte opplæringsserien om full-stack webutvikling ved bruk av Vue.js og Flask. I dette innlegget vil jeg demonstrere en måte å bruke JSON Web Token (JWT) autentisering på. Koden for dette innlegget finner du på GitHub-kontoen min under
Distribusjon til en virtuell privat server Velkommen til den syvende og siste delen av denne flerdelte opplæringsserien om full-stack webutvikling ved bruk av Vue.js og Flask. I dette innlegget vil jeg demonstrere hvordan du distribuerer applikasjonen som er bygget gjennom denne serien. Koden for
Oppsett og bli kjent med Vue.js Introduksjon Dette er åpningsinnlegget til en opplæringsserie om bruk av Vue.js og Flask for full stack webutvikling. I denne serien skal jeg demonstrere hvordan man bygger en undersøkelseswebapp der applikasjonsarkitekturen består av en frontend som består av en Vue
Navigering av Vue-ruteren Velkommen til det andre innlegget om bruk av Vue.js og Flask for full-stack webutvikling. Hovedemnet i denne artikkelen vil være på Vue Router, men jeg vil også dekke v-modelldirektivet, samt Vue-metoder og beregnede egenskaper. Når det er sagt, ta noe koffeinholdig og spi
State Management med Vuex Takk for at du ble med meg for det tredje innlegget om bruk av Vue.js og Flask for full-stack webutvikling. Hovedtemaet i dette innlegget vil være bruk av vuex for å administrere tilstanden i appen vår. For å introdusere vuex vil jeg demonstrere hvordan du refaktoriserer H
En betydelig produktivitetsmilepæl i programmeringskarrieren min var å lære å feilsøke riktig. De forteller deg at det er viktig på skolen. Men som programmering blir du ikke bedre med mindre du legger ned timene. Feilsøking skjer i alle stadier av utviklingssyklusen. Det være seg når du utvikler
Populariteten til Vue.js har steget ganske raskt. Den har ikke nådd nivåene til Angular eller React ennå, men i året som den nåværende VueJS-repoen har eksistert på Github, har den fått omtrent 2 700 seere (mer enn Angular), 47 000 stjerner (mer enn dobbelt så mange som Angular og mer enn 3/4 av Rea
I denne artikkelen lærer vi hvordan du bygger et virkelig billettsystem med Strapi og Vue.js, hvor brukere kan kjøpe billetter til kommende arrangementer. Vår casestudie vil være et system for å kjøpe billetter til kommende filmer. Hva du trenger for denne opplæringen Grunnleggende kunnskap om Vue
Innholdsfortegnelse Klon GitHub-depotet hvis du har hoppet rett til Part 4 av denne serien Hva er gjort så langt? Rask oversikt Trinn 1:Opprett ny git-gren og sjekk ut til den Trinn 2:Fjern dist mappe fra gitignore fil Trinn 3:Opprett vue.config.js fil Trinn 4:Endre fil ved /src/router/index.js/ T
Fra kurset vårt om grunnleggende JavaScript lærte vi at hendelseshåndtering er det viktigste konseptet i frontend-utvikling, og Vue.js, som er et JavaScript-frontend-rammeverk, må ha det samme konseptet innebygd. I denne artikkelen skal vi fokusere på to aspekter, hendelseshåndtering med direktivet
Opprinnelig innlegg:https://compositecode.blog/2022/01/12/a-shiny-new-vuejs-v3-web-app-using-deployed-to-amplify-appsync-cognito/ Ingen krumspring, la oss bare begynne. Forutsetninger Disse detaljene pluss garn og noen få andre notater er tilgjengelige og hentet fra Amplify Docs som ligger her. D
Mønstre for kringkasting oppover og nedover I del 2 av denne serien brukte vi $parent- og $children-mønstrene for å gjøre det mulig for komponenter å kommunisere i et tre-nivå hierarki. Mot slutten hadde vi et spørsmål i tankene for et enda mer komplekst hierarki av komponenter, f.eks. hva om det
Hei håndverker, I dagens blogg skal jeg vise deg hvordan vi kan åpne en annen alternativblokk ved å velge et annet alternativ i forskjellige inngangstyper som radio, velg, avkrysningsboks. Dette er nyttig når vi ikke har alternativer oppført i gitte alternativer og vi vil at du legger inn vårt eg