Bronvermelding

Hierin vindt je de bronnen die ik heb gebruikt per hoofdstuk.

Algemeen

• Docent: Ivo Nijhuis (project-tech)
• Docent: Robert Spier (front-end)
• Docent: Janno Kapritsias (back-end)
• Medestudenten: TEC1
• Design with canva. (1BC). Canva. https://www.canva.com/
• INSPIRATIE & INZICHTChatGTP
• AFBEELDINGEN Flaticon. (z.d.). Choose among 221,235 packs of vector icons. https://www.flaticon.com/packs
• GIFS R. (2022b, augustus 9). Anime-gif’s | Tenor. Tenor. https://tenor.com/nl/search/anime-gifs

Concept

Algemene informatie:

• GITHUB PROJECT TECH

Specifieke informatie:

Job Stories

• Klement, A. (2018a, juni 20). 5 Tips For Writing A Job Story - Jobs to be Done. Medium. https://jtbd.info/5-tips-for-writing-a-job-story-7c9092911fc9
• Klement, A. (2018, 3 juli). Replacing The User Story With The Job Story - Jobs to be Done. Medium. https://jtbd.info/replacing-the-user-story-with-the-job-story-af7cdee10c27

Requirements

• Agile Business. (z.d.). Chapter 15: Requirements and user stories. https://www.agilebusiness.org/dsdm-project-framework/requirements-and-user-stories.html

Configuration

Algemene informatie:

• GITHUB PROJECT TECH
• GITHUB FRONTEND
• GITHUB BACKEND TECH

Specifieke informatie:

Version Control

• Git. (z.d.). https://git-scm.com/
• Atlassian. (z.d.). Getting Git Right. https://www.atlassian.com/git
• An Intro to Git and GitHub for Beginners (Tutorial). (z.d.). https://product.hubspot.com/blog/git-and-github-tutorial-for-beginners
• Apache Subversion. (z.d.). https://subversion.apache.org/
• Mercurial SCM. (z.d.). https://www.mercurial-scm.org/
• Atlassian. (z.d.-c). Perforce naar Git: waarom de overstap? | Atlassian. https://www.atlassian.com/nl/git/tutorials/perforce-git

Local Dev Environment

• Visual Studio Code - Code Editing. Redefined. (2021, 3 november). https://code.visualstudio.com/
• A. (2022, 3 februari). Wat is een Command Line Interface en waarom heb ik er één nodig? INNOV8ION. https://innov8ion.nl/blog/wat-is-een-command-line-interface-en-waarom-heb-ik-er-een-nodig-2/
• Prettier · Opinionated Code Formatter. (z.d.). https://prettier.io/
• Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter. (2023, 10 maart). https://eslint.org/

Linters and Standards

• Find and fix problems in your JavaScript code - ESLint - Pluggable JavaScript Linter. (2023, 10 maart). https://eslint.org/
• Home | Stylelint. (z.d.). https://stylelint.io/
• Kovalyov, A. (z.d.). JSHint, a JavaScript Code Quality Tool. https://jshint.com/

Deployment

• U. (2021, 27 augustus). What is Deployment? https://umbraco.com/knowledge-base/deployment/
• Wat is hosting? (2022, 18 oktober). one.com. https://www.one.com/nl/webhosting/wat-is-hosting
• Cloud 66 vs Heroku | Cloud 66. (z.d.). https://www.cloud66.com/compare/cloud66-vs-heroku/?utm_source=g&utm_medium=a&utm_campaign=R-heroku0321&gclid=Cj0KCQjw2cWgBhDYARIsALggUhprUdYd_oXG9dR9dcKn-Y1o6z0kFi-9Fyy0m8InjMGmpU0RzudZY8waAgA7EALw_wcB
• App Engine Application Platform  |  Google Cloud. (z.d.). Google Cloud. https://cloud.google.com/appengine
• AWS Elastic Beanstalk - Overview of Deployment Options on AWS. (z.d.). https://docs.aws.amazon.com/whitepapers/latest/overview-deployment-options/aws-elastic-beanstalk.html
• Maak vandaag nog uw gratis Azure-account | Microsoft Azure. (z.d.). Microsoft Azure. https://azure.microsoft.com/nl-nl/free/apps/search/?&ef_id=Cj0KCQjw2cWgBhDYARIsALggUhqrWT6UbrotjAX5IKEIU2xQovWNaj3jV_y3fuj2jMoCyQ8z3YE17yEaAg5iEALw_wcB:G:s&OCID=AIDcmmy4pl1olr_SEM_Cj0KCQjw2cWgBhDYARIsALggUhqrWT6UbrotjAX5IKEIU2xQovWNaj3jV_y3fuj2jMoCyQ8z3YE17yEaAg5iEALw_wcB:G:s&gclid=Cj0KCQjw2cWgBhDYARIsALggUhqrWT6UbrotjAX5IKEIU2xQovWNaj3jV_y3fuj2jMoCyQ8z3YE17yEaAg5iEALw_wcB
• What is PaaS (Platform-as-a-Service)?  | IBM. (z.d.). https://www.ibm.com/topics/paas#:~:text=PaaS%2C%20or%20Platform%2Das%2Da%2DService%2C%20is,maintaining%20that%20platform%20on%2Dpremises.
• What is IaaS (Infrastructure-as-a-Service)? | IBM. (z.d.). https://www.ibm.com/topics/iaas#:~:text=the%20next%20step-,What%20is%20IaaS%20(Infrastructure%2Das%2Da%2DService)%3F,as%2Dyou%2Dgo%20basis.

Dev Dependencies & Dependencies

• What is npm. (z.d.). https://www.w3schools.com/whatis/whatis_npm.asp
• Package.json | Studieanker. (z.d.). https://www.studieanker.be/node/ch5-package.json.html#het-bestand-package-json
• npm: body-parser. (z.d.). npm. https://www.npmjs.com/package/body-parser
• npm: dotenv. (z.d.). npm. https://www.npmjs.com/package/dotenv
• npm: ejs. (z.d.). npm. https://www.npmjs.com/package/ejs
• npm: express. (z.d.). npm. https://www.npmjs.com/package/express
• npm: mongodb. (z.d.). npm. https://www.npmjs.com/package/mongodb

Server-side

Algemene informatie:

• GITHUB BACKEND TECH

Specifieke informatie:

Templating engine

• EJS -- Embedded JavaScript templates. (z.d.). https://ejs.co/
• Handlebars. (z.d.). https://handlebarsjs.com/
• Getting Started – Pug. (z.d.). https://pugjs.org/api/getting-started.html
• npm: express-handlebars. (z.d.). npm. https://www.npmjs.com/package/express-handlebars

Application & Database structure's

• MongoDB. (z.d.). MongoDB: The Developer Data Platform. https://www.mongodb.com/
• Wat is MongoDB? | AppMaster. (z.d.). AppMaster - ultimate all-in no-code platform. https://appmaster.io/nl/blog/wat-is-mongodb
• Bormon, M. (2022, 7 maart). What is Mongoose? - Monib Bormon - Medium. Medium. https://medium.com/@monibbormon14/what-is-mongoose-c1bc3031cc08

HTTP Status

• Wikipedia-bijdragers. (2022, 9 november). Hypertext Transfer Protocol. Wikipedia. https://nl.wikipedia.org/wiki/Hypertext_Transfer_Protocol
• HTTP Status Codes. (2022, 8 juni). Rapid API Guides. https://rapidapi.com/guides/http-status-code?utm_source=google&utm_medium=cpc&utm_campaign=DSA&utm_term=_&gclid=CjwKCAjw_MqgBhAGEiwAnYOAeh9nzS_TuCOSWTeikLiaMIgtHuuRKXlofwD92rbR51tYLpXq4NmjlBoCcXEQAvD_BwE
• Van Hemelrijck, M. (2022, 28 mei). Wat is HTTPS (en waarom is het cruciaal voor je website)? Webadvisor. https://webadvisor.be/wat-is-https-website/

Client-side

Algemene informatie:

• GITHUB FRONTEND

Specifieke informatie:

Progressive Enhancement

• Progressive Enhancement - MDN Web Docs Glossary: Definitions of Web-related terms | MDN. (2023, 21 februari). https://developer.mozilla.org/en-US/docs/Glossary/Progressive_Enhancement
• Progressive Enhancement: What It Is, And How To Use It? — Smashing Magazine. (2009, 22 april). Smashing Magazine. https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/
• Progressive Enhancement | Gatsby. (z.d.). Gatsby. https://www.gatsbyjs.com/docs/glossary/progressive-enhancement/

API's research

• Web APIs | MDN. (2023, 20 februari). https://developer.mozilla.org/en-US/docs/Web/API
• Animechan – Guide. (z.d.). Animechan. https://animechan.vercel.app/docs
• Wat is een API en wat kan je ermee? (z.d.). Salesforce NL Blog. https://www.salesforce.com/nl/blog/2019/10/wat-is-een-api.html

Client-side Component

• Wat is Client-side? - Online Marketing Agency. (2021, 15 december). Online Marketing Agency. https://onlinemarketingagency.nl/marketingtermen/client-side/
• Wikipedia contributors. (2022, 14 oktober). Client-side. Wikipedia. https://en.wikipedia.org/wiki/Client-side