WebOntwikkeling 2024
DigitAP
  • Introductie
  • Tooling
    • Devcontainers
    • Git
    • Terminal en bash
  • NodeJS + TypeScript
    • Wat is NodeJS?
    • Waarom TypeScript?
    • Nieuw project
    • Input lezen
    • Type Systeem
      • Basic types
      • Arrays
      • Interfaces
      • Functions
    • Exceptions
    • Modules
    • Asynchroon Programmeren
      • Promises
      • Async/Await
      • Fetch
      • Extra voorbeelden
  • Express.js
    • Wat is een backend framework?
    • Basis
    • Nodemon
    • Statische Bestanden
    • EJS
    • Request
      • GET Request
      • POST Request
      • Multi-part form data
    • Response
    • Router
    • Middleware
    • Deployment
  • MongoDB
    • Wat is MongoDB?
    • MongoDB driver
    • Insert
    • Find
    • Limit & Sort
    • Query Operators
    • Update
    • Delete
    • Text Search
    • Gebruik in Express.js
      • CRUD
  • Security & Testing
    • Environment Variables
    • Cookies
    • Hashing & Encryptie
    • Sessions
      • Session Based Login
    • JWT Tokens
      • JWT NPM package
      • Tokens veilig opslaan
      • Token Based Login
    • Testing
  • Labos
    • 1. Tooling
    • 2. Basis
      • Hello Name
      • BMI Calculator
      • BMI Calculator Multi
      • Interest Calculator
      • Uren en Minuten
      • Wisselgeld
      • Name from Email
      • Text Box
    • 3. Arrays
      • Som van getallen
      • Puntenboek
      • Rot13
      • Pokemon Team
      • Todo List String
      • Tick Tac Toe
    • 4. Interfaces & functies
      • Interfaces
        • Recepten
        • Movies Objects
        • Todo List Objects
      • Functies
        • Math Fun
        • Short Notation
        • Array Sum
        • Movies Functions
        • Filter Numbers
        • At Least Two
    • 5. Async & fetch
      • Fake Fetch
      • Promise All
      • Slow Sum
      • Todo List Fetch
      • Cocktails Promise All
      • Bitcoin API
      • Joke API
      • School API
      • Cocktails API
      • Unix Timestamp API
    • 6. Modules en NPM Packages
      • Math Module
      • Export Interfaces
      • Cowsay Module
      • Cat GPT
      • Rainbow Chalk
    • 7. Express
      • Hello Express
      • DadJoke Express
      • Bitcoin current
    • 8. EJS + Static
      • Hello Express EJS
      • Cat Static
      • Maaltafels
      • Newspaper
    • 9. Get Request
      • Hello Query
      • Math Service
      • Newspaper Route
      • Newspaper Search
      • Steam
    • 10. Post Request
      • Pet Shelter
      • Redirect Form
      • Contact Form
    • 11. Router en Middleware
      • Router Combi
      • Utility Middleware
      • Rate Limiter
    • 12. Herhaling
      • Twitter
      • Word Guess
    • 13. Mongo Basics
      • Guestbook
      • MoviesDB
      • Pokemon Team
    • 14. Mongo Queries
      • Pet Shelter
      • Games DB
    • 15. Mongo + Express
      • Pet Shelter Express
      • Guestbook Express
      • Pokemon Team Express
    • 16. CRUD
      • Users CRUD
      • Pokedex
    • 17. Session & Cookies
      • Shopping Cookie
      • View Counter Cookies
      • View Counter Sessions
    • 18. Session based login
      • Login Express
      • Pokedex Express Sessions
    • 19. Token based login
      • JWT Sign
      • Login Express JWT
    • 20. Testing
      • Math Test
      • String Test
      • Math Express Test
      • Form Express Test
      • Pet Shelter Express Test
    • 21. Herhaling
      • Youtube Favorites
      • Beerster
    • Extra oefeningen
      • DNA Match
      • View Counter
      • Hogwarts Express CRUD
  • Project
    • Voorbereiding (devcontainer + github)
    • Semester 2
      • Milestone 1 - Terminal App
      • Milestone 2 - Express
      • Milestone 3 - MongoDB
      • Milestone 4 - Security
Powered by GitBook
On this page
  • Theorie
  • Devcontainer opzetten
  • Git en Terminal
Export as PDF
  1. Labos

1. Tooling

PreviousTestingNext2. Basis

Last updated 3 months ago

Theorie

Bekijk voor het labo aan te vangen eerst de volgende topics:

Devcontainer opzetten

  • Github account aanmaken met je AP e-mailadres

  • Je kan de volgende invite link gebruiken om de repository te clonen:

  • Volg de instructies in de sectie om een devcontainer op te zetten.

Git en Terminal

  • Pas het README.md bestand aan en vervang de content met je eigen naam en je AP email adres.

  • Gebruik het commando git add om je wijzigingen toe te voegen aan de staging area.

  • Gebruik het commando git commit om je wijzigingen te committen. Geef je commit een zinvolle boodschap.

  • Gebruik het commando git push om je wijzigingen naar de remote repository te pushen.

  • Ga na of je wijzigingen zichtbaar zijn door via de browser naar de repository te gaan (via github.com).

  • Maak een nieuwe map labos in de root van je project. Dit moet je aan de hand van de terminal doen. Ga vervolgens naar de map labos in de terminal.

  • Maak een nieuwe map labo1 in de map labos en ga naar de map labo1 in de terminal.

  • Maak een nieuw bestand oefeningen.md aan in de map labo1 en open het bestand in visual studio code.

  • Maak een wijziging in het bestand en voeg vervolgens alle wijzigingen toe aan de staging area, commit en push ze naar de remote repository.

  • Maak een nieuwe map backup en kopiëer het bestand oefeningen.md naar de map backup.

  • Maak een kopie van het bestand oefeningen.md in de backup directory en noem het oefeningen2.md.

  • Maak een kopie van de directory backup en noem het backup2.

  • Zorg dat alle wijzigingen in de terminal zichtbaar zijn in de remote repository (git add, commit, push)

  • Verwijder de map backup2 volledig.

  • Zorg dat deze wijziging ook zichtbaar is in de remote repository (git add, commit, push)

Devcontainers
Git
Terminal en bash
Github Classroom
Devcontainers