DOM Manipulation

Name

Chelsey Bommer

Class

Tech 5

Repo link

https://github.com/Chelsey-bommer/Matching-app

Summary

Ik heb een beginnetje voor het toevoegen van de javascript. Met heb je nu een slider en zonder javascript een simpele textbox. Ik moet nog bij de andere vraag een dropdown toevoegen, maar hiervoor heb ik ook mijn API nodig. Ik had moeite met een goede APi vinden dus heb mijn feature een klein beetje aangepast. Nu heb ik goede gevonden maar nog niet toegevoegd.

Resources used

Staan bij mijn wiki artikelen (API research)

Any thoughts?

Een goede en gratis API vinden was moeilijk voor mijn concept

DOM Manipulation

Name

Chelsey Bommer

Class

Tech 5

Repo link

https://github.com/Chelsey-bommer/Matching-app

Summary

Ik heb de opdrachten gedaan. Ik heb nu 2 API's die met elkaar werken. De geolocation vraagt de coördinaten op van je apparaat en deze gebruikt geodb cities API om steden dichtbij te vinden. Het werkt nu soort van, met nog wel wat fouten, en ik weet ook niet of het heel netjes is op deze manier?

Resources used

Staan bij mijn wiki

Any thoughts?

De api's op de goede plek krijgen en werkend krijgen samen was wel moeilijk.

DOM Manipulation

Name

Xiao Nan Pols

Class

tech-4

Repo link

https://github.com/xiaonanpols21/block-tech-v2

Summary

heb geleert over syndroom / async, en of je promise of async await kan gebruiken. maar dat vind ik nog lastig. ik heb geleerd wat fetch is

Resources used

heb meer onderzoek gedaan naar promise async await. had YouTube videos gekeken en article gelezen

Any thoughts?

kan er nog in de les uitleg gedaan over async await promise en fetch?

DOM Manipulation

Name

Marc Droger

Class

TECH4

Repo link

https://github.com/marcdroger/blok-tech/wiki

Summary

Ik heb deze week onderzoek gedaan naar verschillende map API's aangezien ik een interactieve kaart als progressive enhancement wil gebruiken in mijn applicatie. Ik heb geen DOM oefeningen gedaan aangezien ik vind dat ik dat wel beheers.

Resources used

https://mapsplatform.google.com/
https://www.mapbox.com/
https://www.openstreetmap.org

Any thoughts?

Ik heb het op dit moment druk met voorbereidingen voor een bruiloft over twee weken. Aangezien ik de designer ben binnen de familie krijg ik weer van alles voorgeschoteld en ben ik druk bezig met het regelen van alles. Dat neemt aardig wat aandacht en tijd van mij waardoor ik niet lekker kan knallen aan dit project op dit moment. Maar het komt wel goed.

Nieuwe issue - 6 maart 2022

Enhancement

Name

Han Ossef

Class

Tech 5

Repo link

https://github.com/HanArchives/bloktech

Summary

Onderzoek gedaan naar wat ik precies wil uitwerken. Geoefend met JS. Heb er nog veel moeite mee.

Resources used

Pluralsight

Any thoughts?

Javascript is voor mij nog erg moeilijk. Ik wil nog meer oefenen zodat ik er sterker in word.

DOM Manipulation

Name

Sam Vekemans

Class

Tech-4

Repo link

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

Summary

Ik heb een klein stukje javascript geschreven om een profiel foto die via een input word toegevoegd te laten zien. Verder heb ik mijn kennis over API's weer een beetje opgefrist.

Resources used

https://github.com/public-apis/public-apis

Any thoughts?

Ik vond het leuk om weer javascript te schrijven en de dingen die ik op me stage geleerd heb te gebruiken.

Enhancement

Name

Jonna Visser

Class

Tech-5

Repo link

https://github.com/JonnaVisser/MatchingApp-Dogs-At-The-Park

Summary

In mijn wiki onder clientside is mijn idee voor mijn progressive enhancement terug te vinden (dit staat in progressive enhancement)

Resources used

staat in wiki

Any thoughts?

Enhancement

Name

Xiao Nan Pols

Class

tech-4

Repo link

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

Summary

Had geleerd over enhancement en verder informatie gaan lezen over eventlisteners

Resources used

het internet?

Any thoughts?

Denk dat het hw je wel diepere stof aanbiedt die je nodig hebt voor de lessen

Enhancement

Name

Sam Vekemans

Class

tech-4

Repo link

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

Summary

Ik heb mijn kennis over javascript weer omhoog gehaald, nou ben ik tijdens mijn stage al veel bezig geweest met javascript en heb ik er al enig verstand van wat mij erg gaat helpen. Ook heb ik nagedacht over mijn progressive enhancement, ik heb hierbij bedacht om iets met de locatie van de gebruiker te gaan doen.

Resources used

Github pagina van front-end
https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/

Any thoughts?

Ik vond het leuk om te bekijken hoe websites eruit zien zonder javascript.

DOM Manipulation

Name

Marc Droger

Class

TECH4

Repo link

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

Summary

Ik heb de Mapbox api geimplementeerd in mijn project zodat studenten later de interactieve kaart kunnen gebruiken om exchange mogelijkheden te ontdekken. Dit is gelukt door een account aan te maken op mapbox.com, een accestoken te generen. en die toe te voegen in het project.

Resources used

https://www.mapbox.com/
https://docs.mapbox.com/

Any thoughts?

Het was erg gemakkelijk in te stellen en op te zetten. De mapbox documenatie is goed beschreven en geeft ook veel goede voorbeelden. De kaarten zijn gemakkelijk in te stellen op vormgeving en functies. Goeie keuze uiteindelijk. Later kan ik via MongoDB geo gegevens inladen bij de JSON zodat er map markers kunnen worden gemaakt.

Ik heb wel een accestoken van mapbox API nu in mijn frontend staan. Nu vind ik dat wat anders dan een database key maar is het niet cleaner om die ook te verbergen? Aangezien je alleen een map inlaad vond ik het niet erg nodig om die ook te verbergen in een env. bestand.

Ook heb ik niet iets gedaan op het gebied van async de API ophalen. Wellicht kan daar nog iets mee gedaan worden?

Enhancement

Name

Roshnie de Groen

Class

TECH5

Repo link

https://github.com/rvdegroen/Tech

Summary

wat er in de github ding stond van week 1

Resources used

udemy, youtube en de github links

Any thoughts?

ik vergeet steeds hoe je code in ES6 schrijft en ik moet echt even mn loop kennis verbeteren.

DOM Manipulation

Name

Xiao Nan Pols

Class

tech-4

Repo link

https://github.com/xiaonanpols21/block-tech-v2

Summary

had geleert over filter en clean code principles

Resources used

wes bos

Any thoughts?

Je leert manieren aan om het te gebruiken in je projecten zoals progressive enhancement. we kregen niet egt les over hoe je dat programeert want ik dacht met noscript tag maar het moet dus via js

Enhancement

Name

Chelsey Bommer

Class

Tech 5

Repo link

https://github.com/Chelsey-bommer/Matching-app
https://github.com/Chelsey-bommer/Matching-wiki

Summary

Ik heb vooral mijn onderzoek gedaan over welk component ik wil maken en hoe ik dit er uit wil laten zien met en zonder javascript & css. Ook heb ik een voorbeeld hiervan gezocht, deze komt van google agenda. Hierdoor weet ik precies wat ik wil.

Resources used

https://www.smashingmagazine.com/2009/04/progressive-enhancement-what-it-is-and-how-to-use-it/

Any thoughts?

//

Enhancement

Name

Marc Droger

Class

TECH4

Repo link

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

Summary

Ik begon met het checken of mijn kennis over javascript ES6 principes nog op orde was. Ik deed de codepen opdrachten en leeste verschillende artikelen over wat ES6 is en hoe dat dat ES5 heeft vervangen.

Daarna ging ik nadenken over mijn progressive enhancement component. Ik kwam op het idee om de Google Maps API te gebruiken (meer informatie te vinden over hoe en wat in de wiki van de repo). Ook hield ik rekening met een eventuele fallback als de API niet beschikbaar of als de javascript in de browser uit staat.

Resources used

https://www.w3schools.com/js/js_es6.asp
https://codepen.io/
https://developers.google.com/maps

Any thoughts?

Ik ben blij dat we moderne javascript (ES6) gebruiken in het project en dat het onderwerp ter sprake komt bij dit project.

Ik vind het nog makkelijk gezegd hoe ik mijn progressive enhancement wil gaan maken aangezien je tijdens het ontwikkelen altijd tegen dingen aanloopt of nieuwe inzichten ontdekt. Maar het moet wel goed komen.

Enhancement

Name

Vanessa

Class

Tech-5

Repo link

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

Summary

Vooral gewerkt met JavaScript datatypes en code schrijven in de vorm van es6.

Resources used

Any thoughts?

Ik kwam niet uit bij de laatste twee opdrachtjes van https://codepen.io/robertspier/pen/KKyNQGM

DOM Manipulation

Name

Han

Class

tech 5

Repo link

https://github.com/HanArchives/bloktech/wiki

Summary

Ik ben begonnen met mijn javascript. Ik heb er nog wel moeite mee, maar het word steeds duidelijker (logischer). Heb nog wel een lang weg te gaan. Ook weet ik wat mijn progressive enhancement gaat worden.

Any thoughts?

Wat ik nog steeds moeilijk vind is de logica van JS volgen.

DOM Manipulation

Name

Roshnie de Groen

Class

Tech 5

Repo link

https://github.com/rvdegroen/Tech/wiki/api

Summary

Ik had uitleg gekregen over async en een promise, maar ik snap het niet helemaal. Ik wil me er meer in verdiepen, maar ik wil steeds zoveel doen dat ik tijdgebrek heb :/

Resources used

https://stackoverflow.com/questions/60693781/javascript-async-function-doesnt-non-block#:~:text=%22Since%20async%20function%20is%20non,until%20they%20hit%20an%20await%20.&text=Does%20this%20answer%20your%20question%3F

Any thoughts?

ik wil me er meer in verdiepen omdat ik t niet helemaal begrijp (denk ik). Ik hoop dat de dit in de les wat duidelijker voor me wordt.

DOM Manipulation

Name

Xiao Nan Pols

Class

tech-4

Repo link

https://github.com/xiaonanpols21/block-tech-v2

Summary

Deze week heb ik geleerd over scope, api. Heb feedback gekregen op mijn design voor project om te kijken of ik api en events in mijn werk kan stoppen

Resources used

ik zal nog meer info gaan vinden over api en events

Any thoughts?

klopt dit? Express is een functie en in die functie zitten allemaal methods. Zo zijn er .get en .listen

DOM Manipulation

Name

Marc Droger

Class

TECH4

Repo link

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

Summary

Ik ben niet aan de slag gegaan met de lesstof maar aan het verder werken van mijn progressive enhancement die af moet.

• Studenten data uit database toegevoegd aan mijn interactieve mapbox map.
• Popup's genereren met informatie als de gebruiker op een marker klikt.
• Noscript fallbacktoegevoegd voor als de javascript niet werkt (in plaats van de progressive enhancement van de map zie je dan een lijstje vanuit de database)
• Project draaiend op Heroku gekregen: https://edubroad.herokuapp.com/

Resources used

https://docs.mapbox.com/
Chazz Mannering - Voor het meekijken naar mijn code/progressive enhancement en toen het niet werkte zag dat er een typfout was.

Any thoughts?

Het blijft een cliche waardoor je geheel wilt stoppen met coderen. Maar afvragen waarom je complexe functie niet werkt waardoor je veel tijd kwijt en levenslust kwijt bent. Blijkbaar omdat er een typfout zit in de configuratie die je code editor niet kan oppakken. 'geosjon' -> 'geojson'.

Enhancement

Name

Hicham Sahla

Class

Tech 4

Repo link

https://github.com/hicham-sahla/blok-tech-feature

Summary

Ik heb onderzoek gedaan naar enkele voorbeelden van progressive webapps. Zo heb ik me feature proberen uit te breiden door na te denken over welke API's ik zou kunnen gebruiken en welke fall backs functies nodig gaan hebben om altijd bruikbaar te zijn. Voor nu heb ik de volgende api's
GEO location API / Adress API
Huisdier categorieën API?
MAPS API

Any thoughts?

Ik denk dat me feature nog te uitgebreid is en dat ik sommige aspecten moet downgraden naar een makkelijker haalbaar level

Enhancement

Name

Class

Repo link

Summary

Resources used

Any thoughts?