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.