Inhoudsopgave

• Repositories
• Week 1
  • Presentatie Directus
  • Presentatie Triple
  • Argumentatie
  • Astro
  • Mentor dag week 3
• Week 2
  • Schets je ontwikkeling
  • Mentor rol do’s and dont’s
  • Stagemarkt

Repositories

• Choices-choices-the-tech-stack
• i-love-web

Week 1 | 14 t/m 18 oktober

In deze sprint werken we met een framework naar keuze. We hebben de taak gekregen om een nieuwe tech-stack te selecteren en onze keuze te onderbouwen met duidelijke argumenten.

Presentatie Directus

Vandaag kwam Kevin van Directs een backend developer hij vertelde ons hoe Directus zo groot is geworden en hoe het bedrijf in elkaar zat. De belangrijkste dingen die mij zijn bij gebleven zijn dat:

Choices are about tradeoffs

Performance vs maintainability

• By what degree (how long can you work on it)
• Over what scale (how many users)

Presentatie Triple

We kregen ook een presentatie van Shaynta Vleugel. Zij is een teamlead bij Triple en werkt al zeven jaar bij dit bedrijf. Zij is hier gekomen nadat ze was afgestudeerd op CMD. Triple is een bedrijf dat 25 jaar geleden is opgericht, en het is nu zo groot geworden dat ze al 250 werknemers hebben. Sinds kort zijn ze samengevoegd met Hypersolid.

Onze core

• Development
• Design
• Technical operations
• Data en insights

Onze klanten

• Heineken
• Citizen
• Ajax
• Qmusic
• ANWB
• Postnl
• Vodafone
• Ziggo
• Disney
• Talpa

Mooie dingen maken met leuke mensen

Webteam

Wij begonnen met het framework Angular, maar zijn snel overgestapt naar React. Tegenwoordig maken we apps in Svelte. Als er een bestaand project in React is, bouwen we daar verder op, behalve als de klant wil betalen om het project opnieuw te maken. Verder maken we smart TV-apps met Svelte.

Way of working

Scrum

• Daily stand-ups
• Refinements
• Retrospectives
• Sprint review / planning
• Tech lead / product owner rol
• Jira ticket manager
• Git code reviews
• Conventional commits

Commits

• Fix
• Feature
• Chore

Argumentatie

Vier Stappen voor het Opstellen van een Argumentatie

• Formuleer een standpunt en selecteer argumenten
• P1: Als je onderzoek doet, kun je een standpunt innemen.
• P2: Jij verricht onderzoek naar een tech stack.
• C: Dus jij kunt een standpunt innemen.

P = propositie, C = conclusie

Bedenk zowel argumenten voor als tegen jouw gekozen tech stack. Houd rekening met de vraag van de opdrachtgever, de behoeften van de gebruiker, de Developer Experience, enzovoort.

Argumentatieschema

• Enkelvoudige argumentatie: Eén argument ter ondersteuning van het standpunt.
• Meervoudige argumentatie: Meerdere, afzonderlijke argumenten ter ondersteuning van het standpunt.
• Nevenschikkende argumentatie: Meerdere argumenten die gezamenlijk het standpunt ondersteunen.
• Onderschikkende argumentatie: Een argument dat zelf weer ondersteund wordt door een ander argument.

Beoordeling van de Aanvaardbaarheid van de Argumentatie

• Is de argumentatie voldoende uitgewerkt?
• Is de argumentatie inhoudelijk correct?
• Ondersteunt de argumentatie het ingenomen standpunt?

Uitwerking van het Argumentatieschema

Het gekozen standpunt wordt ondersteund door een combinatie van enkelvoudige en onderschikkende argumentatie. De kern van het standpunt is dat een tech stack zorgvuldig moet worden gekozen op basis van onderzoeksresultaten. Onderzoek geeft namelijk inzicht in belangrijke eigenschappen zoals prestaties en schaalbaarheid. Dit standpunt wordt verder ondersteund door een specifiek voorbeeld: de keuze voor een tech stack zoals Node.js vanwege bewezen efficiëntie in realtime toepassingen. Dit voorbeeld versterkt de betrouwbaarheid van het argument.

Conclusie: De argumentatie is inhoudelijk correct en voldoende uitgewerkt. Het ingenomen standpunt wordt hierdoor overtuigend onderbouwd en is daarmee aanvaardbaar.

Astro

Na wat research heb ik gekozen voor het framework Astro. De opdracht was dat ik het werk van de vorige sprint zou overzetten in astro, zonder een tooltje ervoor te gebruiken. Ik begon met de nieuwe repo te forken en te clonen. Daarna pakte ik de documentatie van Astro erbij en doorliep ik de installatie stappen.

Handleiding: Een nieuw Astro-project maken

Stap 1

Open je terminal en voer deze code in. Hiermee creëer je een nieuw Astro-project:

npm create astro@latest

Stap 2

Nu krijg je meerdere opties. Kies je instellingen en druk op "Verder".

Stap 3

Voeg deze code toe zodat de juiste packages worden geïnstalleerd:

npm install

Stap 4

Type daarna deze code om je project op te starten en te beginnen met coderen:

npm run dev

Mappen structuur

Astro's focus op meerdere frameworks:

In Astro kun je componenten van verschillende frameworks (Svelte, React, Vue) naast elkaar gebruiken. Dit zie je terug in de src/components map waar Astro-componenten (en andere framework-componenten) naast elkaar kunnen bestaan.

	/src 
	/components
	/layouts 
	/pages 
	/styles 
	/scripts 
   public 
   astro.config.mjs 
   package.json 

Svelte's focus op één framework:

Svelte's mappenstructuur is eenvoudiger en meer gericht op de component-gebaseerde structuur. Vooral met SvelteKit wordt de focus gelegd op een map voor routes (/routes), terwijl Astro een gescheiden benadering gebruikt (/pages).

	/src 
	/components
	/routes 
	/stores 
	/styles 
	/assets 
   public 
   svelte.config.js 
   package.json 

Het enige verschil wat ik tot nu toe echt heb gemerkt is dat je de exports iets anders doet. In svelte gebruik je een script tag. In Astro gebruik je - - - om je exports in te zetten.

Bekijk de repo voor meer info

Mentor dag week 3

De eerste jaars studenten kregen een college over test principes. Daarna ging ik samen met 4 studenten aan een tafel zitten en gingen we verschillende test principes opschrijven op een bord. Daarna verdeelde we de studenten in groepjes van 2 en gingen ze de site van het groepje tegenover hun testen en van een groepje van een andere tafel, ze moesten issues inschieten en eventueel mondeling tips geven. Ik ging de website van Rick en Sascha testen en ik schoot een paar issues in hun repo.

Design review

In het tweede gedeelte van de les moesten er studenten naar de mentoren toe komen als ze hun design beoordeeld wilden hebben voor eventuele tips en tops. Anouar en Kerem kwamen naar mij toe en presenteerde hun Design en huidige website aan mij, ik gaf hun daarop gepaste feedback en gaf ook bronnen waar ze meer informatie uit konden halen.

• Feedback op Anouar
• Feedback op Kerem

Week 2 | 21 t/m 25 oktober

Schets je ontwikkeling

Agelopen maandag hebben we 3 teken opdrachten gemaakt. In de eerste opdracht moest je een skill tree maken en tekenen hoe ver jij bent met de dlc, daarna moesten wij een tekening maken met de vraag waar ben ik over een jaar, wat kan ik, wat doe ik, wat denk ik en wat zeg ik. En als laatst moesten ik een tijdlijn maken met mijn tools en skills, houding en soft skills. Daarna ging ik dit vergelijken met een van mijn klas genoten en vroeg ik feedback wat hij ervan vond.

Mentor rol do’s and dont’s

Samen met de klas hebben we do’s en dont’s gemaakt wat je wel en niet hoort / kan doen tijdens je mentor rol.

Do's

• Weet waar de les over gaat, zodat je actief mee kan doen.
• Proactieve houding: vragen stellen, erbij gaan zitten. Zoek de vier stadia van bekwaamheid op (Google).
• Beantwoord vragen met een tegenvraag, zodat mensen zelf naar het antwoord zoeken zonder dat je alles voorkauwt.
• Bewust informatie doseren: neem het niveau mee in je feedback. Geef constructieve feedback. Focus op de inhoud van de les en niet op alles wat je ziet.
• Schrijf feedback in issues en leg deze ook mondeling uit. Geef een bron mee.
• Communiceer over de planning met docenten.
• Kijk naar de mentorplanning en let op diversiteit. Zorg voor een diverse samenstelling van mentoren per dag.
• Gebruik de sandwichmethode voor feedback: Top, Tip en weer een Top.
• Als mentor hoef je niet alles te weten. Zoek samen met studenten naar antwoorden.
• Vraag de squad leader om meer uitdaging voor studenten die al verder zijn.
• Vraag feedback aan je studenten over hoe je de mentorrol uitvoert.

Don'ts

• Teveel grappen maken met je medementoren.
• Te streng zijn.
• Afdwalen en teveel feedback geven.
• Lang wegblijven of de halve les wegblijven.
• Niet aanwezig zijn of te laat komen.
• Mensen afkraken.
• Geïrriteerd reageren als mensen dezelfde vraag blijven stellen.

Stage markt

Op school kwamen er 11 bedrijven waar je een potentiële stage kon krijgen. We hadden drie sessies waar je met drie bedrijven kon praten waarin ze vertelde over hun bedrijf wat je kan verwachten en eventuele vrije vragen. Ik heb bij Triple / Hypersolid gezeten, Funda en Future ready design. Alle drie de bedrijven waren wel goed maar bij Triple / Hypersolid voelde ik de meeste affectie omdat het een grote agency had met een goede structuur en zij werkte met het framework waar ik interesse in heb. Verder ben ik nu bezig met een portfolio en projecten te verzamelen zodat ik kan solliciteren bij hun.