Vue 3

Lang sigtet:

Viden:

1. Data interpolation i Vue.js
   Anvendelse af data interpolation i Vue.js til at dynamisk vise data i komponenternes templates ved hjælp af dobbelt krøllede parenteser {{ }}.
   

2. Installtion af vue.js pakker:
   Viden om installation af de forskellige vue.js pakker til at oprette et vue-projekt. med npm.
   

3. Oprettelse af Komponenter:
   Viden omkring oprettelse af komponenter, som parent-komponent og child-komponent.
   

4. Dataudveksling mellem komponenter:
   Viden omkring at sende data fra det ene komponent til det andet via brug af emits og props.

Færdigheder:

1. Oprettelse af parent og child komponent:
   Oprettelse af parent og child komponent, håndtering af props og emits for dataveksling mellem dem.
   

2. Dynamisk routing og navigation:
   Implementere dynamisk routing og navigere ved hjælp af vue Router for at håndtere forskellige sider og komponenter i applikation.
   

3. Genanvendelige vue-komponenter:
   Oprettelse af genanvendlige vue-komponenter med tilhørende templates, scrips og styles for en modulære opbygning.
   

4. HTTP-forespørgsler med Axios:
   Anvendelse af Axios til at foretage HTTP-forespørgsler til backend-serveren via API-kald for at udføre CRUD-operationer på MongoDB-databasen gennem en Express server.
   

Kompetencer:

1. Projektopsætning fra Bunden:
   Oprettelse af et Vue.js-projekt fra bunden ved hjælp af forskellige værktøjer som Vue CLI og Vite, og navigere gennem projektets struktur og konfiguration for at tilpasse det til krav fra PO.

2. Opfyldelse af Krav og Specifikationer:
   Studerende har opfyldt de minimumskrav og specifikationer, der er sat af PO.
   

3. Fejlfinding og Debugging:
   Fejlfinding og debugging med Vue DevTools til fejlfinding og debugging af Vue-komponenter og applikationer.
   

4. Event Binding:
   Oprettelse af event binding i Vue-komponenter, såsom at binde knapper til metoder for at udføre operationer som dataforespørgsler, opdateringer og brugerinteraktioner.

Lang sigtet:

Viden:

1. Opsætning af MongoDB Atlas:
   Kendskab til hvordan man opsætter og konfigurerer en MongoDB-database på MongoDB Atlas, herunder oprettelse af en database og et cluster.
   

2. Grundlæggende databasebegreber:
   Forståelse af grundlæggende databasebegreber og principper, såsom dokumentbaserede databaser, collections, dokumenter og CRUD-operationer.
   

3. Forbindelse mellem frontend og backend:
   Viden om, hvordan man forbinder en Vue.js frontend med en backend bygget med Express, og hvordan man bruger Axios til at foretage API-kald til backend-serveren.
   

4. Brug af MongoDB Shell via VS Code Terminal:
   Viden omkring brug af MongoDB shell via VS Code terminal til at oprette, læse, opdatere og slette data i MongoDB-databasen.

Færdigheder:

1. CRUD-operationer med MongoDB:
   Evnen til at bruge MongoDB shell fra VS Code til at oprette, læse, opdatere og slette data i en MongoDB Atlas-database.
   

2. Implementering af API-kald med Axios:
   Anvendelse af Axios i Vue.js til at foretage asynkrone HTTP-forespørgsler til en Express backend for at hente og sende data til MongoDB Atlas.
   

3. Databaseforbindelse i Express:
   Oprettelse af en forbindelse fra en Express server til MongoDB Atlas, og håndtering af CRUD-operationer gennem Express routes.
   

4. Frontend-backend integration:
   Evnen til at forbinde en Vue.js frontend med en Express backend og MongoDB database for at udvikle en funktionel webshop, herunder produktlister, indkøbskurv.

Kompetencer:

1. Projektudvikling med databaseintegration:
   Evnen til at oprette et Vue.js projekt med en integreret MongoDB-database via Express backend for at løse en konkret problemstilling, såsom udvikling af en webshop.
   

2. Opfyldelse af kravspecifikationer:
   Studerende har opfyldt de vigtigste krav fra kravspecifikationen sat af PO, ved at udvikle en funktionel applikation med en databaseintegration.
   

3. Reel problemstilling:
   Brug af MongoDB Atlas til at løse en reel problemstilling, som f.eks. at bygge en webshop til en virksomhed, hvor produkter loades fra MongoDB, og brugere kan tilføje og slette produkter fra indkøbskurven.
   

4. Anvendelse af Axios til CRUD-operationer:
   Evnen til at bruge Axios i frontend til at foretage HTTP-forespørgsler via en Express backend for at udføre CRUD-operationer på MongoDB collections.

MongoDB