bouwen - ChrisvanderHorst0308/Codeforce-squad-page Wiki

Team

Github

De taak is om een squad-page te maken met behulp van HTML, CSS en JavaScript. Deze squad-page representeert iedereen in squad C. Onze page zal elke groep in onze squad weergeven op de site. Bij deze verwachten we dat we met duidelijke communicatie en taakverdeling, makkelijk door de opdracht heen kunnen werken.

Branches

191770476-b555a4bd-812c-48f8-bd09-00d78af2be8b

Mergen

Voor het mergen van onze gemaakte taken waren we nog wel even aan het experimenteren. We wisten dat we zonder twijfel in aparte branches moesten gaan werken, anders werd het erg moeilijk om alles naar Git te pushen. Na enkele dagen konden we dan ook onze eerste Pull Request doen. De eerste 'section-team' branch moest eerst gemerged worden zodat er een voorbeeld was waar we overheen konden programmeren. Deze merge was succesvol gelukt, waardoor onze teamleden daarop verder konden gaan werken.

Individueel

Het bouwen is voor mij begonnen met het maken van een

container. Hierin heb ik de aparte sections gemaakt, en . Vervolgens ben ik aan de slag gegaan met het maken van de carrousel voor de buttons van de verschillende groepen. Deze carrousel is geinspireerd op de website van Sanne 't Hooft, waar hij een carrousel gebruikt voor verschillende soorten ijsjes. Ik vond dit een leuk idee en besloot deze na te maken. Ik begon met het lezen van de broncode van de website. Hierna heb ik de styling en de scripts doorgelezen. Nadat ik een basis idee had van wat alle code uiteindelijk deed, begon ik met het namaken in mijn eigen omgeving. Dit ging eigenlijk meteen goed enkel staat er nog veel code in mijn scripts die mogelijk korter kunnen. (Aandachtspuntje) Vervolgens ben ik bezig geweest met het verbinden van de carrousel en de buttons daarvan met een navigatie list. Deze lijst is verbonden met het specifieke knopje waar op wordt geklikt.

Samenwerking aspect

Ik heb gemerkt dat het nog lastig is om samen te werken zonder duidelijk afspraken te maken over wat voor styling er gebruikt moet worden. Denk hierbij aan font gebruik, kleur gebruik of class namen. Wel heb ik samen gewerkt met onder andere live share op visual code waarmee tegelijk aan 1 file kon worden gewerkt door meerdere personen.

⚠️ **GitHub.com Fallback** ⚠️