Code Monkey home page Code Monkey logo

be-course-20-21's People

Contributors

dandevri avatar daoneandonly avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

be-course-20-21's Issues

Week 1

Package

Name

Jelle Kitzen

Class

212, tech-1 a

Repo link

https://github.com/jellekitz/Matching-application

Summary

Ik ben eerst de video's wezen kijken voor een geheugen opfris momentje aangezien ik direct na de les back-end richting werk moest. Aangezien ik de slides van Front-end al een beetje had ingekeken, had ik al een soort folder structuur aangemaakt (of het nou zoals ik gedaan heb de bedoeling was dat is nog maar de vraag) en kon hierdoor dan ook meteen aan de slag.

Ik ben begonnen met het aanmaken van een "package.json" door middel van het commando "npm init". Nadat ik deze had ingevuld ben ik begonnen met het installeren van verschillende modules zoals camelcase & sass (dependencies) en nodemon (devdependency). Daarna heb ik een start script aangemaakt "nodemon js/index.js" en in de index.js een console.log neergezet.

Tot zover is het gelukt en in mijn terminal krijg ik de console.log te zien. Om mijn voortgang op github te zetten heb ik via de terminal een link gemaakt met github zodat ik voortaan alles kan pushen naar github.

Tussendoor en omdat ik het zo graag beter wil begrijpen heb ik geprobeerd de freeCodeCamp exercise te doen. Helaas kreeg ik deze niet aan de praat... Je moest een link opgeven en je project online hosten of zoiets dergelijks??? Ik heb geprobeerd een oplossing te vinden hier voor maar omdat ik ook aan me andere huiswerk moest heb ik het maar even gelaten zoals het is.

Ook heb ik geprobeerd de learnyounode oefening te doen in de terminal. Oefening 1 was easy maar oefening 2 was echt VER, VERRRRR boven mijn kennis. Basis javascript lukt me wel maar als ik loops moet schrijven dan wordt ik onzeker (of is dit de basis?) ik wil er nog even niet aan denken...

Resources used

Creager, J. (2016, 16 juni). learnyounode Lesson 2 – Baby Steps. https://joecreager.com/. https://joecreager.com/learnyounode-lesson-2-baby-steps/

Cerminara, N. (2021, 28 januari). How to Push an Existing Project to GitHub. DigitalOcean. https://www.digitalocean.com/community/tutorials/how-to-push-an-existing-project-to-github

Alle vids van week 1

Any thoughts?

Tot zover lukt het wel maar als dit het niveau is voor week 1 dan kijk ik er stiekem wel tegenop.

Week 1

Package

Name

Danny Frelink

Class

Tech 3, 211

Repo link

https://github.com/dannyfrelink/Blok-Tech

Summary

Ik heb alle stappen van het huiswerk aangemaakt. Ik vond het vrij lastig om allemaal zelfstandig uit te vogelen, omdat ik de uitleg vrij onduidelijk vond over het algemeen. Ik heb geprobeerd om ook te werken met pushen naar Github vanuit de Terminal, maar dat werkte maar half. Mijn push staat nu in een aparte Branche op mijn Github, maar het lukt niet om deze samen te voegen met een pull request.

Resources used

https://www.youtube.com/watch?v=wrb7Gge9yoE
https://youtu.be/2V1UUhBJ62Y
Alle gekregen bronnen op Github

Any thoughts?

Ik vond het huiswerk erg lastig en ook de uitleg vond ik erg onduidelijk om mij op weg te helpen. Voelde redelijk alsof we gewoon in het diepe werden gegooid onder het motto: zoek het maar uit.

Week 1

Package

Name

Marloes Tacx

Class

Tech 3

Repo link

https://github.com/marloestacx/bloktech

Summary

Een nieuwe repo gemaakt op github en met npm packages geinstalleerd.

Resources used

Documentatie van npm.

Any thoughts?

Ik vond soms de uitleg van de opdracht een beetje onduidelijk, wat er nou precies gedaan moest worden.

Week 1

Package

Name

Kai van Wezel

Class

205 Tech 1

Repo link

https://github.com/KaivWezel/Bloktech

Summary

Got introduced to nodejs and the node package manager. Learned how the package.json should be written and what each section is for. Additionally I learned about .gitignore which I not fully understand yet.

Resources used

https://www.freecodecamp.org/news/introduction-to-npm-scripts-1dbb2ae01633/

https://www.youtube.com/watch?v=HVsySz-h9r4&list=PL-osiE80TeTuRUfjRe54Eea17-YfnOOAx

https://docs.npmjs.com/cli/v6/using-npm/scripts

Any thoughts?

I find it difficult to understand everything that is happening while at the same time actually doing it. I'm eager to understand what's going on before I start dropping files and text everywhere.

Week 1

Package

Name

Ashley Keuning

Class

Tech 3

Repo link

https://github.com/ashleyKeuning/Matching-App.git

Summary

ik heb voor het eerst met de terminal gewerkt, ik heb een boilerplate gemaakt, een package.json toegevoegd.
verder heb ik express, nodemon en camelcase geïnstalleerd. als laatst heb ik een run script gemaakt en en .gitignore mapje aangemaakt.
ondertussen heb ik ook wat artikelen gelezen die werd gezet in de GitHub, als selfstudy.

Resources used

Any thoughts?

ik vond het eerlijk gezegd best moeilijk voor een eerste keer, het was heel wat informatie in één keer, maar na wat artikelen lezen en vragen stellen was het wel te doen doen. :)

Week 1

Package

Name

Fabian Vis

Class

Klas 210 Tech 2

Repo link

https://github.com/fabian-vis/matching-app

Summary

Ik ben begonnen met de theorie. Ik vond dit aan het begin erg lastig en best overweldigend. Ik heb geprobeerd de opdrachten te maken van FreeCodeCamp maar ik kwam er niet helemaal uit. Toen ben ik zelf maar gaan zoeken op het internet gaan zoeken.

Allereerst ben ik gaan zoeken naar hoe ik een package.json file moet opstellen. Ik heb toen op internet gezocht en ben er toen redelijk goed uitgekomen. Vervolgens heb ik het package.json file helemaal ingevuld en 2 NPM package toegevoegd. camelcase als dependencie en nodemon als devdependencie. Daarna heb ik een kleine script toegevoegd om te kijken of ik deze kon runnen via de terminal.

Resources used

-, -. (z.d.). HeyNode. HeyNode. Geraadpleegd op 5 februari 2021, van https://heynode.com/tutorial/create-packagejson-file
What is this Javascript “require”? (2012, 28 maart). Stack Overflow. https://stackoverflow.com/questions/9901082/what-is-this-javascript-require#:%7E:text=The%20require()%20method%20is,use%20the%20require()%20method
Avery, D. (2018, 21 juni). NPMmmm #1: Dev Dependencies, Dependencies - Dylan Avery. Medium. https://medium.com/@dylanavery720/npmmmm-1-dev-dependencies-dependencies-8931c2583b0c#:%7E:text=The%20difference%20between%20these%20two,are%20also%20required%20at%20runtime.
Copes, F. (2018, 16 augustus). npm global or local packages. flaviocopes. https://flaviocopes.com/npm-packages-local-global/

Any thoughts?

Ik vond het lastig om op te starten. Dit is waarschijnlijk omdat node helemaal nieuw voor mij was maar na veel gewoon te proberen ben ik er uit eindelijk uit gekomen.

Week 1

Package

Name

Ediz Yegenoglu

Class

205

Repo link

https://github.com/EdizYegenoglu/ProjectTech

Summary

Tot nu toe heb ik me een beetje ingelezen en ben ik begonnen aan de oprachten. Het begon niet zo goed omdat ik weer vast zat in de terminal (dit is opgelost dankzij de studentassistenten, thanks).

Ik zit momenteel nog te puzzelen wat er nou gebeurd bij de stappen "run scripts" en hoe ik het .gitignore bestand maak. Ik dacht eerst door touch te gebruiken maar dan moet ik een bestandstype gebruiken.

het komt erop neer dat ik een klein stapje achterloop op dit moment.

Resources used

studentassistenten
video's en artikelen van week 1
https://stackoverflow.com/questions/10744305/how-to-create-a-gitignore-file (nog geen succes)
https://www.npmjs.com/package/match-sorter

Any thoughts?

Het huiswerk is ondanks het stappenplan nog een beetje onduidelijk / moeilijk voor mij om te volgen.

Week 1

Package

Name

Djescho Mananga

Class

TECH2

Repo link

https://github.com/Djescho/Project-Tech

Summary

Ik heb geoefend met node. Ik begreep niet hoe celback functies werkte dus daar heb ik veel over moeten opzoeken. Ik begrijp het steeds beter, maar heb nog niet t idee dat mijn beeld compleet is. Ik heb geleerd hoe je navigeert binnen de terminal en bestanden schrijft en uitvoert. Ik weet nu hoe ik een package.json file moet aanmaken en bijhouden. Ik begrijp het verschil tussen dependenties en dev-dependencies. Ook heb ik geleerd hoe je je bestanden upload naar Github via de terminal.

Resources used

https://www.youtube.com/watch?v=TlB_eWDSMt4&t=312s
https://www.youtube.com/watch?v=uVwtVBpw7RQ&t=150s
https://www.youtube.com/watch?v=ENrzD9HAZK4&t=47s
https://www.youtube.com/watch?v=pU9Q6oiQNd0
https://www.youtube.com/watch?v=ui4-OADfgIk&t=375s
https://www.youtube.com/watch?v=haz4SBcEYAw&t=160s
https://www.tutorialspoint.com/nodejs/nodejs_callbacks_concept.htm
https://medium.com/better-programming/callbacks-in-node-js-how-why-when-ac293f0403ca
https://stackoverflow.com/questions/19739755/nodejs-callbacks-simple-example

Any thoughts?

Zelf vond ik het erg moeilijk om, hoe een callback nou werkt en in welke volgorde die werkt, helder te krijgen. Ik heb heel veel filmpjes gekeken en geoefend, en nog steeds snap ik het niet helemaal. Misschien is het goed om dit de volgende keer nog even te behandelen in de les.

Week 1

Package

Name

Robbin Jansen

Class

Tech 3b

Repo link

https://github.com/robbinux/matching-app-blocktech

Summary

Het lijkt erop dat het is gelukt om Node en NPM succesvol te installeren. Ik heb in de package.json camelcase weten te installeren. Verder dan dat ben ik niet gekomen. Het lukte mij tevens niet om de code naar Github te pushen met de terminal. Ik hou de verschillende CLI nog erg door elkaar. Bash, cmd, powershell, Ubuntu, wat is het verschil en waar moet ik wat mee doen? Ik heb geen overzicht.

Resources used

https://react.design/terminal
https://www.pluralsight.com/guides/how-to-use-gitignore-file
https://www.freecodecamp.org/news/introduction-to-npm-scripts-1dbb2ae01633/
https://nodejs.org/
https://www.npmjs.com/
https://www.youtube.com/watch?v=wrb7Gge9yoE

Any thoughts?

We gaan naar mijn mening op het moment te snel. Ik houd het niet bij en ben het overzicht kwijt. Ik heb meer toelichting nodig over de CLI's en hoe ik nou het beste met Visual Studio Code kan werken in combinatie met Github. In sommige tutorials wordt de CLI daarbinnen gebruikt en soms niet. Hoe zit dit? Ik vraag mij af of dingen wel juist doe in VSC.

Week 1

Package

Name

Lotte Koblens

Class

Tech1

Repo link

https://github.com/lottekoblens/matching-application

Summary

package.json file aangemaakt, daarna heb ik camelcase en nodemon packages geïnstalleerd.
Toen met behulp van een start script index.js laten uitvoeren en ondervonden dat camelcase goed werkt.

Resources used

Danny even om hulp gevraagd met de run scripts, omdat ik niet goed begreep wat deze deden.
Verder heb ik de video's van Danny gekeken en heb ik de documentatie bij de packages gebruikt.
De bron van de npm scripts heb ik ook geraadpleegd.

Any thoughts?

Ik vond de run scripts wel lastig en kwam er niet uit met de bronnen die erbij stonden.

Week 1

Package

Name

Bas Vugts

Class

Tech 2

Repo link

https://github.com/basv1996/Matching-application

Summary

Voor backend heb ik eerst de theorie bestudeerd. Hierna heb ik de freecodecamp tutorial gedaan. Dit liep niet op rolletjes. Ik ben eerst 10 minuten bezig geweest om de juiste tutorial te vinden in de tabjes. Hierna heeft het een kwarter geduurd voordat ik uiteindelijk begreep dat ik een packag.json ergens online moet hebben staan. Dus heb ik maar een account aangemaakt bij repl.it. Opdracht 1 heeft me anderhalf uut gekost!!!!! Dit was om dat ik de url van de browser invoerde in plaats van de url binnen in de browser van repl.it Facepalm. Nadat ik hier was achter gekomen duurde de tutorial maar 10 minuten.

Ik heb hierna geprobeerd de 2 workshoppers te downloaden. Dit heeft ook een tijdje geduurd voordat ik deze aan de praat kreeg. Ik was begonnen met de workshopper voor NodeJS. De eerste opdracht met Hello World was kinderspel maar opdracht 2 "Baby-steps" was weer een pure hell. Hoe kan deze opdracht baby-steps heten als het helemaal niet zo simpel is? :/
Ik heb toen op donderdag 4 Februari met Danny in de virtuele docentenkamer gepraat en hij raadde mij aan om de workshoppers maar te laten voor wat ze zijn en aan het huiswerk te beginnen. Ah fijn advies van een docent opvolgen is altijd goed neem ik aan.

Bij de opdrachten voor backend aangekomen ging ik vol goede moed er tegen aan. Ik opende visual studio code en opende hierin m'n terminal. Ik zorgde ervoor dat ik een .git bestadn aanmaakte in m'n lokale mappenstructuur zodat ik dit later kan pushen naar github.
Met een git init begon ik m'n package.json bestand aan te maken. Hier ging ik snel doorheen alsof het kinderspel was. Maar ondertussen had het lot andere plannen voor mij. Ik probeerde een package van NPM te installeren. Maar de terminal gaf aan dat ik niks kon installeren. Huh?? Maar hoe dan?? Wat is de foutmelding dan? NPM does not support Node.js, you probably should upgrade to a newer version. Bruh -_-' Hoezo moet ik Node update als ik net de laatste versie heb gedownload? Dus ging ik google wat de oorzaak hiervan was en hoe ik dit kon oplossen. Nou dit is gelukt hoor pfffff. Ik moest bij C:\Users\jouwgebruikersnaam\appdate\roaming het mapje npm en npm-cahce verwijderen. Maar niet zonder stoot of tegenslag. Want ik had natuurlijk weer is geen rechten om dit mapje te mogen verwijderen van mijn eigen laptop. When will this pain and suffering end? Ah fijn laten we gewoon kijken of het alsnog met de terminal wel lukt. Wonder boven wonder lukte het installeren van een package nu opeens wel. Hoera Hoera Hoera, wat een vreugde, wat een happyness en in zo'n simpele korte tijd (insert sarcasm here).

Ik heb een paar NPM's gedownload om bekend te worden met hoe ik dit doe. Ik heb op aanrading van de github gekozen voor de package camelcase. Ik weet nog niet wat dit doet maar lijkt me geen onnodigheid om het niet te hebben. Tevens heb ik de package nodemon geinstallerd. Deze package kijkt of er verandering zijn aangebracht en zal dan de server herstarten. Ik heb nog gekeken naar de package.json bestanden van repeat-string, longest-streak en skin-tone. Hierdoor begreep ik iets beter hoe de package.json bestand in elkaar zit. Ik heb hierom ook wat kleine dingen nog toegevoegd aan m'n eigen bestand.

Hierna ben ik op onderzoek uitgeweest welke package ik zou kunnen gebruiken voor m'n job story. Deze job story gaat over een chat functie binnenn we matching app. Ik heb hier onderzoek naar gedaan. Want toen ik alleen het woord chat bij NPM invulde kreeg ik een paar pakketjes te zien die niet erg veel downloads hadden of recentlijk was geupdate. Dan google maar inschakelen. Na wat speurwerk kwam ik op een artikel die het over socket.io had. Ik denk dat dit wel een package is die mij kan helpen met m'n chatfeature te bouwen voor dit project.

Om hier alvast een begin mee te maken heb ik geporbeerd een server aan te maken met socket.io. Dit lukte niet dus ging ik weer googlen. Hier kwam ik een artikel tegen die zei dat ik ook express moest hebben. Ik dus weer naar NPM toe om express te downloaden.

Tevens heb ik een youtuber gevonden die simpele en interresante content had over programmeren. Hij heeft een paar playlists die over npm, nodejs en mongodb gaan. Dit lijkt mij handig om te gaan bekijken als ik tijd heb.

Resources used

Any thoughts?

In het begin is alles lastig en moeilijk te begrijpen maar beetje bij beetje begin ik de beginselen te begrijpen van backend (denk ik (hoop ik)).

Week 1

Package

Name

Nora Kramer

Class

Tech 1

Repo link

https://github.com/norakramer1/blokTech

Summary

Video's bekeken, artikelen gelezen, how-to-npm workshop afgerond, package.json aangemaakt, lodash geïnstalleerd, gitignore gemaakt.

Resources used

Any thoughts?

Het installeren van packages was duidelijk, ik wist daarna alleen niet zo goed wat ik er mee moest doen. Hetzelfde met de run scripts, ik weet wat het zijn en waar je ze voor gebruikt maar ik weet niet wat ik er in mijn project mee kan op dit moment dus ik heb er nog niks mee gedaan.

Week 1

Package

Name

Jort Broekhof

Class

Tech 2.1

Repo link

https://github.com/Jortdus/blok-tech

Summary

Ik heb gebruik gemaakt van de streamapi node module om van steam gebruikers informatie te kunnen request vanuit de steam API. Daarnaast heb ik gebruik gemaakt van prompt-sync, een module om input vanuit de gebruiker makkelijker te coderen. De gebruiker moet een steamcommunity link als input geven en het programma kan op dit moment bijvoorbeeld de meest recente games tonen in de terminal.

Resources used

Stackoverflow
steamAPI

Week 1

Package

Name

Damian Veltkamp

Class

Tech1 B

Repo link

https://github.com/damian1997/Project-Tech

Summary

Added node packages & run scripts, setup basic express server, added nunjucks templating engine, setup basic router, added a gitignore and added basic controllers

Resources used

Did not use any resources apart from previous work I have published in my repositories

Any thoughts?

No difficulties since I have done these things before

Week 1

Package

Name

Kathleen van Dam

Class

Tech3

Repo link

https://github.com/KathleenvanDam/Tech-project

Summary

Artikelen gelezen en daarna de video over nam packages bekeken. Vervolgens een package.json aangemaakt en via de terminal naar GitHub gepusht. Even gestunteld met run scripts en een .gitignore gecreëerd. Verder wist ik niet zo goed welke package ik moest instellen. Heb nodemon geïnstalleerd zoals in de video.

Resources used

https://www.pluralsight.com/guides/how-to-use-gitignore-file
https://www.freecodecamp.org/news/introduction-to-npm-scripts-1dbb2ae01633/
https://www.youtube.com/watch?v=shSB9BbK1gU

Any thoughts?

Momenteel heb ik nog geen idee wat de kracht is van die packages en weet ik niet goed wat ik nodig heb voor m'n applicatie. Daarom heb ik dat nu even gelaten voor wat het is. Ook vroeg ik me af of er een verschil zit in de terminal van vscode en de terminal van je laptop/pc zelf?

Week 1

Package

Name

Nino van der Vinden

Class

205

Repo link

https://github.com/Nino-dev/Project_Tech

Summary

Ik heb packages geinstalleerd met NPM en een Express server opgezet die "Hello World" respond in de browser wanneer ik de server locally run via de terminal met npm start.

Resources used

Bronnen onder week 1.

Any thoughts?

Fijne opfrissing.

Week 1

Package

Name

Zara Schriever

Class

Tech 1

Repo link

https://github.com/Zaraschriever/project-tech

Summary

Ik heb voor deze week eerst de theorie gelezen en de filmpjes gekeken, ik snapte niet helemaal hoe de playground oefeningen werkte dus die heb ik over geslagen en ben gelijk naar de opdracht gegaan. Stap 1,2 en 3 ging dankzij Danny's filmpje erg goed de laatste stappen vond ik wat lastiger maar die zijn uiteindelijk ook gelukt.

Resources used

Any thoughts?

Door het huiswerk ben ik de terminal wel veel beter gaan begrijpen, ik snap alleen nog steeds niet echt hoe we dit gaan gebruiken in het concept.

Week 1

Package

Name

Daniel Kip

Class

Tech 1a

Repo link

https://github.com/Kip-Hub/matching-app

Summary

Camelcase en nodemon geinstalleerd (wat 200 folders aan node_modules toevoegt...?). Vervolgens in index.js met camelcase een console.log gemaakt, en scripts toegevoegd aan package.json.
Tot slot heb ik uitgepluisd hoe ik VS Code met GitHub kan verbinden om vanuit de editor te kunnen committen en pushen (wat denk ik gelukt is)

Resources used

De toelichtingsvideos van Danny op youtube

Any thoughts?

Vrij pittig. Het voelt alsof ik maar wat doe, maar het schijnbaar wel werkt zoals de bedoeling is

Week 1

Package

Name

Christiaan Zandbergen

Class

Tech-1 a (212)

Repo link

https://github.com/Mentalyzd/Blok_Tech/tree/main/back-end

Summary

github gelinkt aan mijn editor en repo gecloned. Toen npm installaties gedaan van nodemon en camelcase enz. Daarna een nieuw script toegevoegd aan de package.json en uitgevoerd met nodemon.

Resources used

https://github.com/cmda-bt/be-course-20-21/blob/main/week-1.md

Any thoughts?

Was leuk maar er word nergens uitgelegd hoe je je github kan link bijvoorbeeld met ssh of anders.

Week 1

Package

Name

Sietse Roos

Class

210 tech2

Repo link

https://github.com/sietse333/BlokTech

Summary

Ik begonnen met het installeren van nmp. Daar had ik eerst wat problemen mee maar ik heb het uiteindelijk opgelost door het eraf en er weer op te zetten. Toen dat eenmaal werkte ging alles wel redelijk goed.

Eerst ging ik een package.json file aanmaken. Ik had hier een handige pagina voor gevonden. Door "npm init" in de terminal in te voeren krijg je een handig menu om zon file aan te maken. Met wat trial and error is dit gelukt. Verder heb ik een package gedownload van npm. Ik heb Camelcase als een dependencies ingesteld. Verder heb ik ook nog nodemon als een devDependencies ingesteld. Als laatste heb ik een run script gemaakt die een stukje tekst laat zien in de terminal.

Resources used

Create a package.json File. (z.d.). heynode.com. Geraadpleegd op 5 februari 2021, van https://heynode.com/tutorial/create-packagejson-file/ What is this Javascript “require”? (z.d.). Stack Overflow. Geraadpleegd op 5 februari 2021, van https://stackoverflow.com/questions/9901082/what-is-this-javascript-require#:%7E:text=The%20require()%20method%20is,use%20the%20require()%20method. npm global or local packages. (z.d.). flaviocopes. Geraadpleegd op 5 februari 2021, van https://flaviocopes.com/npm-packages-local-global/
Klasgenoten

Any thoughts?

Het was veel trial and error maar ik heb het uiteindelijk aan de praat gekregen. Ik ben benieuwd wat we volgende week gaan doen om hier op te bouwen.

Week 1

Package

clothes-by-weather
express

Name

Sofya Gerges

Class

211

Repo link

https://github.com/soofg/MatchingApp.git

Summary

Ik heb de omgeving leren kennen, aan het einde van de eerste les begreep ik er eigenlijk nog helemaal niks van. Het is mij uiteindelijk we gelukt denk ik, dus er is zeker een progress. Maar met meer tijd dan misschien nodig was. Ik heb ook geen idee of het wel correct is. Dus eigenlijk zou ik dat wel graag willen weten.

Resources used

Rondgekeken op github,
anderen klasgenoten om hulp gevraagd.
En het meeste was gewoon zelf proberen en doen.

Any thoughts?

Ik vond ook moeilijk om aan de assignments te starten omdat ik bepaalde termen niet begreep. Ik vond dat het voor een groot deel zelf uitvogelen was. Had ietjes meer inleidng gewild, vooral omdat het allemaal nieuw is.

Week 1

Package

Name

Bo Heins

Class

212

Repo link

https://github.com/BoNaomiHeins/Matching-app

Summary

Ik heb een static en public folders aangemaakt en in depublice folder heb ik de bestanden index.html, package-lock.json, package.json toegevoegd. De package.json heb ik aangemaakt in mijn terminal. Tot slot heb ik alles toegevoegd aan me github.

Resources used

alle linkjes op de pagina van week 1 (https://github.com/cmda-bt/be-course-20-21/blob/main/week-1.md)

Any thoughts?

volgensmij ging het hw best prima ik heb alleen echt geen idee of ik het goed heb gedaan

Week 1

Package

Name

Jody Lorist

Class

Tech 2a

Repo link

https://github.com/jody29/matching_feature

Summary

For this week, I started by creating my GitHub repository and adding a Readme.md + License file to it. After i've created my repository, I've tried to connect it with Git. I used the recording of the first lecture for this. I think i managed to link my GitHub repository after 30 minutes.

After i've managed to link my github with Git, i've initialized the node_modules directory to my repository. I then installed nodemon, express, react and mongodb. After i installed all these files, I tried to do the learnyounode workshopper. I really had some troubles with these exercises. The first one was doable, but then i had to search on google for the solution.

Schermafbeelding 2021-02-07 om 18 07 54

Resources used

https://confluence.atlassian.com/bitbucketserver/basic-git-commands-776639767.html
https://joecreager.com/learnyounode-unofficial-companion/
https://www.tablesgenerator.com/markdown_tables
https://www.cyberciti.biz/faq/linux-append-text-to-end-of-file/
https://smallbusiness.chron.com/previous-directory-mac-terminal-49989.html

Any thoughts?

I think for the first week, we got a lot of information. This was a bit a lot to handle for me. But I did managed to keep up. I do think that the learnyounode exercises were a bit too hard for week 1.

Week 1

Package

  • camelcase
  • nodemon
  • serve
  • express
  • lodash

Name

Wouter Bijnsdorp

Class

Tech 3a

Repo link

https://github.com/wouterBijns/TechBackend2021

Summary

Made a Package.json, ran how-to-npm side to side through most of it, created run scripts that I'm a little unsure of

Resources used

I used the how-to-npm to learn a bit and the link to run scripts

Any thoughts?

Had less of a clue what to do with step 4 with the run scripts. Is serve supposed to be a npm package while the other ones are core commands?

Week 1

Package

Name

Tess Smit

Class

Tech2

Repo link

https://github.com/MariaS20/Backend20-21

Summary

Nieuwe repo aangemaakt. Npm geïnstalleerd met de packages camelcase en nodemon. Nodemon had alleen aan het einde wat errors dus hier moet ik nog naar kijken. En een .gitignore file toegevoegd zodat mijn node_modules niet worden toegevoegd aan mijn repo.

Resources used

https://www.npmjs.com/package/nodemon

Any thoughts?

Week 1

Package

Name

Aidan Omwando

Class

Tech 3

Repo link

https://github.com/Aidan98/Project-Tech

Summary

AI created a boilerplate for the matching app, and I installed the package called micromatch to help me create the feature I want to code. And I added some simple run scripts (I still don't have the hang of that).

Resources used

https://css-tricks.com/why-npm-scripts/
https://www.npmjs.com/package/micromatch

Any thoughts?

I've got nothing really to add other than that I still don't completely understand "run scripts"

Week 1

Package

Name

Babs Luidinga

Class

TECH-1

Repo link

https://github.com/babsluidinga/blok-tech

Summary

Voor Backend hebben we verschillende modules moeten installeren, om deze vervolgens te kunnen toepassen in onze applicatie. Ik heb me nu vooral gefocust op het stukje leren hoe ik via de terminal dingen moet installeren, aangezien ik hier nogal moeite mee had. Het toepassen in de applicatie vond ik nogal lastig dus daar heb ik nog vrij weinig mee gedaan.

Resources used

In mijn Wiki kan je mijn brongebruik zien, ik ben van plan om dit allemaal in 1 bestand te zetten naarmate ik wat meer bronnen heb, op dit moment is het nog niet echt nodig aangezien ik nog niet heel veel bestanden en documentatie in mijn wiki heb.

Any thoughts?

Ik vond het echt even lastig, snapte vrijwel niet wat ik moest doen, maar gelukkig was ik niet de enige en heb ik samen met medestudenten iets hebben kunnen maken.

Week 1

Package

Name

Roel Komen

Class

Tech 3b

Repo link

https://github.com/ROEL2407/Project_Tech_HVA

Summary

Ik heb ervoor gezorgd dat ik files en mappen kan pushen naar github van git en heb een aantal benodigde files aangemaakt zoals package.json. Daarnaast heb ik ook node modules geinstalleerd.

Resources used

De connectie tussen git en github liep wat stroef. Ik heb hiervoor de project tech channel op teams gebruikt en links op het internet:
https://code.visualstudio.com/docs/remote/wsl-tutorial
https://docs.github.com/en/github/using-git/managing-remote-repositories
https://www.youtube.com/watch?v=wrb7Gge9yoE

Any thoughts?

Het zelf uitzoeken voor de connectie tussen git en github (pull en push kunnen voltooien) was vrij moeilijk aangezien ik dit de eerste keer was dat ik dit deed. Door de project tech channel heb ik mij hier mede doorheen geloodst maar misschien is dit handig om als losse opdracht erbij te doen om een beetje een beeld te kunnen krijgen wat hier gedaan moet worden.

Week 1

Package

Name

Patrick van der Bijl (500823037)

Class

Tech 2b (204)

Repo link

https://github.com/pmvdbijl7/matching-app

Summary

Allereerst ben ik begonnen met het lezen van de artikelen die bij de theorie staan van week 1. Daarna ben ik zelf aan de slag gegaan met het vullen van mijn repository en het installeren van een paar packages. In eerste instantie deed ik dit allemaal in de code editor PhpStorm, omdat ik hier erg bekend mee ben. Echter lukte het mij niet om de Ubuntu terminal te gebruiken in PhpStorm, dus heb ik er toen toch voor gekozen om verder te gaan in VS Code wat wel allemaal goed werkte. Naast dit kleine probleempje heb ik gelukkig geen andere problemen gehad.

Resources used

Any thoughts?

Ik heb al eerder met Git, GitHub en de terminal gewerkt dus ik had geen problemen met het huiswerk van deze week. Daarnaast vind ik de organisatie en informatie van het vak erg duidelijk en overzichtelijk. Dit is heel fijn om mee te werken.

Week 1

Package

Name

Tim Meeuwsen

Class

203 tech 3

Repo link

https://github.com/timmit147/matching-application

Summary

In het begin lukten het niet om nvm te instaleren omdat ik veel errors kreeg maar door het vragen op teams is het gelukt. Waar ik nu wel mee zit is dat ik niet goed begrijp welke terminal ik moet gebruiken omdat ik nu bash, cmd, git bash, ubuntu en de terminal in mijn code editor, ik begrijp niet waarom ik zoveel terminals nodig heb?

Resources used

https://github.com/nvm-sh/nvm

Any thoughts?

Het huiswerk ging goed ik begrijp hoe alles ongeveer werkt jammer dat er geen cheatsheet is zoals in de slides van front-end dat wanneer je iets vergeet je het daar snel terug kan vinden.

Week 1

Package

Name

Tim de Roller

Class

210 // Tech 2

Repo link

https://github.com/maggness/PT

Summary

Ik ben deze week begonnen met de theorie en het installeren van alle benodigdheden zoals bash en npm. Ik heb geprobeerd om de opdrachten te maken van learnyounode alleen ging dat niet zo heel goed. Verder zijn de 4 opdrachten wel gelukt. Ik heb een package.json gemaakt en een start script gemaakt die een log.console laat zien. Ook heb ik camelcase en meme als dependencies en nodemon als devDependencie.

Resources used

What is this Javascript “require”? (2012, 28 maart). Stack Overflow. https://stackoverflow.com/questions/9901082/what-is-this-javascript-require#:%7E:text=The%20require()%20method%20is,use%20the%20require()%20method

Avery, D. (2018, 21 juni). NPMmmm #1: Dev Dependencies, Dependencies - Dylan Avery. Medium. https://medium.com/@dylanavery720/npmmmm-1-dev-dependencies-dependencies-8931c2583b0c#:%7E:text=The%20difference%20between%20these%20two,are%20also%20required%20at%20runtime.

(Copes, F. (2018, 16 augustus). npm global or local packages. https://flaviocopes.com/npm-packages-local-global/. https://flaviocopes.com/npm-packages-local-global/)

Any thoughts?

Het is in het begin wel echt struggelen met het vinden van dingen en erachter komen wat de bedoeling is. Maar ik ben met wat andere mensen gaan zitten en we hebben het even gefixed

Week 1

Package

Name

Joris Meester

Class

210

Repo link

https://github.com/JorisMeester/matching-application

Summary

I pretty much did what the exercises said, but only the bare minimum

Resources used

freeCodeCamp.org. (z.d.). freeCodeCamp.org - Managing packages with npm. https://www.freecodecamp.org/. Geraadpleegd op 5 februari 2021, van https://www.freecodecamp.org/learn/apis-and-microservices/managing-packages-with-npm

npm, Inc. (z.d.). package.json | npm Docs. https://docs.npmjs.com/. Geraadpleegd op 5 februari 2021, van https://docs.npmjs.com/cli/v6/configuring-npm/package-json/

Any thoughts?

I'm having a hard time with this subject. It tells me that I should install and add things to my project, but I just don't know what packages and scripts I need for my concept. So I only added what was recommended from the Week 1 page. Things just aren't clear right now, I hope that changes this week.

Week 1

Package

Name

Sophie van der Burg

Class

Tech2b

Repo link

https://github.com/Sophievanderburg/blok-tech

Summary

I read all the articles and made notes for myself. This took a long time to finish. Then I did the freecodecamp excercises. This went pretty good actually. Then I started on the assignments. With help of my classmates I managed to do everything.

Resources used

You can find all the resources i used on: https://github.com/cmda-bt/be-course-20-21/blob/main/week-1.md

Any thoughts?

Many new terms are used in the articles. At least, the terms are new to me. Since everything is quite abstract to me, it was difficult to understand the first time I read it. That is why I had to read almost all articles 2 or 3 times before I roughly understood what was being told. I was able to ask a lot of questions to my classmates. This has helped me a lot. I think I kind of get it now, but I wouldn't put any money on that. :)

Week 1

Package

Name

Yunus Emre Alkan

Class

FDMCI_TECH 3 b

Repo link

https://github.com/YunusEmreCMD/blokTech/tree/main

Summary

Ik ben begonnen met het lezen en bekijken van de theorie. Ik heb geleerd over NodeJs en NPM, wat alle 2 bij mij volledig onbekend was. Verder heb ik de linkjes bekeken, waar je opdrachtjes kon bekijken, ik snapte niet echt wat de bedoeling was, het was erg onduidelijk voor mij. En hetzelfde voor de main opdracht voor deze week, ik wist niet wat ik moest doen, het was erg chaotisch naar mijn mening. Na het navragen aan een klasgenoot ben ik van start gegaan, ik heb een mapje aangemaakt en deze gepusht naar mijn github en daar is het bij gebleven, want ik kon geen npm (en nodejs) installeren, ik kon niks installeren. Want ik ben mijn wachtwoord vergeten van mijn windows, die ik nooit heb gebruikt voor iets. Dus ik kon helaas niet verder. Ik heb om het probleem op te lossen, super veel research gedaan, maar het mocht niet baten.

Resources used

Om mijn probleem met de wachtwoord te fixen heb ik de volgende bronnen benaderd (zonder succes)

Ik heb ook deze bronnen benaderd om meer kennis op te doen

Any thoughts?

Naast dat ik de opdrachten niet kon maken, in verband met dat ik niks kon installeren, vond ik de opdracht/de stappen die beschreven waren erg onduidelijk. Ik heb pas kunnen begrijpen hoe de opdracht in elkaar zat, door het na te vragen, en hij zelf vondt het ook vrij chaotisch.

Week 1

Package

Name

Tom Mandemaker

Class

209

Repo link

https://github.com/mandemt/techblok

Summary

package.json is aangemaakt
index.js is aangemaakt
NPM package : chat geinstalleerd , wil hem weer verwijderen omdat ik er nu niks mee kan in javascript (te ingewikkeld) maar weet niet hoe te uninstallen.

npm package missionlog geinstalleerd
https://www.npmjs.com/package/@dung95/test123

vanaf hier kreeg ik de error dat er geen write access in sommige folders is
ik kon proberen met sudo install en dat werkte wel.

npm package less geinstalleerd
de package kan helpen om css blokken samen te voegen in een code
http://lesscss.org/

Nodemon dependency geinstalleerd

grund-cli dependency geinstalleerd

script gemaakt met hallo world
"start":"echo 'hallo world'"

Resources used

https://www.freecodecamp.org/news/introduction-to-npm-scripts-1dbb2ae01633/
https://nodejs.dev/learn/npm-global-or-local-packages
https://gruntjs.com/getting-started
https://www.npmjs.com/package/@dung95/test123

Any thoughts?

ik snap echt niet hoe je kan vinden op de site van een package wat ik in javascript er mee kan doen.

Week 1

Package

Name

Giovanni Kornet

Class

205 // Tech 1(a)

Repo link

https://github.com/GiiovanniK/project-tech

Summary

Video's van Danny bekeken over NPM packages. Hierna wat rondgekeken op NPM library website waarbij ik even heb gekeken naar alle verschillende packages. Vervolgens Vue.js modal (https://www.npmjs.com/package/vue-js-modal) en nodemon (https://www.npmjs.com/package/nodemon) geïnstalleerd. Ook een start runscript gemaakt "start": "node index.js". Hierna nog een .gitignore file gepushed naar GitHub met gebruik van de terminal.

Resources used

https://www.npmjs.com/
https://www.atlassian.com/git/tutorials/atlassian-git-cheatsheet
https://github.com/github/gitignore/blob/master/Node.gitignore

Any thoughts?

Had wel even moeite met pushen en pullen met Git, tijdje niet gedaan. Uiteindelijk toch allemaal goed gekomen.

Week 1

Package

Name

Aron Pelgrim

Class

Tech 2

Repo link

https://github.com/AronPelgrim/matching-application

Summary

Ik ben begonnen met het lezen van de theorie om een beter beeld te krijgen van Node.js en waarvoor het dient. Vervolgens heb ik een package.json aangemaakt met de juiste metadata. Nadat dit was gelukt heb ik de package camelcase geinstalleerd. Ook heb ik nodemon geinstalleerd onder devDependencies en heb ik een .gitignore file aangemaakt om een specifieke map niet te pushen naar de repository. Als laatst heb ik de nieuwe bestanden gepusht naar git.

Resources used

https://docs.github.com/en/github/importing-your-projects-to-github/adding-an-existing-project-to-github-using-the-command-line
https://rogerdudler.github.io/git-guide/index.nl.html
https://www.youtube.com/watch?v=ZpiHUOM_Y-0
https://www.youtube.com/watch?v=X8D5Ijpp824
https://www.youtube.com/watch?v=shSB9BbK1gU

Any thoughts?

Het huiswerk was opzich goed te doen, het duurde bij mij alleen heel erg lang om de bestanden naar git te pushen via de terminal.

Week 1 - Jorn Veltrop

Package

Name

Jorn Veltrop

Class

Tech3a

Repo link

https://github.com/jornveltrop/blok-tech

Summary

Ik heb als eerst mijn local folder gekoppeld aan git & github. Dit heb ik nu werkend en kan files pushen naar mijn repository. Ook heb ik dit geconfigureerd met een SSH key.
Daarna ben ik de Back-end opdracht gaan maken: Het ready maken van de repository. Ik heb Node & NPM als eerst succesvol kunnen installeren. Daarna ben ik packages gaan downloaden via NPM en kijken hoe dat precies werkt. Ik heb toen het package.json bestand bewerkt zodat ik d.m.v. express een local server kon starten via index.js samen met Nodemon.
Dit werkte eigenlijk allemaal super chill!

Als laatste stap heb ik een .gitignore bestand aangemaakt en gevuld.

Resources used

https://docs.github.com/en/github/importing-your-projects-to-github/adding-an-existing-project-to-github-using-the-command-line (Repo koppelen 1/2)
https://superuser.com/questions/1412078/bring-a-local-folder-to-remote-git-repo (Repo koppelen 2/2)

https://nodejs.org/en/ (Node installeren)
https://www.npmjs.com/ (Packages)

https://www.pluralsight.com/guides/how-to-use-gitignore-file (.gitignore file)

Any thoughts?

Ik vond het tof om voor de Project tech les waarin we eigenlijk zouden leren hoe je een repo koppelt, het zelf al uitgezocht te hebben. Ik wist namelijk niet dat we dat in de les zouden doen, dus had ik het zelf al uitgezocht.

Week 1

Package

Name

Tristan Varewijck

Class

206 | TECH b

Repo link

https://github.com/TristanVarewijck

Summary

Het huiswerk voor deze week is goed gelukt, het duurde wel een tijdje voordat alles werkte en ik het zelf ook snapte. Naast het huiswerk heb ik ook al een localhost geïnstalleerd met Express. En heb ik ook met GIT gewerkt.

Resources used

Introduction to NPM Scripts
Npm global or local packages
NPM

Any thoughts?

Het huiswerk was best wel lastig vooral omdat letterlijk alles nieuw was. Een tip is dat de uitleg misschien wel wat minder nieuwe begrippen mag bevatten juist doordat was ik langer bezig dan dat misschien nodig was geweest.

Week 1

Package

Name

Manon Eveleens

Class

Tech3 A

Repo link

https://github.com/manon-ev/Matching.App/tree/main/Lab-1

Summary

Gewerkt in de terminal in combinatie met Visual Studio Code. Local host gebruikt.

Resources used

express.com, informatie uit de les en GitHub.

Any thoughts?

Ik vond het best pittig als eerst opdracht. Vooral als je bugs hebt zijn deze nog lastig op te lossen. Had het niet gekund zonder hulp denk ik.

Week 1

Package

Name

Steven Whitton

Class

Tech2b

Repo link

https://github.com/daoneandonly/cmda-be

Summary

I made a Javascript file that returns a one line joke when run through node! I also used the dev-package Browsersync to serve my index.html file on multiple browsers!

Resources used

NPM package one-liner-joke
browsersync.io

Any thoughts?

I've had plenty of experience with node and NPM, so this wasn't much of problem to set up! Looking forward to the next weeks! 🎉

Week 1

Package

Name

Lars Kamman

Class

Tech 1B

Repo link

https://github.com/LarsHVA/project-tech

Summary

Videos bekeken om de basis te snappen. npm packages geïnstalleerd en .gitignore aangemaakt. Vervolgens gecommit en pusht naar github.

Resources used

https://www.npmjs.com/package/camelcase
https://docs.npmjs.com/cli/v6/configuring-npm/package-json
https://nodemon.io/
https://docs.npmjs.com/cli/v6/using-npm/scripts

Any thoughts?

extra uitleg over runscripts zou fijn zijn; zoals meer uitleg hoe je nodemon gebruikt

Week 1

Package

Name

Davey Zaal

Class

Tech1 A (212)

Repo link

https://github.com/DeefDeMeef/blok-tech/tree/main/back-end

Summary

Ik heb node.js geprobeerd te gebruiken en dit helemaal geïnstalleerd op mijn laptop/GitHub. Ik heb Visual Studio Code gekoppeld aan Git en GitHub. Ook de Ubuntu terminal aan Visual studio code toegevoegd en een start script toegevoegd aan package.json om deze vervolgens uit te voeren in de terminal. Dit ging erg goed, het was wel lastig om alles met elkaar te verbinden en te weten wanneer nou iets was gekoppeld. Maar dat is goed gekomen door gewoon te blijven proberen.

Resources used

Ik heb de documentatie van GitHub en npm voornamelijk gebruikt om te me GitHub goed te koppelen. Verder de artikelen van het huiswerk uit deze week.

Any thoughts?

Voor me gevoel werd ik lekker in het diepe gegooid, wat ik juist wel leuk vind. Denk dat ik op deze manier het beter leer dan dat alles helemaal staat uitgeschreven voor me, hiermee bedoel ik voornamelijk de problemen waar je tegen aan kan lopen. De basis uitleg was top om te kunnen starten.

Week 2

Templating

Name

Damian Veltkamp

Class

Tech 1 B

Repo link

https://github.com/damian1997/Project-Tech

Summary

Added 404 page and static folder, already had routing and templating fixed

Resources used

No resources used

Any thoughts?

No difficulties since I have done this before

Week 1

Packages

  • camelcase
  • nodemon
  • lodash
  • express

Name

Deiver

Class

Tech 1 B

Repo link

Block Tech 21

Summary

Binnen dit proces heb ik gekeken naar de package.json, hoe ik dit installeer en hoe ik een script erbij kan toevoegen. Ook ben ik gaan kijken hoe ik met NPM packages kan installeren zoals camelcase. Hierdoor begreep ik hoe ik de package kon gebruiken, er is een demo in mijn repo mocht je er nieuwsgierig zijn. Ik vond lodash lastiger, ik begreep niet zo goed wat ik ermee kon dus ik heb dat voor nu zo gelaten.
Verder ben ik alvast bezig geweest met express en is mij gelukt om tekst in de localhost server te kunnen weergeven.

Resources used

Any thoughts?

Het was voor mij even uitzoeken wat ik aan de package.json script had en hoe ik dat moest aanpakken, daarom vond ik de freecodecamp artikel wel het beste in uitleg omdat het niet zo lang was en redelijk te begrijpen.

Verder weet ik nog niet wat ik precies ga doen met mijn matching app dus daarvoor moet even goed over nadenken, ik wil het ook niet te ingewikkeld denken want kan ik lang vast zitten met een probleem.

Tot slot vind het nog steeds spannend hoe ik dit proces ga doorlopen binnen Block Tech maar ik de hoop dat het mij gaat lukken.

Gracias por leer ( dankjewel voor het lezen) 😃

Week 1

Package

Name

Remco Kuckelkorn

Class

TEC1

Repo link

Project Tech Repo

Summary

Because im taking a resit, i just looked at some of my packages i used for a previous project and selected a few I knew I'm going to need to use.

Resources used

Previous repositories

Any thoughts?

n/a

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.