 Ik ben erg vereerd dat ik hem aan mag kondigen, want dit is misschien al de ooit laatste keer dat ik hem überhaupt genoeg behoorlijk heb, ik hoop van niet. Nee, ik kom nog wel eens terug hoor. Misschien nog ergens omhoog, want hij gaat volgende maand, gaat hij reizen en eerst naar Oostenrijk, Skiën en daarna naar Azië. Daarvoor zegt hij zijn huidige baan bij Level Level op. Maar als developer al heel veel ervaring heeft opgedaan met werk in een team en een groeiende team, want Level Level is in ons uitgegroeid van het kleine 2 Persoons bureau in Rotterdam tot een groep van 21 man. Personen. Personen. 50-50 dames heren. Oh kijk, dat is wel een heel mooi presentatie. En dan is het niet meer zo handig als iedereen gewoon alles in zijn functions.php gooit en mensen moeten gewoon wel met elkaar op de lijn zitten. En hoe doe je dat nou in een groot team? Daar ga je mee alles over vertellen. Dank je wel. Ga je dan? En een goede introductie. Je kan gewoon op een paar slijts als kippen, prima. Ga je me maar in de nest. Ik ga gelijk even door. Het landschap inderdaad dat je het net schestte. We zijn van een team. Toen ik bij Level Level kom werken, denk ik ongeveer 4 personen. 3-4 personen die werken aan projecten. Dus dat je vaak in je eentje aan een project. Nu hebben we een project waar je met 2-3 developers werkt. Een designer, een project manager. Als een project klaar en opgeleverd is, dan heb je onderhoud. Daar worden nieuwe fietsjes eigenlijk op doorentwikkeld. Fietsjes worden eigenlijk geschrapt. Je hebt niet altijd de mogelijkheid om nog even iemand aan ze jasje te trekken van, hey, hoe heb jij dit ook alweer gedaan? Of als origineel team de boel over te dragen van, ik heb dit precies zo uitgevoerd. En dit stukje code staat hier. En dat valt allemaal zo een beetje in elkaar. Dat is ook met omboording van nieuwe developers. Is dat gewoon een overhead die je hebt, die wil je eigenlijk niet. Dus je moet wat afspraak maken. Je moet kijken hoe je samen een aanpak met elkaar afstemt, die duidelijk is. En wij hebben daarvoor een modellaire aanpak bedacht. Die eigenlijk wel generiek binnen de internetwereld. We verzinnen niks nieuws. Dus we spreken gewoon wat standaarde af. Wat probleem proberden we eigenlijk op te lossen? Want het is een hele zin. Je kunt hem even lezen. Dan je ons draaien projecten langer dan drie, vier jaar. We hebben projecten draaien dat nu iets van zeven jaar eigenlijk al draait. En het draait gewoon prima. Updates geven eraan. Geen nieuwe gekke fietsjes. Het valt niet om. Het is prima. En het doet het gewoon. Wat ik net al zei. Sommige nieuwe personen die eraan werken kunnen vinden waar iets staat. Het is op een bepaalde logische manier opgedeeld. Dat is wel even geleden. Maar dit is een klein project. Projecten waar we nu op zitten, die zijn gewoon veel groter. En tot vecht gewoon een andere metodiek. Dit is een slijf die had ik erin zitten. Zelfs slechte code kan functioneren. Soms kan het wel zijn dat je... Ik schip deze. Maar wat ik hiermee eigenlijk bedoel is. Soms kan er wel eens code in zitten. Ik schip hem gewoon. Ik had hem gewoon draait moeten halen. Ja, heel simpel. Nou, de analyse. Ik heb een project gedraaid samen met Mike. Ik ben blij dat hij er is. Kan ik helemaal aanwijzen als iets fouten. Het is een project. Het heet Financial Focus. Het is een financieel platform voor ABN. Voor wat droge stof. Tenminste als het niet je interesse is. We hebben toch een leuk ontwerp. Een leuke website neergezet. Met wat nieuwsberichten. Ze hebben vlogs. Want dat is hip. Ze hebben dossiers. Ze willen wat de top 5 lijstjes maken. Niet al te complex allemaal. Maar wel heel uitgebreid. Nieuwsbrief inschrijving. Dit is gewoon een beetje om te schetsen. Wat het allemaal ongeveer een beetje eruit ziet. Video's. Dit is allemaal dummy data. Maar we hebben Rolf en zijn Financial Focus vlog. Die elke dag op de hoompagina staat. En ze hebben ook magazines. Wie vindt dat dit best wel gevarieerd eruit ziet. Dat het niet recht toerigd aan is. En onder water hebben we geprobeerd. Dat we niet voor elk stukje. Alles uniek hebben geschreven. Dat dingen herbruikbaar zijn. Zodat je op verschillende plekken ook iets kan pakken. En dan zeg ik daarnaar. Met de minste efforts. Dat is gelukt. En daar zijn we eigenlijk wel heel blij mee. Een detailpagina. Meer dan dit is het vaak niet. En wat een leuk onderdeel ervan is. Dat is een klein onderdeel in die mini. Maar het kan voor wat problemen zorgen. En dat is deze rating. Het is echt een klein onderdeel. Wat op de oppervlakte. Wat je denkt dat het niet zoveel problemen kan zorgen. Maar dat was op een gegeven moment een heis en kraak. Op een niet modulaire aanpak dan wat jij zei. Sommige dingen dan ga je het in functions ppp. Dan bouw je het. En iemand wil een rating geven. Kan je erop klikken. En dan is gelijk als je lekker met je muister overheen gaat. Jaafskript, allemaal fancy pensie. Interactief, klant helemaal plei. Komt ineens een probleem om de hoek kijken. En een probleem is. Is dat ze niet meer alleen maar onderaan de detailpagina iets willen zien met een rating. Maar ze willen ook op het overzicht een rating laten zien. Dus jij denkt nou, dan plak ik die rating daarin. Maar ze willen niet dat je daar gaat lopen kunnen stemmen. Dat is heel Rotterdamse. Gaat lopen liggen, leggen te stemmen daar op de archiefpagina. Sorry, dat staat gewoon op video, goud. Maar dan zou je eigenlijk willen dat die jaafskript interactie daar weg is. Maar omdat je het gewoon lekker, straight forward. Een soort van beetje spaghetti, een functie, doet alles, hebt gebouwd. Denk je ja, verdorie. Moet ik extra werk gaan en ook moet ik heel dat ding weer uit. Uitkaan gaan lopen trekken. En dan vervolgens wil je ook nog dat je in een review, in een comment ook nog iets wil. En dan zeg je, ik heb dat allemaal niet goed opgezet. Of niet goed overnagedacht. En dan heb je veel meer werk. Als je vanaf het begin af aan de boel netjes op uitsplits hebt. Dan heb je een stukje wat het visuele gedeelte regelt. Als je dan daar zegt, iets heeft een twee sterren. Ja, het lijkt net een beetje alsof je, wie heeft het wel eens de Dragon Ball zien gezien. Dat ze dan met de tweeën, nee, gelukkig één met iemand. Ik zeg altijd dan heb je hoe het eruit moet zien en je data. En dat gooien je er tegenaan en dan komt het visuele twee sterren eruit. Wil je daar nog het stemfunctie erbij hebben. Dan zeg je nou, dan stop ik dat extra lege op blokje. Zet ik dan actieveer ik erbij. En dan is het ineens een interactief blokje geworden. Dus omdat je alles netjes opsplits, kan je zulke dingen beheersbaar maken. En ik geloof nu dat ik net gewoon een paar slijts voorloop. Dus voor zo meteen is het nog makkelijker. We hebben ook wel eens een probleem gehad. Wat eigenlijk door de jaren heen is gegroeid. We hebben projecten overgenomen. Dat hebben anderen opgezet. Daar hebben ze tweeën, drieën, strakke bedline. Knallen, knallen, knallen. En daarna wordt er een landingspage naar ergens ontworpen. Daar moeten we een mooie, grote, extra, grote knop op. Die wordt geïnplimiteerd. Zoals je al ziet zijn er dan... Zie je dat rode stipje eigenlijk een beetje? Niet echt, hè? Nou, dan ga ik er gewoon even naastaan. Als je een beetje ziet, hier zit een wit bordetje omheen. Vondseises zijn anders. Hier zit een lijntje onder. Ik heb een keer een week deze per ongeluk online laten staan. En toen kwam ik erachter. Ik denk, ja, verdorie. Dat is niet handig, maar het is omdat er vanuit de basis... Waarom hebben we een paar stapjes vergeten om die basis goed te krijgen? Zodat als je erop voorborduurt. Dat je altijd ervoor zorgt dat je één en eenzelfde styling krijgt. Dat het consequent is. En dat je er niet echt over hoeft na te denken, als je een nieuwe butten krijgt. Wat ik dus open uiteindelijk heb gedaan, is... Ik heb het teruggebracht naar iets met 33% van alle buttens. Alles wat eigenlijk niet goed was, wat net eventjes een uitzondering was. En dan zeiden ze, ja, maar ik wil hem toch groter. Dat kan, maar daar wordt de boel inconsistente van. Dat is ook een kwestie van praten met de klant van je wilt het. Maar dat komt niet ten goede van je project. Het is jouw optiek, maar als je dat blijft doen, dan wordt heel je site ook een ratje toe. En dat wordt onrustig. En dat heb ik aangegeven, heb ik doorgevoerd. Een stuk rustiger geworden. Maar als je zoiets tegenkomt, een ratje toe, of je begint met een nieuw project, er zijn een paar opties. Wie heeft dit eigenlijk zelfs meegemaakt, met zo'n beeldgroei van een project, dat hij iemand meemaakt? Ja, ik ken dat ik het zelf ook wel zeg maar de oorzaak ervan ben. Dus ja, nou ja, kijk, ja. Dus ik steek ook maar de hand in eigen boezem. Maar als je er nu, zeg maar, wel bewust van bent, en voorneemt voorbij je isvolgende project, om het goed te doen, ik verklappel al één van de opties. Maar één van de opties is wel een quick fix en doorgaan. Waarom zou je dat doen, iemand? Ja, dat komt heet geen tijdengeld voor je. Inderdaad, budget. Het is snel, tijd. Zelfde? Ja. Daar was het Financial Focus Project ervoor. We wisten dat we over twee, drie maanden nieuw ontwerp kregen. We wisten dat we met dat ontwerp een hele nieuwe rierheid kregen. Daar hebben we er toch voor gekozen om even die quick fix door te voeren, eventjes op onze handen te zitten en de naad door te gaan. Dit is ook gewoon een hele van die optie. Wat ook kan doen is dus dat onderdeel toch herschrijven, net zoals met die buttons, dan aak je de rest wel intact, maar dat ene stukje wat toch elke keer voor problemen zorgt, dan gaat het om herschrijven. Zou je dat, zeg maar, vanaf je eigen tijd wilt doen? Het knaagt soms als developerzijden van, ja, ik wil de rierijten, want het is een doornin het oog. Soms werkt het ook gewoon prima en dan kan je het gewoon later werken zoals het is. Don't fix it if it's not broken. Soms moet het wel gewoon gebeuren, dan betrek je ook de klant erbij. Van elke keer als jij een uitbreiding vraagt aan mij, dan loop ik je hier tegenaan. En als ik nu één keertje tijd investeer om dit goed één keertje aan te pakken, dan zal je daarmee tijd besparen. Dat is één van de opties die je kan geven aan de klant van ja, maar nu moet ik nu geld uitgeven. Ja, maar aan de lange rand, beloof ik je dat dat gewoon mijn tijd gaat scheren. Dus dan is dat stukje herschrijven een goede optie. Als je een heel nieuw stuk gaat bouwen, dan heb je dan bepaald van oké, we hebben wel met het team nu afgesproken dat we deze nieuwe standaard gaan doen. Maar dit is nog een oud project, wat ga ik dan doen? Dat je kies van oké, ik weet dat een keertje iets wordt uitgebreid, dat er misschien inderdaad weer een nieuwe site aankomt en dat je dat nieuwe onderdeel alvast in je nieuwe werkmethoden giet. Dat hebben we bij Camping Frankrijk. We hebben dat gedaan, we wisten ook dat er een nieuwe website aan zou komen en toen is Klegaan Nieuws achterin. Die is al met de nieuwe techniek die we standaard elke keer ging toepassen, is hiermee begonnen, omdat hij wist dat als ik dit niet doe, dan snijd ik mezelf ook alleen mee in de video's en dan kost het me gewoon twee keer zoveel tijd om dit project op te leveren. Wij werken nu tegenwoordig met Trick en WordPress en dat zorgt voor zoveel tijdwinst. Daarom heeft hij gewoon de keuze gemaakt. Heeft hij overlegd met de rest van de team, maar heeft hij de keuze gemaakt om van gaan we dit doen? Ja, doen, want dit komt ons ten goede en er komt de klant ook ten goede. Of een keertje compleet opnieuw beginnen en dat gebeurt niet vaak. Wie heeft er al een klant die zo lang al klant is dat je een keertje een rewrite hebt mogen doen? Hoe voelde dat? Ja, fris, ja. En het kwam ook later naar boven omdat je een rewrite hebt gedaan dat je hem ook beter kan noemen, faciliteren met nieuwe dingen. Ik ben er zo blij mee als dat een keertje dan toch echt moet gebeuren, maar... Ja, goed dat. Eén van de op... Ik had het over methodes. Wat ga je dan doen? Ik heb wat situatieschetsen gedaan, wat voorbeelden gegeven van wat de fout kan gaan en dit zijn een paar voorbeelden van waar wij opletten als wij een nieuwe website gaan bouwen. Separation of Concern. Wie kent deze stem? Ja, het bord ik net omschreven met die sterretjes met het gedrag, met de waardes. Als je dat allemaal een beetje uit elkaar weet te trekken dan heb je de waarde van je rating dan heb je de HTML hoe het eruit moet komen te zien en het stukje javascript dat voor het stemmen zorgt. Dat kan je samenvoegen en dat zorgt voor op inderdaad als je een review achterlaat dan wil je alles inzetten en dan heb je dat stukje af. Op die andere pagina wil je het alleen bijvoorbeeld tonen dus dan heb je alleen maar, dit lege blokje nodig en het hoe het eruit komt te zien en dan heb je dat op die pagina en dat is die werkmetode het is nog niet iets dat je 1, 2, 3 doet. Je leert dat gaande weg als je wat beeld gaat bouwen en je zegt ik wil het zo gescheiden op gaan zetten dan moet je het gewoon doen en dan leert het ook gaande weg. Ze noemen dat ook wel uit MVC Model View Controller Model is de data, de view is het template hoe het er visueel uit moet komen te zien en de controller is die alles samenvoegt en het uitsplugt als het ware. Alles met een modellaire aanpak, alles lege blokjes zijn, losse stukjes die 1 geheel zijn. Het is wel zo dat als je een modellaire aanpak hebt dat je meer code hebt. Dus als dit je applicatie is al dat aan elkaar knopen is wel een beetje extra werk en dan moet je wel bij stilstaan dat dat bij het bouwen voor een beetje overhet zal zorgen maar die overhet zal je normatie met het project voordert zal je die overhet echt binnen no-time terugverdienen. Ik heb met Mark, heb ik aan Financial Focus gewerkt die moest Mark, andere collega die heeft nog nooit het project gezien en ik zeg Mark, ik heb je hulp nodig we moeten iets uitbouwen en hij was met een feature die geloof ik nog geen uurtje anderhalf uur was hij klaar omdat we die afgesproken modellaire aanpak hadden afgesproken en hij weet dan ongeveer waar alles een beetje zit en dat scheelt gewoon heel veel en ik weet niet meer waarom ik ja als je probeert aan te houden als iets dat noem je de model de data ze spullen dat uit een database komen of je roept iets van en tevreden.nl zo'n rating zo'n review website spullen op dat probeer je dan altijd te verpakken op het moment dat je ergens in een template dat alleen maar iets moet HTML heeft als je daar een stukje logica gaat schrijven om iets op te halen dan moest je even eens een lampje bijgebranden oh wacht, dat moet ik een soort van in quarantaine zetten omdat dat alleen maar voor zichzelf is eigenlijk wil je het met één regel zeggen ik wil het aantal sterren ophalen met één regel als je meerdere regels gaat doen dan gaat er een lampje branden van nu ben ik een stukje logica aan het schrijven in mijn HTML om iets op te halen met javascript het is een soort van standaard om geen inline javascript te schrijven maar dat kan je als je dat in een losme standje plaatst dan is het ook al logisch dat voor die interactie zit het bizarre is je kan ook weer binnen javascript kan je ook weer hetzelfde principe gaan toepassen maar dan ga je wel heel diep dus dat heb ik ook in de conclusie staan je moet ook wel oppassen dat je niet te diep naar de rebelthol gaat neem een stapje bij stapje even kijken wat ik hiernaast heb een andere oplossing is tank in componenten vroeger dacht wel dat ja er hebben we een landing space die moeten we ontwerpen zo voor uur voor een contact pagina maar op zo'n contact pagina of op een detail pagina kunnen blokjes componenten vaker voorkomen dus als er een reisje met gerelateerde berichten staat dat precies dezelfde uitziet de top 6 berichten op de homp pagina dan wil je dat niet 2 keer gaan programmeren dan wil je hoe het eruit ziet wil je maar 1 keer programmeren en dan moet je in een component gaan denken of zelfs kleinere onderdelen zoals die buttons die ik eerder heb aangehaald je kan een button ook als een component zien dus als je hem in ieder geval een stand uit styling geeft dan weet je even of dat in de rest van de website ook goed is dat je dus niet ineens een ongestelde button zoals ik had eventjes ergens voorbij ziet komen even een vraag om wat bloed bij de hersenen te laten komen iedereen die de vraag is zijn dit dezelfde componenten nee iedereen die zegt ja mag gaan staan en iedereen die zegt nee die mag bij me zitten dus ja staan en nee zitten de ja wordt in dit geval ik had eigenlijk de nee moeten belonen met staan want dan kan je weer nee het zijn dezelfde componenten onder water gebruiken ze dezelfde html ze gebruiken dezelfde data dezelfde data brom want het is gewoon een nieuwsbericht het enige wat anders is is de locatie op de website en hoe we dit hebben gedaan is met een trucje dat heet extenden met css classes wie van jullie heeft wel eens met bootstrap gewerkt of een ander framework ja bootstrap past ook deze methode als je hebt ook de volgende slide wat ik eigenlijk hier heb gedaan is dit is de standaard weergehaven het staat hier teaser omdat het altijd een beetje een snippete dingetje geeft dit hebben we een grote teaser hebben die het enige wat daar anders zouden is is styling daar hebben we een css cluster opgeplakt die heet teaser large en wat het dan doet is dat de categorie die wordt naar boven gewipt de datum die zet ik gewoon heel simpel op display non en ik zorg ervoor dat er hier een viepje qua styling bij is gekomen maar dat is puur css in de basis is het hetzelfde component alleen ik heb in css heb ik de styling alleen eens aangepast dus als ineens je hebt beurk of zoiets ergelijks of 10 waardoor de achtergrond niet goed getoond wijt en we hebben maar 1 je hoeft te fixen omdat dat 4 kantje, dat is gewoon hetzelfde geblegen en dat hebben we niet daardoor op 4 verschillende plekken nog moeten fixen dus wat ik zei frameworks zoals bootstrap hebben we dat ook je hebt een alert en je hebt een alert succes of een danger en dan krijgt die gewoon een ander kleurtje met css kan je dat extenden nou dat opsplitzen dat kan je nog verder trekken dat kan je nog dieper de down the rabbit hole in dit zijn allemaal dit is een nieuwsbericht dit is een video en dit is een magazine de databron van deze is wel anders want je hebt een custom post type video of custom post type magazine dus het komt wel ergens vandaan maar het feit dat deze 2 hoog is of 1 keer 1 dat hebben we los getrokken van het feit dat het een nieuwsbericht is want stel nou dat ze een video een keer je 1 breed en 2 hoog willen hebben om wat voor reden dan ook en klanten zijn goed in wat voor reden ook verzinnen om iets te willen geen probleem want dan zorg ik ervoor dat ik gewoon hetzelfde trucje met die css classes nieuwsbericht is gewoon dat al hier alles staat maar het format het block hoe het reageert qua layout dat heb ik los getrokken van wat voor type het is dus door 1 keer 2 op dit ding neer te zetten is hij ineens 2 hoog of 2 breed geworden of gewoon standaard 1 keer 1 dit heeft heel veel tijd geschild en daardoor hebben zij zelf als de redactie hebben ze ook meer was het super makkelijk om deze logica te implementeren voor ze want ze hoefden ergens in een dropdampje te zeggen nou dit is 1 keer 1 en opslaan en dan stond het alles ineens heel fensie anders in elkaar er zijn een paar dingetjes die dit is wel basis maar ik vind dat het fijn om eraan te herinneren mezelf, kweega's andere plug-in developers probeer geen id's te gebruiken in bij het maken van je html ik heb met de wordcamp Rotterdam website was het voor mij heel lastig om zaken te overschrijven omdat ze qua stijling css deden ze zo dat hekje hash je hashtag en dan ging ze erop stijlen en dan moest ik met importen gaan werken en moeilijk dat is echt heel lastig voor mij en probeer niet te diep te nesten als ik een button op de hoompagenaar heb en ziet iedereen dit een beetje of moet ik hem wat groter maken hoe meer puntjes en hoe dieper die selectes zijn hoe moeilijker het is om dit ding te overschrijven dus als je gewoon button en button video play of menu item en nog een klas erop zet dan maakt het je het leven veel makkelijker om zulke dingen te overschrijven dus wil je met componenten gaan werken dan probeer je dan niet te veel css selectors diep te gaan waar hebben we ook object georienteerd programmeren passen we toe dit is echt object georienteerd programmeren kan je nog drie workshops voor overgeven maar bij ons hebben we ook weer dat stukje overerven toegepast bij ons plug-in zoals created post-forward press of weer gebruikt was download monotoy van bodycoy andere dingen van WooCommerce heeft ook gebruikt ook object georienteerd programmeren en die hebben ook weer hun data bronnen hebben ze een basis functionaliteit dat gedeeld wordt heb ik daar ook sleids voor daar heb ik netje sleids voor je hebt een basis dat is een nieuwsbericht en een uitzondering op het nieuwsbericht dat is de video pose want het enige wat daar extra op zit is hoe lang die video duurt en voor de rest is het allemaal dezelfde heeft het een titel, een video heeft het een description een omschrijving dat je gewoon in de wisselig ert kan schrijven alleen die tijd duratie is wat langer en dan hoef ik dat alleen maar in die video te programmeren en dan heb je als je iets wil aanpassen in de basis hoef je dat maar op één plek weer te doen en dat cypelt dan weer helemaal zo terug van boven naar beneden zoals ik al zei, wij zijn echt fan van twik we hebben zelf een, hoeveel tijd heb ik nog vijf minuutjes na, top wij hebben zelf een plug in geschreven en dat heet Clarkson Clarkson Core, dat zorgt ervoor dat twik beschikbaar is binnen Wordpress twik is een template engine Wordpress zelf heeft niet echt een theming lege je moet altijd, met PRP je templates gaan schrijven en daardoor word je soms wel stiekem uitgenodigd om een beetje logica te gaan schrijven dat je wp query of catpost daarin schrijft en met twik kan dat niet, dus we beschermen ons zelf ervoor om eigenlijk in de fout te gaan daardoor word je eigenlijk die separation of concern om dingen op uitsplitzen we hebben al een klein beetje en naast is dat twik, wie gebruikt de timbe kennen jullie dat, timbe? hoe vind je dat? ja, goed goed is ook wel een beetje laffjes uitgedrukt omdat het gewoon twik is fantastisch om dat te kunnen gebruiken ik heb wel eens Willemijn en Mike toen ze net met Clarkson begonnen te werken vanaf afstuderen geloof ik en dat ze dan als een oud project ik wil terug naar twik en Clarkson en dat geeft alweer aan hoeveel blij je ervan kan worden als je iets zoals timbe of Clarkson kan gebruiken hier kan je hetzelfde principe ook weer toepassen dit is eigenlijk een standaard layout dit kan je home page zijn maar dit kan ook je detailpagina zijn die precies hetzelfde eruit ziet als je wilt standaard in WordPress heb je dus wat is het front page of index.pap ga je daar code inschrijven en dan ga je in single.pap moet je weer diezelfde code gaan schrijven omdat het dezelfde layout heeft dus is hier eigenlijk duplijk het code te schrijven wat dat betekent als je iets aanpast in de ene moet je nadenken oh ja, dat moet hier ook aangepast worden twik zorgt ervoor dat je een keer een layout schrijft en dat je die dan ook weer kan overerven op een pagina op een home pagina of op een single pagina waardoor je jezelf ook weer ik word helemaal blij van dit ik doe dit dagelijks en ik sta er nog steeds elke keer bij stil dat het me elke keer als ik een pagina of template en dit uitvoer dat ik hoeveel tijd het me schild en ook in de toekomst hoeveel problemen het weer verhelpt of voorkomt ja, ik zou zeggen gebruik Clarkson, we hebben nu een handleiding geschreven over een instap Simon die is net bij ons komen werken en die heeft hem helemaal doorlopen en gaat prima Timber is ook net zo, is ook veel documentatie van over te vinden proberen, het gaat eens een kiertje spelen ik kom nu aan het einde van de presentatie dus waarom moet je nou, of moet hoe moet er niks, wanneer zou waarom wil je nou die modulaire aanpak gebruiken herbruikbare code layouts kan je herbruiken je kan basisplokken had die me ook kan je herbruiken uitbreiding wordt eenvoudig zoals ik al zei dan wil je 1 achtergrondje op zo'n blok aanpassen hoeveel je dat 1 keer maar te doen code wordt er ook testbare van op een gegeven moment, wij mochten nu voor best wel complexe projecten er worden heel veel complexe berekeningen gedaan gaan we PHP unit test voor schrijven maar dat moet op zo manier gedaan worden je code moet op zo manier geschreven worden dat dat modulair lastig als je het niet doet dan kan je geen PHP unit test ervoor schrijven omdat dat haat niet op elkaar in wij hebben echt gemerkt dat sinds we Clarkson gaan gebruiken en dus ook meer die modulaire aanpak hebben al die tips hebben kunnen toepassen dat we echt minder supporters hebben binnengekregen omdat de zaken gewoon veel minder omvallen of dat je minder door krijgt van hier staat het nog niet goed daar worden wij blij van en dan worden we ook de klant blij van en dan heb je ook weer meer tijd en budget voor de klant om te werken aan zaken die er toedoen die voor waardemiddeling vermeerdering zorgen en klant blij en dan zijn wij eigenlijk ook super blij mee dus omarm de modulariteit spritse complexe dingen op ook stapje bij stapje want deze spritzatie kan ook je hebt ineens heel veel nieuwe dingen gehoord maar begin gewoon bij 1 onderdeel en breidt het in de tijd breidt het uit en spreek best practices af met je team wij zijn nu ook met de afgelopen en we hebben versterking gekregen en je moet even afspreken met een team al werk je met z'n tweeëntjes maar welke methoden je gebruikt ik kan wel iets verzinnen maar als ik dat elke keer moet uitleggen aan een nieuw klega dit is mijn metode, ik heb het een beetje wie kent de BAM met CSS dat is of ja, als je CSS schrijft kan je een bepaalde metode toepassen een schrijfwijze om CSS op te splitsen als je zegt waar je gebruikt binnen het bedrijf deze metode er zijn online handleidingen over ik hoef het niet allemaal z'n handje beter houden of haar handje beter houden om het helemaal uit te leggen dit passen we toe en dat gaan we lezen het is duidelijk hoeveel schrijfwijze zijn? BAM ik heb in de laatste cheat ik heb ook in de laatste pagina een link naar waar deze cheat te zien is heb ik een paar linkjes van termen die ik hier heb gedoond of werkmethodes zoals dat op splitsen en BAM bijvoorbeeld BAM was voor mij ook nieuw maar ik heb het gelezen en het is gewoon een prima metode waarom heb ik die ook omarmd Gijmen Martinez wordcamp Nijmegen wil je ze nalezen dan LVL levellevel.nl slash tax schrijf deze maar even over het is een ik kan niet LVL.li slash tax en dan krijg je een redirect en dan kom je op de pagina van deze tak dit zijn de ressources het gaat nog niet regelen het wordt weer heel warm dan kan je lekker in het zonnetje lezen dat was hem zijn er nog vragen vanuitzelf kijk fijn ik vind het heel warm op je georienteerd op je georienteerd op je georienteerd de zee een vraag het vastleggen van de attributen van jouw components waarom die op de ene plek anders dat je het uitziet of anders verdraagd van de andere plek waar lig je het vast alleen maar in je c6 heb je ook een attributerveel voor de video ik vroeg of waar ik de attributen de toggle het aandacht uitzetten dat iets een kleine of een grote teaser is waar leg ik dat vast of dat het wel niet interactief is dat is verschil per prijet de ene keer kan je dat aangeven dat dat in de afhankelijk is van als we dan zeggen flexible content ACF dit is een groot blok links en daarnaast willen ze een top 5 lijstje hebben omdat de admin aan de linkerkant heeft gezegd dit is een groot blok dan heb ik dat ingeprogrammeerd dat het klasje direct op komt te staan dit is dezelfde 1 keer 1 of 2 keer 1 format gaan kiezen dat hebben ze ook met in de WordPress admin kunnen ze uit een drop-down selecteren van deze moet 1 keer 1 zijn en deze moet 2 keer 1 zijn en dan hebben we zelf eigenlijk dat grid zo flexibel gebouwd dat het allemaal in elkaar klikt mag niet uit ongeacht welke of 2 keer 1 keer 1 naast elkaar staat of 2 keer 1, 2 keer 1 en 1, 1 met JavaScript ervoor gezocht dat het allemaal in elkaar klikt maar ja, het complex ditje maar daardoor werd het bij ons wel overzichtig per use case, verschilt het inderdaad en je kan ook een include doen met template met trick en dan kan je ook een extra parameter meegeven en dan kan je zeggen maak hier deze large van als ik dit componentje hier zo op zing op een tweak en dan laat je dat op bijvoorbeeld op de front page laat je dat gewoon weg en dan weet je dat het gewoon dat is een beetje de jij en u, ja jij ja, ja ik heb al een paar keer geprobeerd om dat modelaire programmeren in WordPress te doen, ik loop eigenlijk altijd hetzelfde issue aan op een begin gaan ben ik gewoon helemaal de wegprijd qua CSS-klas name neeming things wat zeggen ze dat neeming things eigenlijk het moeilijkste is tijdens het programmeren en cashkleren nee, ja lees even BAM door daar hebben ze wel wat tips om qua neeming convention probeer te vermijden dat je iets red blok noemt want in de toekomst kan het ineens een bloedblok worden dus dan kan je beter zeggen highlight het blok in plaats van red blok ik heb zelf ook nog zelfs dat ik iets verkeerds heb genoemd alleen wat ik dan wel doe is dan verander ik het omdat na wel de logische naam want als developer na mij na komt lukt het tegen hetzelfde dingetje aan en dan wil ik niet dat hij ook een half uur nadenken is, ja maar dit ik had het eens een keer met de winemijn genoemd en je dacht, waarom heet dit zo sorry dan gaan we dat nu gelijk even eens aanpassen naar je merkt ook dat als je iets boud als je door ontwikkelt dat soms iets niet helemaal lekker zit en dan pas je dat ook aan en omdat je dat netjes allemaal gescheiden hebt dan is dat ook een stuk minder moeilijk om aan te passen ja, alsjeblieft ja, dat ook nog die zijn van de denk ik niet in pagina's maar in componenten en daar hou ik zelf ook heel erg van wat ik in de praktijk merk is dat bij de klant soms de redacteur die het vervolgens gaat onderhouden die is dan nog moeilijk kan maken dus dat die het heel ingewikkeld vindt dat lock je dan weer op een andere plek hoe ze onderhouden dan door de tekst van de basispagina zetten en locken jullie daar ook tegen aan en hoe gaat het met de onderhoud ja, omdat we eigenlijk meer tijd erin tijdens het bouwen en het onderhoud kunnen we ook meer tijd besteden aan hoe we onze ACF-pagina's ik noem gelijk ACF, dat is onze go-to over die redactie-pagina's indelen wat we ervoor zullen dan echt even eens wat we proberen er gewoon wat langer over na te denken het is lastig, ik weet niet iemand anders een tip erover dat als je het hier verandert dan vervolgens ook weer op zes andere plekken ook mee veranderd de klant heeft gevraagd de verandering dus ja, dat betekent niet alleen dat de voorkant verandert maar ook aan de achterkant verandert en aangezien de technologie ontwikkeld de klant ook meer moeten ontwikkelen in het ontwikkelde redactie-pagina we kunnen als mensheid niet statingsplein verkijken naar Wordpress of WordPerfect 5.1 ja, ik heb dat ook wel zindelijk een kennisje die eigenlijk gewoon een nieuwsbericht aanmaken maar die had op een gegeven moment een pagina aangemaakt en die had ze blog genoemd en dan ging ze de inhoud van elk blog in die content in de wistwicht erg geplakken en toen zei ik ja, maar dan komen die post niet meer in die sidebar wist je het niet meer erbij van de laatste 5 berichten en haar gezegd en dat dat vatten ze niet en ja, dat was hij halen, hij halen, hij halen wat soms heel goed werkt is mensen dat een keer fout laten doen dat ze beseffen dat dat een goede manier is en dat voor Armesen die ook echt volmondig precies dit verhaal dat heb ik echt een keer meegemaakt en mijn klant die deed dat gewoon en toen zei ik hey Willem kijk, zie je, dat gebeurt, dat gebeurt oh ik zag het voor je bouwen ja, ok ja, dat is een beetje begeleiding en dat begeleiding van de opvoeden van de mensen die je samenwerkt, ja, klopt het is lastig hoor, altijd nog een laatste vraag, een korte vraag, iemand ja, Willem ja, heel kort kun je je componenten ook gebruiken met de klanten, of krijg je een las met eigendomsrichting taken als wij iets bouwen wat we kunnen erg gebruiken binnen projecten, hebben we daar issues mee met eigendom we hebben geen issues mee omdat we geen issue van maken ik heb niets te doen kunnen we dit knippen uit deze video hier alsjeblieft ok, oh, ik heb het niet gehaald ja bij ABN hebben we ook wel eens vroeger drie verschillende afdelingen vroeger om dezelfde fietsje, omdat gewoon ABN breed werd doorgevoerd en we krijgen de drie dezelfde vragen toen heb ik met Christian Sampjes hebben wij gewoon een generiek ding gebouwd en dat hebben we ingezet, we hebben een uurtje geklopt op dat project een uurtje geklopt op dat project ok, dankjewel alsjeblies we hebben straks ook weer voor de barcamp we hebben nu even de korte pauze van de kwartier als je meer wil weten over de WBCLI we hebben straks een barcamp over hier en voor nu, nee, het is de ene laatste keer in ieder geval ga je mee zien, goed plaats voor