Sprint 15 - Seijno/i-love-web GitHub Wiki

Choices choices 14-10

Je moet een eigen techstack maken en ontwikkelen keuzes uit bijv.

  • React
  • Svelte
  • Astro
  • Next
  • View
  • Eleventy
  • Nyxt
  • Solid
  • Fresh Met een andere techniek de gemaakte site van de opdrachtgever namaken en programmeer keuzes kunnen uitleggen

We moeten de 23ste een presentatie houden over je gekozen framework. Ondernemerschap

Midterm

Je hebt 2 weken de bewijslast af te maken. 12 van de 15 indicators moet je inleveren.

Vrije ruimte

  • Stage 10/20 weken
  • Andere FDMCi Ad
  • Ondernemerschap
  • schakelprogramma
  • FDND-Agency

techstack

Client-side:

  • htmnl
  • css
  • js
  • liberary

Middleware:

  • CMS < users
  • API

serverside:

  • NodeJS
  • DB
  • Framework

bron: factors for choosing a techstack Jam stack User experience DX (Developer Experience) Development Principles

ILW Directus Kevin (16-10)

Directus house

directus is 20 jaar oud maar 4 jaar met deze setup

Front:

  • market
  • Support Backend:
  • Programming
  • engine

Choices Directus

Backand with a customisable UI Directus is gemaakt om het makkelijker te maken om te communiceren tussen de client en de database

Directus is opensource er zit ook een community achter expansion in the marketplace er zitten extentions die gemaakt worden in de community en die worden gecheckt door directus team zelf

Moneymaker

  • Directus cloud is een service
  • Opensource (not really)
  • License opensource todat je meer dan 5 miljoen maakt dan moet je hun betalen.
  • Directus + (workshops, support)
  • Marketplace/apps

trade-offs

Fast, Good, Cheap iron triangle fast-good = expensive cheap-good = slow fast-cheap = low quality all = not possible

Dit is niet per project maar per deel van een project

Perfectionism Extention experts keuzes van extentions worden beoordeeld door market en de mening van de extention experts. Keuzes maken in releasing Kevin vertelde een verhaal waar een team member teveel tijd besteeden aan een project waar hij er uiteindelijk voor koss om te stoppen met uitbuggen en het gewoon te releasen met als sommige tegen de bug aanlopen in het expiriment app dat ze het dan opnieuw gaan bekijken, maar nu zou het geld in het personeel niet de app waard zijn.

keuze voorbeeld: snel kunnen werken met bijv. bootstrap maar daardoor niet ordinair zijn.

Ook kevin had last van Imposter syndroom

Performance vs maintainability

met minisecondes versnellen moet je snel code korter schrijven en dus moeilijker te lezen voor nieuwe mensen, Kevin is zelf meer fan van duidelijke code en offert er eerder performance voor op maaaaaar met directus doet hij het wel met performance omdat het gewoon zo groot is en omdat het zo veel wordt gebruikt.

Velocity vs flexibility

Velocity = hoe snel je het maakt Velocity zou bijv. beter worden met bootstrap of tillwind flexibility = meer tijd erin maar je leert en wordt beter met tijd. Dat is bijv het verschill tussen streamen op OBS omdat je daar het zelf leert te doen terwijl andere services vaste layout hebben.

business tips

Take off, geld inzetten op wat werkt brengt kort success maar je kan fucked zijn later, research kan je failliet maken maar kan je ook groter maken als het resultaten heeft.

AI

concerns

  • hun zijn geen ai bedrijf (distraction) Ze geven de keuze aan de client door het wel te bieden maar niet nodig te hebben, als jij ai neemt is het jouw risico
  • Accuraat

performen niet in de db ze voeren alleen taken uit met uitslagen

  • afhankelijkheid van 3e tier bedrijven Mapping gebruikt een 3e tier bedrijf voor hun functie, maar dat is het enige.

Cost benefit analysis

tijd, geld, moeite voor de mogelijkheid die iets brengt

  • SWOT analysis
  • Weighted decision matrix lijkt op het pokeren

Using Directus

  • Good on speed
  • Pretty fast
  • Not cheap when making allot of money
  • Flexible service dus het kan niet goed zijn in alles
  • je kan het gebruiken als een cms maar hier focussen ze niet op

Notes

  • Your going to make some shitty decisions
  • Root decisions in user needs
  • you got this (site)

feedback naar directus

  • users worden niet vaak hun klanten
  • klanten worden gevraagd voor feedback (vaker met meer inkomen)
  • community mensen geven feedback via discord of github
  • overige users kunnen via x of andere socials feedback geven die directus opneemt soms. basicly betaalende users hebben voorang op feddback, betaal je niet en meerdere mensen komen erop dan doen ze het ook om meer engagement te krijgen

Directus tv

  • directus academy dit is een goede oplek om meer te leren over directus

ILW Shyanta Vleugel (triple/hypersolid)

Techlead

triple/hyperfocus

  • 25 jaar
  • 250+ tech & design liefhebbers
  • development is core (Design 2e)(Technical Operations 3e)(Data & Insights 4e)
  • 24+ klanten (ajax, delta, post nl, heineken, disney, ziggo, npo, vodafone etc..)

cultuur

"we willen mooie dingen maken met mooie mensen"

  • delen projecten ervaringen en innovaties met andere
  • willen voorop blijven op de nieuwe technieken
  • Zoeken conferenties, geinspireerd en up to date blijvend.
  • houden van feestjes.

webteam

over

React Native

  • React basic
  • Styling werkt wat anders
  • mogelijkheid tot native componenten inladen/gebruiken
  • Nieuwe componentie begonnen met Fleurametz

Web

  • React/svelte
  • Afhankelijk van type project
  • Bestaat het al in react? dus blijft react
  • Nieuw? Svelte voor nieuwe onafhankelijke projecten

Smart TV

  • "Gewoon" een website
  • Niet zo smart
  • maakt gebruik van vaste positionering

way of working

  • Scrum
  • Daily standup
  • Refinements
  • Retrospectives
  • Sprint reviews/planning
  • techlead & product owner rol
  • JIRA ticket managment
  • GIT Code reviews
  • Conventional Commits

Techstack

  • React ()
  • Svelte (Web/Smart TV)
  • HTML
  • CSS
  • Typescript

Componenten

  • Elke competentie werkt met dezelfde taal
  • Kennissessie zijn belangrijk
  • Coding guidelines zijn deelbaar

Verschillen

  • Elk team werkt aan een ander type product
  • Elke product heeft zijn bijzonderheden
  • Elke product heeft andere afhankelijkheden
  • API
  • etc

Invloed op techstack

  • SEO Performance
  • Machines met weinig performance?
  • Eenmalige website?
  • Wens voor animaties?

Tech tips

  • DRY
  • Componenten zijn helig

Notes (Bronnen)

  • Conferenties
  • Proofstacken (Sprint 15)

Justus presenteren van argument

Wat is logica en waarom zou je het gebruiken?

  • logica gebruik je al je hele leven
  • in fdnd gebruik je ook logica in maken van websites

Logica is een systeem voor solide argumentatie

  • Operatoren in js: &&, if(){} etc..

Het argumentatie process in 4 stappen

formuleer een standpunt en selecteer argumenten

Vind voor en tegen argumenten

Maak een argumentatieschema

zet alle v0or en tegen naast mekaar en kijk welke het sterkste is uiteindelijk.

Beoordelen van aanvaardbaarheid

Argumentatieschema uitwerken