[{"data":1,"prerenderedAt":755},["ShallowReactive",2],{"collection-blogs--96169008":3,"_apollo:default":754},{"data":4,"meta":751},[5],{"id":6,"title":7,"excerpt":8,"slug":9,"createdAt":10,"updatedAt":11,"publishedAt":12,"backDate":13,"documentId":14,"imageUrl":15,"expertises":59,"author":554,"blocks":579,"seo":716},85,"Wat wij hebben meegenomen van de workshop New Front-End Adventures","Wat wij hebben meegenomen van de workshop New Front-End Adventures\n\nAangekomen bij de schitterende locatie van de Tobacco Dock in London werden we welkom geheten door de organisatie van de JAMstack_conf 2019 en uitgenodigd voor een goed ontbijt, zodat we vol energie aan de “New Front-End Adventures” van Vitaly Friedman konden beginnen.","wat-wij-hebben-meegenomen-van-de-workshop-new-front-end-adventures","2023-10-13T10:26:37.597Z","2025-04-22T12:34:54.590Z","2023-10-13T10:26:37.542Z","2019-07-23","qyhymvn0hqfs7ybftgbpag9a",{"id":16,"name":17,"alternativeText":18,"caption":18,"width":19,"height":20,"formats":21,"hash":52,"ext":23,"mime":26,"size":53,"url":54,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":56,"updatedAt":56,"documentId":57,"publishedAt":58},334,"wat-wij-hebben-meegenomen-van-de-workshop-new-front-end-adventures.jpg",null,1738,618,{"large":22,"small":31,"medium":38,"thumbnail":45},{"ext":23,"url":24,"hash":25,"mime":26,"name":27,"path":18,"size":28,"width":29,"height":30},".jpg","https://incredible-beef-2a6059b946.media.strapiapp.com/large_wat_wij_hebben_meegenomen_van_de_workshop_new_front_end_adventures_014684d9ce.jpg","large_wat_wij_hebben_meegenomen_van_de_workshop_new_front_end_adventures_014684d9ce","image/jpg","large_wat-wij-hebben-meegenomen-van-de-workshop-new-front-end-adventures.jpg",64.99,1000,356,{"ext":23,"url":32,"hash":33,"mime":26,"name":34,"path":18,"size":35,"width":36,"height":37},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_wat_wij_hebben_meegenomen_van_de_workshop_new_front_end_adventures_014684d9ce.jpg","small_wat_wij_hebben_meegenomen_van_de_workshop_new_front_end_adventures_014684d9ce","small_wat-wij-hebben-meegenomen-van-de-workshop-new-front-end-adventures.jpg",21.93,500,178,{"ext":23,"url":39,"hash":40,"mime":26,"name":41,"path":18,"size":42,"width":43,"height":44},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_wat_wij_hebben_meegenomen_van_de_workshop_new_front_end_adventures_014684d9ce.jpg","medium_wat_wij_hebben_meegenomen_van_de_workshop_new_front_end_adventures_014684d9ce","medium_wat-wij-hebben-meegenomen-van-de-workshop-new-front-end-adventures.jpg",41.68,750,267,{"ext":23,"url":46,"hash":47,"mime":26,"name":48,"path":18,"size":49,"width":50,"height":51},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_wat_wij_hebben_meegenomen_van_de_workshop_new_front_end_adventures_014684d9ce.jpg","thumbnail_wat_wij_hebben_meegenomen_van_de_workshop_new_front_end_adventures_014684d9ce","thumbnail_wat-wij-hebben-meegenomen-van-de-workshop-new-front-end-adventures.jpg",6.88,245,87,"wat_wij_hebben_meegenomen_van_de_workshop_new_front_end_adventures_014684d9ce",147.06,"https://incredible-beef-2a6059b946.media.strapiapp.com/wat_wij_hebben_meegenomen_van_de_workshop_new_front_end_adventures_014684d9ce.jpg","strapi-provider-upload-strapi-cloud","2023-10-13T10:23:55.849Z","xzk080tz6z3qfh2hjvqbp174","2026-01-05T12:38:34.018Z",[60,295],{"id":61,"title":62,"subTitle":63,"description":64,"shortDescription":65,"slug":66,"createdAt":67,"updatedAt":68,"publishedAt":69,"isCoreExpertise":70,"documentId":71,"image":72,"blocks":91,"midPageBlocks":163,"seo":18},2,"Front-End","Steeds complexer en steeds belangrijker","In een online wereld vol moderne webapplicaties is een goede Front-End onmisbaar. Het is nodig om aan de behoeften en verwachtingen van de gebruikers te voldoen. De interactie voor de gebruiker moet daarbij zo snel en optimaal mogelijk zijn. Met trots kunnen wij zeggen dat juist dáár de kracht van onze Front-End Developers zit.\n\nOnze ervaren Developers staan klaar om jouw team te versterken en te zorgen voor een optimale gebruikerservaring. Of je nu een tijdelijke aanvulling op je team nodig hebt of op zoek bent naar gespecialiseerde kennis voor een specifiek project, onze Front-End Developers zijn uitgerust om de uitdagingen van onze klanten aan te gaan en hun doelen te bereiken.","Onze Front-End developers zijn bedreven in diverse programmeertalen, frameworks en methodieken en daardoor breed inzetbaar.","front-end","2023-08-17T09:50:12.632Z","2024-12-13T12:15:57.609Z","2023-08-17T09:50:14.418Z",false,"l6bdicvjcb7ue03zpciuc888",{"id":73,"name":74,"alternativeText":18,"caption":18,"width":75,"height":76,"formats":77,"hash":86,"ext":79,"mime":82,"size":87,"url":88,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":89,"updatedAt":89,"documentId":90,"publishedAt":58},15,"frontend.png",282,130,{"thumbnail":78},{"ext":79,"url":80,"hash":81,"mime":82,"name":83,"path":18,"size":84,"width":50,"height":85},".png","https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_frontend_d8fa4dbfc1.png","thumbnail_frontend_d8fa4dbfc1","image/png","thumbnail_frontend.png",5.3,113,"frontend_d8fa4dbfc1",1.19,"https://incredible-beef-2a6059b946.media.strapiapp.com/frontend_d8fa4dbfc1.png","2023-08-17T09:47:56.273Z","gyo35xg1rnualaf1vog9edz8",[92,140],{"__component":93,"id":94,"title":95,"aside":96,"postType":97,"limit":98,"expertise":99},"strapi.related-kennisbank-list",161,"Lees meer over Front-End Development","Onze blogs","alle",3,[100],{"id":61,"title":62,"subTitle":63,"description":64,"shortDescription":65,"slug":66,"createdAt":67,"updatedAt":68,"publishedAt":69,"isCoreExpertise":70,"documentId":71,"image":101,"blocks":104,"midPageBlocks":115,"seo":18},{"id":73,"name":74,"alternativeText":18,"caption":18,"width":75,"height":76,"formats":102,"hash":86,"ext":79,"mime":82,"size":87,"url":88,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":89,"updatedAt":89,"documentId":90,"publishedAt":58},{"thumbnail":103},{"ext":79,"url":80,"hash":81,"mime":82,"name":83,"path":18,"size":84,"width":50,"height":85},[105,106],{"__component":93,"id":94,"title":95,"aside":96,"postType":97,"limit":98},{"__component":107,"id":108,"titleLeft":109,"callToActionTextLeft":110,"callToActionLinkUrlLeft":111,"titleRight":112,"callToActionTextRight":113,"callToActionLinkUrlRight":114},"call-to-action.double",210,"Heb je een Front-End Developer nodig?","Neem contact met ons op","/contact","Zoek je een nieuwe baan?","Bekijk onze vacatures","/word-onze-collega/vacatures",[116,122,126,130,134],{"__component":117,"id":118,"title":119,"subTitle":18,"content":120,"callToActionText":121,"callToActionLink":111,"colorStyle":18,"showAsides":18},"global.alternating-page-section",20,"Experts in verschillende frameworks","De huidige markt wordt al enige jaren gedomineerd door de drie grote Front-End frameworks: Angular, Vue en React. Voor elk framework hebben wij experts die altijd up-to-date blijven van de laatste ontwikkelingen. Hierdoor kunnen wij aan alle wensen voldoen. Het houdt de interactie binnen het team ook levendig; we sparren vaak en organiseren regelmatig LevelUp-sessies om elkaar op de hoogte te houden.","Neem contact op voor de mogelijkheden",{"__component":117,"id":123,"title":124,"subTitle":18,"content":125,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},22,"Meer dan HTML, CSS en Javascript","Over het algemeen bestaat een Front-End framework uit HTML, CSS en Javascript, maar als Front-End competence in een multidisciplinaire agile omgeving doen we steeds meer. Of het nu gaat om de integratie van middleware zoals GraphQL of het inrichten van een pipeline voor productie- en staging-omgevingen. Wij weten wat we ermee moeten doen. Onze experts zijn zeer bekwaam en ervaren in de samenwerking met UX-designers. Door het gebruik van design patterns en design tokens zorgen ze voor een naadloze integratie van ontwerp naar ontwikkeling.",{"__component":117,"id":127,"title":128,"subTitle":18,"content":129,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},21,"Kennis up-to-date","De Front-End Developers krijgen ruim de mogelijkheid om hun kennis up-to-date te houden door trainingen te volgen en evenementen te bezoeken. Maar wat is leerzamer dan de opgedane kennis in de praktijk brengen? Daarvoor hebben we binnen ShareValue een aantal interne projecten lopen zoals de herbouw van onze website met Nuxt met een Strapi CMS, en de ontwikkeling van een eigen CV-generator met Angular. De kennis die onze experts opdoen, delen zij regelmatig in blogs.",{"__component":117,"id":131,"title":132,"subTitle":18,"content":133,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},23,"Full-Stack Development","Onze Developers zijn niet alleen experts in Front-End technieken, maar ook getraind in .NET en Azure. Dit verbreedt hun vaardigheden en maakt hen volwaardige Full-Stack Developers. Wat natuurlijk niet wegneemt dat wij trots zijn op onze specialistische kennis als Front-End Developers. ",{"__component":135,"id":136,"title":137,"callToActionText":138,"callToActionLinkUrl":139,"body":18},"call-to-action.single",100,"Wil je weten wat onze collega's allemaal kunnen?","Lees de klantcase over ons werk bij Rovict","/klantcases/rovict-vernieuwt-leerlingadministratie-en-leerlingvolgsysteem-esis",{"__component":107,"id":108,"titleLeft":109,"callToActionTextLeft":110,"callToActionLinkUrlLeft":111,"titleRight":112,"callToActionTextRight":113,"callToActionLinkUrlRight":114,"iconUrlLeft":141,"iconUrlRight":154},{"id":142,"name":143,"alternativeText":18,"caption":18,"width":144,"height":145,"formats":18,"hash":146,"ext":147,"mime":148,"size":149,"url":150,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":151,"updatedAt":152,"documentId":153,"publishedAt":58},6,"bulb.svg",71,70,"bulb_dd2e1d4efb",".svg","image/svg+xml",3.75,"https://incredible-beef-2a6059b946.media.strapiapp.com/bulb_dd2e1d4efb.svg","2023-08-17T08:31:37.036Z","2025-04-01T14:08:08.648Z","l2lglwkh4lf7ip36sjvs42rc",{"id":155,"name":156,"alternativeText":18,"caption":18,"width":145,"height":145,"formats":18,"hash":157,"ext":147,"mime":148,"size":158,"url":159,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":160,"updatedAt":161,"documentId":162,"publishedAt":58},8,"briefcase.svg","briefcase_679abae475",4.49,"https://incredible-beef-2a6059b946.media.strapiapp.com/briefcase_679abae475.svg","2023-08-17T08:31:37.038Z","2025-01-24T15:53:51.531Z","bfdftlvwhj35dm37dzv4aujf",[164,202,232,262,293],{"__component":117,"id":118,"title":119,"subTitle":18,"content":120,"callToActionText":121,"callToActionLink":111,"colorStyle":18,"showAsides":18,"imageUrl":165},{"id":166,"name":167,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":170,"hash":197,"ext":23,"mime":174,"size":198,"url":199,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":200,"updatedAt":200,"documentId":201,"publishedAt":58},775,"development.jpg",1280,850,{"large":171,"small":178,"medium":184,"thumbnail":190},{"ext":23,"url":172,"hash":173,"mime":174,"name":175,"path":18,"size":176,"width":29,"height":177},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_development_eb51c16b40.jpg","large_development_eb51c16b40","image/jpeg","large_development.jpg",129.5,664,{"ext":23,"url":179,"hash":180,"mime":174,"name":181,"path":18,"size":182,"width":36,"height":183},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_development_eb51c16b40.jpg","small_development_eb51c16b40","small_development.jpg",47.86,332,{"ext":23,"url":185,"hash":186,"mime":174,"name":187,"path":18,"size":188,"width":43,"height":189},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_development_eb51c16b40.jpg","medium_development_eb51c16b40","medium_development.jpg",86.06,498,{"ext":23,"url":191,"hash":192,"mime":174,"name":193,"path":18,"size":194,"width":195,"height":196},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_development_eb51c16b40.jpg","thumbnail_development_eb51c16b40","thumbnail_development.jpg",14.65,235,156,"development_eb51c16b40",184.35,"https://incredible-beef-2a6059b946.media.strapiapp.com/development_eb51c16b40.jpg","2024-08-08T08:20:39.044Z","kpowm3xzp131qb3rneasct1x",{"__component":117,"id":123,"title":124,"subTitle":18,"content":125,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":203},{"id":204,"name":205,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":206,"hash":227,"ext":23,"mime":174,"size":228,"url":229,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":230,"updatedAt":230,"documentId":231,"publishedAt":58},776,"ux designer.jpg",{"large":207,"small":212,"medium":217,"thumbnail":222},{"ext":23,"url":208,"hash":209,"mime":174,"name":210,"path":18,"size":211,"width":29,"height":177},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_ux_designer_4d22c4e684.jpg","large_ux_designer_4d22c4e684","large_ux designer.jpg",95.41,{"ext":23,"url":213,"hash":214,"mime":174,"name":215,"path":18,"size":216,"width":36,"height":183},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_ux_designer_4d22c4e684.jpg","small_ux_designer_4d22c4e684","small_ux designer.jpg",30.12,{"ext":23,"url":218,"hash":219,"mime":174,"name":220,"path":18,"size":221,"width":43,"height":189},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_ux_designer_4d22c4e684.jpg","medium_ux_designer_4d22c4e684","medium_ux designer.jpg",59.67,{"ext":23,"url":223,"hash":224,"mime":174,"name":225,"path":18,"size":226,"width":195,"height":196},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_ux_designer_4d22c4e684.jpg","thumbnail_ux_designer_4d22c4e684","thumbnail_ux designer.jpg",8.79,"ux_designer_4d22c4e684",140.45,"https://incredible-beef-2a6059b946.media.strapiapp.com/ux_designer_4d22c4e684.jpg","2024-08-08T08:22:53.444Z","lzicd49svwe2coyrmyxkolub",{"__component":117,"id":127,"title":128,"subTitle":18,"content":129,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":233},{"id":234,"name":235,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":236,"hash":257,"ext":23,"mime":174,"size":258,"url":259,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":260,"updatedAt":260,"documentId":261,"publishedAt":58},777,"kennis opdoen.jpg",{"large":237,"small":242,"medium":247,"thumbnail":252},{"ext":23,"url":238,"hash":239,"mime":174,"name":240,"path":18,"size":241,"width":29,"height":177},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_kennis_opdoen_7e45a846f8.jpg","large_kennis_opdoen_7e45a846f8","large_kennis opdoen.jpg",147.32,{"ext":23,"url":243,"hash":244,"mime":174,"name":245,"path":18,"size":246,"width":36,"height":183},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_kennis_opdoen_7e45a846f8.jpg","small_kennis_opdoen_7e45a846f8","small_kennis opdoen.jpg",43.85,{"ext":23,"url":248,"hash":249,"mime":174,"name":250,"path":18,"size":251,"width":43,"height":189},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_kennis_opdoen_7e45a846f8.jpg","medium_kennis_opdoen_7e45a846f8","medium_kennis opdoen.jpg",90.65,{"ext":23,"url":253,"hash":254,"mime":174,"name":255,"path":18,"size":256,"width":195,"height":196},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_kennis_opdoen_7e45a846f8.jpg","thumbnail_kennis_opdoen_7e45a846f8","thumbnail_kennis opdoen.jpg",10.87,"kennis_opdoen_7e45a846f8",220.32,"https://incredible-beef-2a6059b946.media.strapiapp.com/kennis_opdoen_7e45a846f8.jpg","2024-08-08T08:25:10.656Z","q2bqhg65mnalhkgalkt2o2sq",{"__component":117,"id":131,"title":132,"subTitle":18,"content":133,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":263},{"id":264,"name":265,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":266,"hash":287,"ext":23,"mime":174,"size":288,"url":289,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":290,"updatedAt":291,"documentId":292,"publishedAt":58},778,"stack.jpg",{"large":267,"small":272,"medium":277,"thumbnail":282},{"ext":23,"url":268,"hash":269,"mime":174,"name":270,"path":18,"size":271,"width":29,"height":177},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_stack_fec3a2bfae.jpg","large_stack_fec3a2bfae","large_stack.jpg",95.19,{"ext":23,"url":273,"hash":274,"mime":174,"name":275,"path":18,"size":276,"width":36,"height":183},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_stack_fec3a2bfae.jpg","small_stack_fec3a2bfae","small_stack.jpg",29.21,{"ext":23,"url":278,"hash":279,"mime":174,"name":280,"path":18,"size":281,"width":43,"height":189},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_stack_fec3a2bfae.jpg","medium_stack_fec3a2bfae","medium_stack.jpg",58.57,{"ext":23,"url":283,"hash":284,"mime":174,"name":285,"path":18,"size":286,"width":195,"height":196},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_stack_fec3a2bfae.jpg","thumbnail_stack_fec3a2bfae","thumbnail_stack.jpg",8.24,"stack_fec3a2bfae",143.32,"https://incredible-beef-2a6059b946.media.strapiapp.com/stack_fec3a2bfae.jpg","2024-08-08T08:26:50.506Z","2024-12-09T10:18:46.269Z","kpz9iiz9dr551k3umhmtwy3k",{"__component":135,"id":136,"title":137,"callToActionText":138,"callToActionLinkUrl":139,"body":18,"imageUrl":294},{"id":142,"name":143,"alternativeText":18,"caption":18,"width":144,"height":145,"formats":18,"hash":146,"ext":147,"mime":148,"size":149,"url":150,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":151,"updatedAt":152,"documentId":153,"publishedAt":58},{"id":296,"title":297,"subTitle":298,"description":299,"shortDescription":300,"slug":301,"createdAt":302,"updatedAt":303,"publishedAt":304,"isCoreExpertise":305,"documentId":306,"image":307,"blocks":321,"midPageBlocks":459,"seo":549},10,"Development","Maatwerkoplossingen voor ieder vraagstuk","Ons Development-team biedt oplossingen die de verwachtingen van onze opdrachtgevers overtreffen. Wij zijn experts op het gebied van alle aspecten van Development, wat ons in staat stelt om veelzijdige en schaalbare oplossingen te creëren. Van gebruiksvriendelijke interfaces tot krachtige Back-End-architecturen: wij hebben de kennis en ervaring om jouw project tot een succes te maken.","Ons Development-team biedt oplossingen die de verwachtingen van onze opdrachtgevers overtreffen. Wij zijn experts op het gebied van alle aspecten van Development, wat ons in staat stelt om veelzijdige en schaalbare oplossingen te creëren. ","development","2024-12-13T12:15:40.484Z","2025-04-11T13:13:55.384Z","2024-12-13T12:15:42.976Z",true,"lpzfadokpxn5sdnx9czcdg47",{"id":308,"name":309,"alternativeText":18,"caption":18,"width":75,"height":76,"formats":310,"hash":316,"ext":79,"mime":82,"size":61,"url":317,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":318,"updatedAt":319,"documentId":320,"publishedAt":58},950,"Logo Development 2025 web.png",{"thumbnail":311},{"ext":79,"url":312,"hash":313,"mime":82,"name":314,"path":18,"size":315,"width":50,"height":85},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_Logo_Development_2025_web_d7711df072.png","thumbnail_Logo_Development_2025_web_d7711df072","thumbnail_Logo Development 2025 web.png",8.58,"Logo_Development_2025_web_d7711df072","https://incredible-beef-2a6059b946.media.strapiapp.com/Logo_Development_2025_web_d7711df072.png","2024-12-17T15:02:47.479Z","2024-12-19T08:35:22.054Z","okwfs117fps338v5fj5dnrpb",[322,438],{"__component":93,"id":323,"title":324,"aside":18,"postType":97,"limit":98,"expertise":325},179,"Lees meer over Development",[326,376,389],{"id":296,"title":297,"subTitle":298,"description":299,"shortDescription":300,"slug":301,"createdAt":302,"updatedAt":303,"publishedAt":304,"isCoreExpertise":305,"documentId":306,"image":327,"blocks":330,"midPageBlocks":335,"seo":359},{"id":308,"name":309,"alternativeText":18,"caption":18,"width":75,"height":76,"formats":328,"hash":316,"ext":79,"mime":82,"size":61,"url":317,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":318,"updatedAt":319,"documentId":320,"publishedAt":58},{"thumbnail":329},{"ext":79,"url":312,"hash":313,"mime":82,"name":314,"path":18,"size":315,"width":50,"height":85},[331,332],{"__component":93,"id":323,"title":324,"aside":18,"postType":97,"limit":98},{"__component":107,"id":333,"titleLeft":334,"callToActionTextLeft":110,"callToActionLinkUrlLeft":111,"titleRight":112,"callToActionTextRight":113,"callToActionLinkUrlRight":114},251,"Heb je een Developer nodig?",[336,341,346,350,355],{"__component":117,"id":337,"title":338,"subTitle":18,"content":339,"callToActionText":18,"callToActionLink":18,"colorStyle":340,"showAsides":70},47,"Optimale gebruikerservaring","Een goede Front-End is meer dan alleen een aantrekkelijke interface; het vormt de schakel tussen technologie en eindgebruiker. Onze Developers combineren hun kennis van frameworks zoals React, Angular en Vue met ervaring in geavanceerde technologieën zoals GraphQL en CI/CD pipelines. Dit stelt ons in staat om interactieve, intuïtieve en betrouwbare applicaties te ontwikkelen die voldoen aan de hoogste standaarden.\n\nWij werken nauw samen met UX-designers om via design patterns en design tokens een naadloze integratie van ontwerp naar functionaliteit te realiseren. Dankzij regelmatige LevelUp-sessies, interne projecten en kennisdeling blijven onze Front-End specialisten altijd up-to-date.","Sugar Glaze",{"__component":117,"id":342,"title":343,"subTitle":18,"content":344,"callToActionText":18,"callToActionLink":18,"colorStyle":345,"showAsides":70},49,"Betrouwbaarheid en schaalbaarheid","Voor robuuste Back-End-oplossingen vertrouwen we op onze kennis van .NET. Of het nu gaat om het bouwen van nieuwe applicaties, het onderhouden van bestaande software of het implementeren van geavanceerde authenticatie- en autorisatiesystemen: ons team levert maatwerk dat aansluit bij de specifieke wensen en behoeften van jouw organisatie.\n\nHierbij maken we onder andere gebruik van onze kennis van Azure-services zoals Function Apps, Service Bus en App Services, maar ook tools als Docker en Kubernetes om veilige, schaalbare oplossingen te realiseren.\n\nOnze focus op grondige tests – van unit tests tot integratietests – garandeert stabiliteit en betrouwbaarheid.","White",{"__component":117,"id":347,"title":348,"subTitle":18,"content":349,"callToActionText":18,"callToActionLink":18,"colorStyle":340,"showAsides":70},50,"Full-Stack mogelijkheden","Wat ons uniek maakt, is onze combinatie van Front-End en .NET-expertise. Onze Developers zijn niet alleen gespecialiseerd in het creëren van intuïtieve interfaces, maar beheersen ook de complexiteit van Back-End-architectuur en Azure-integraties. Dit maakt hen volwaardige Full-Stack Developers die moeiteloos schakelen tussen de verschillende onderdelen van jouw project.",{"__component":117,"id":351,"title":352,"subTitle":18,"content":353,"callToActionText":354,"callToActionLink":111,"colorStyle":345,"showAsides":70},48,"Samen naar succes","Onze aanpak is erop gericht om samen met jou het optimale resultaat te behalen. Door proactief mee te denken en onze kennis te delen, zorgen we ervoor dat jouw project voldoet aan de hoogste standaarden van gebruiksvriendelijkheid, betrouwbaarheid en veiligheid. Of het nu gaat om een tijdelijke versterking van je team of volledige projectondersteuning: ons Development-team staat voor je klaar.\n\nOntdek wat wij voor jouw project kunnen betekenen."," Neem contact met ons op voor meer informatie!",{"__component":135,"id":356,"title":357,"callToActionText":138,"callToActionLinkUrl":358,"body":18},103,"Wil je weten wat onze collega’s allemaal kunnen?","https://www.sharevalue.nl/klantcases/rovict-vernieuwt-leerlingadministratie-en-leerlingvolgsysteem-esis",{"id":360,"metaTitle":361,"metaDescription":362,"structuredData":363},27,"Maatwerk software & integraties – ShareValue Development","Van webapps tot koppelingen: onze developers bouwen slimme oplossingen die passen bij jouw Microsoft-omgeving.",{"url":364,"@type":365,"@context":366,"provider":367,"areaServed":371,"description":374,"serviceType":375},"https://www.sharevalue.nl/wat-we-doen/development","Service","https://schema.org",{"url":368,"name":369,"@type":370},"https://www.sharevalue.nl","ShareValue","Organization",{"name":372,"@type":373},"Nederland","Country","Onze developers realiseren maatwerkoplossingen binnen Microsoft-omgevingen. Denk aan webapplicaties, API-integraties, extensies voor Microsoft 365 en koppelingen met externe systemen. Technisch sterk én begrijpelijk ingericht.","Maatwerk softwareontwikkeling en integraties",{"id":61,"title":62,"subTitle":63,"description":64,"shortDescription":65,"slug":66,"createdAt":67,"updatedAt":68,"publishedAt":69,"isCoreExpertise":70,"documentId":71,"image":377,"blocks":380,"midPageBlocks":383,"seo":18},{"id":73,"name":74,"alternativeText":18,"caption":18,"width":75,"height":76,"formats":378,"hash":86,"ext":79,"mime":82,"size":87,"url":88,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":89,"updatedAt":89,"documentId":90,"publishedAt":58},{"thumbnail":379},{"ext":79,"url":80,"hash":81,"mime":82,"name":83,"path":18,"size":84,"width":50,"height":85},[381,382],{"__component":93,"id":94,"title":95,"aside":96,"postType":97,"limit":98},{"__component":107,"id":108,"titleLeft":109,"callToActionTextLeft":110,"callToActionLinkUrlLeft":111,"titleRight":112,"callToActionTextRight":113,"callToActionLinkUrlRight":114},[384,385,386,387,388],{"__component":117,"id":118,"title":119,"subTitle":18,"content":120,"callToActionText":121,"callToActionLink":111,"colorStyle":18,"showAsides":18},{"__component":117,"id":123,"title":124,"subTitle":18,"content":125,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},{"__component":117,"id":127,"title":128,"subTitle":18,"content":129,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},{"__component":117,"id":131,"title":132,"subTitle":18,"content":133,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},{"__component":135,"id":136,"title":137,"callToActionText":138,"callToActionLinkUrl":139,"body":18},{"id":98,"title":390,"subTitle":298,"description":391,"shortDescription":392,"slug":393,"createdAt":394,"updatedAt":395,"publishedAt":396,"isCoreExpertise":70,"documentId":397,"image":398,"blocks":412,"midPageBlocks":420,"seo":18},"Microsoft .NET","Ons team van .NET-experts staat niet alleen klaar om onze klanten te ondersteunen bij diverse implementatie uitdagingen, maar we zijn ook gespecialiseerd in het testen van applicaties op verschillende niveaus, zoals unit tests, integratietests en acceptatietests. We streven naar uitmuntende testdekking om de stabiliteit en betrouwbaarheid van de applicaties te waarborgen.\n\nDaarnaast zijn we bedreven in het gebruik van verschillende Azure-services om schaalbare en veilige oplossingen te bieden aan onze klanten. Zo bieden we met Azure DevOps krachtige tools voor het beheren van de ontwikkeling, het automatiseren van tests en het geautomatiseerd uitrollen naar acceptatie- of productieomgevingen met CI/CD-pipelines.\n\nHet samenwerken met onze klanten staat centraal in ons werk, en we denken proactief mee om samen de meest optimale oplossingen te realiseren.","In de praktijk komen de .NET developers van ShareValue terecht in allerlei verschillende branches met uiteenlopende technische uitdagingen.","dotnet","2023-08-17T11:19:57.991Z","2024-12-13T12:16:04.480Z","2023-08-17T11:22:08.050Z","v9pl553hsjk98esvs5gzoso3",{"id":399,"name":400,"alternativeText":18,"caption":18,"width":75,"height":76,"formats":401,"hash":407,"ext":79,"mime":82,"size":408,"url":409,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":410,"updatedAt":410,"documentId":411,"publishedAt":58},17,"dotnet_logo.png",{"thumbnail":402},{"ext":79,"url":403,"hash":404,"mime":82,"name":405,"path":18,"size":406,"width":50,"height":85},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_dotnet_logo_d38dbc3865.png","thumbnail_dotnet_logo_d38dbc3865","thumbnail_dotnet_logo.png",7.14,"dotnet_logo_d38dbc3865",2.93,"https://incredible-beef-2a6059b946.media.strapiapp.com/dotnet_logo_d38dbc3865.png","2023-08-17T09:47:56.313Z","nnimzsossci29qmi8z0texlp",[413,416],{"__component":93,"id":414,"title":415,"aside":18,"postType":97,"limit":98},167," Lees meer over .NET Development",{"__component":107,"id":417,"titleLeft":418,"callToActionTextLeft":110,"callToActionLinkUrlLeft":111,"titleRight":419,"callToActionTextRight":110,"callToActionLinkUrlRight":111},212,"Heb je een .NET expert nodig?","Weten welke expert op dit moment beschikbaar is?",[421,426,430,434],{"__component":117,"id":422,"title":423,"subTitle":18,"content":424,"callToActionText":425,"callToActionLink":111,"colorStyle":18,"showAsides":18},36,"Bouwen en testen","Onze .NET-experts kunnen uiteraard goede en betrouwbare applicaties ontwikkelen met de laatste .NET-versies. Ook zijn onze collega’s ervaren in het onderhouden van oudere software. We kunnen je helpen met het upgraden en uitbreiden van je applicatie zodat deze aan de laatste wensen en eisen voldoet. Het uitvoeren van uitgebreide unit- en integratietests om de stabiliteit van applicaties te waarborgen, wordt meegenomen als standaard onderdeel van het werk. Met een focus op grondige testdekking streven we ernaar om eventuele bugs vroegtijdig op te sporen en op te lossen, waardoor de algehele kwaliteit van jouw product wordt verbeterd.  \n\nVan Blazor Front-End of REST API’s tot database communicatie, onze .NET-experts hebben er ruime ervaring mee.","Weten wat onze experts voor jou kunnen doen?",{"__component":117,"id":427,"title":428,"subTitle":18,"content":429,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},37,"Combineren met Azure","Wil je profiteren van Azure-services voor jouw project? Ons team van experts kan je helpen met het selecteren en opzetten van de juiste services. Of je gebruik wil maken van App services, Function Apps, storage of database oplossingen of bijvoorbeeld een Service Bus, onze experts kunnen je helpen bij het kiezen en het realiseren van stabiele, schaalbare en veilige oplossingen die voldoen aan jouw specifieke behoeften.",{"__component":117,"id":431,"title":432,"subTitle":18,"content":433,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18},35,"Houd het veilig!","Om de toegang tot je producten veilig te houden, kan ons team van .NET-experts je helpen bij het opzetten en onderhouden van authenticatie en autorisatie. Onze experts zijn ervaren in het opzetten de juiste entra diensten zodat de toegang tot zowel Front-End als Back-End of deamon-processen op een juiste manier afgehandeld wordt. Ook kunnen we je helpen met het opzetten van verschillende groepen, rechten en rollen, en deze op de juiste manier toepassen binnen de applicatie zodat onterechte toegang op functieniveau geregeld kan worden. Bij het opzetten en implementeren wordt er rekening gehouden met het reduceren van de administratieve overhead zonder concessies te doen aan de beveiliging.",{"__component":135,"id":435,"title":137,"callToActionText":436,"callToActionLinkUrl":437,"body":18},46,"Lees de klantcase over ons werk bij KPN","/klantcases/de-continue-bereikbaarheid-van-een-alarmcentrale",{"__component":107,"id":333,"titleLeft":334,"callToActionTextLeft":110,"callToActionLinkUrlLeft":111,"titleRight":112,"callToActionTextRight":113,"callToActionLinkUrlRight":114,"iconUrlLeft":439,"iconUrlRight":450},{"id":440,"name":441,"alternativeText":18,"caption":18,"width":442,"height":443,"formats":18,"hash":444,"ext":147,"mime":148,"size":445,"url":446,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":447,"updatedAt":448,"documentId":449,"publishedAt":58},7,"people.svg",83,60,"people_6bb632d0d7",1.47,"https://incredible-beef-2a6059b946.media.strapiapp.com/people_6bb632d0d7.svg","2023-08-17T08:31:37.039Z","2024-09-13T08:11:42.408Z","iyvqylwtkx5qokq2hk77ppgf",{"id":451,"name":452,"alternativeText":18,"caption":18,"width":342,"height":443,"formats":18,"hash":453,"ext":147,"mime":148,"size":454,"url":455,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":456,"updatedAt":457,"documentId":458,"publishedAt":58},372,"magnifier.svg","magnifier_d084afba36",1.05,"https://incredible-beef-2a6059b946.media.strapiapp.com/magnifier_d084afba36.svg","2023-11-03T11:13:25.446Z","2026-05-12T12:19:53.518Z","e7czsfz9jg7oi93q44vomebz",[460,480,510,517,547],{"__component":117,"id":337,"title":338,"subTitle":18,"content":339,"callToActionText":18,"callToActionLink":18,"colorStyle":340,"showAsides":70,"imageUrl":461},{"id":462,"name":167,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":463,"hash":476,"ext":23,"mime":174,"size":198,"url":477,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":478,"updatedAt":478,"documentId":479,"publishedAt":58},904,{"large":464,"small":467,"medium":470,"thumbnail":473},{"ext":23,"url":465,"hash":466,"mime":174,"name":175,"path":18,"size":176,"width":29,"height":177},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_development_6e5abdca44.jpg","large_development_6e5abdca44",{"ext":23,"url":468,"hash":469,"mime":174,"name":181,"path":18,"size":182,"width":36,"height":183},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_development_6e5abdca44.jpg","small_development_6e5abdca44",{"ext":23,"url":471,"hash":472,"mime":174,"name":187,"path":18,"size":188,"width":43,"height":189},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_development_6e5abdca44.jpg","medium_development_6e5abdca44",{"ext":23,"url":474,"hash":475,"mime":174,"name":193,"path":18,"size":194,"width":195,"height":196},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_development_6e5abdca44.jpg","thumbnail_development_6e5abdca44","development_6e5abdca44","https://incredible-beef-2a6059b946.media.strapiapp.com/development_6e5abdca44.jpg","2024-12-13T12:36:11.969Z","qqi9wubjpzs8w6daj98mtc7a",{"__component":117,"id":342,"title":343,"subTitle":18,"content":344,"callToActionText":18,"callToActionLink":18,"colorStyle":345,"showAsides":70,"imageUrl":481},{"id":482,"name":483,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":484,"hash":505,"ext":23,"mime":174,"size":506,"url":507,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":508,"updatedAt":508,"documentId":509,"publishedAt":58},791,"service bus.jpg",{"large":485,"small":490,"medium":495,"thumbnail":500},{"ext":23,"url":486,"hash":487,"mime":174,"name":488,"path":18,"size":489,"width":29,"height":177},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_service_bus_2b48e3a7cc.jpg","large_service_bus_2b48e3a7cc","large_service bus.jpg",82.82,{"ext":23,"url":491,"hash":492,"mime":174,"name":493,"path":18,"size":494,"width":36,"height":183},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_service_bus_2b48e3a7cc.jpg","small_service_bus_2b48e3a7cc","small_service bus.jpg",29.35,{"ext":23,"url":496,"hash":497,"mime":174,"name":498,"path":18,"size":499,"width":43,"height":189},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_service_bus_2b48e3a7cc.jpg","medium_service_bus_2b48e3a7cc","medium_service bus.jpg",54.72,{"ext":23,"url":501,"hash":502,"mime":174,"name":503,"path":18,"size":504,"width":195,"height":196},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_service_bus_2b48e3a7cc.jpg","thumbnail_service_bus_2b48e3a7cc","thumbnail_service bus.jpg",8.71,"service_bus_2b48e3a7cc",117.51,"https://incredible-beef-2a6059b946.media.strapiapp.com/service_bus_2b48e3a7cc.jpg","2024-08-09T08:35:35.231Z","rbpawsulv6vrsistrk2yupwg",{"__component":117,"id":347,"title":348,"subTitle":18,"content":349,"callToActionText":18,"callToActionLink":18,"colorStyle":340,"showAsides":70,"imageUrl":511},{"id":264,"name":265,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":512,"hash":287,"ext":23,"mime":174,"size":288,"url":289,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":290,"updatedAt":291,"documentId":292,"publishedAt":58},{"large":513,"small":514,"medium":515,"thumbnail":516},{"ext":23,"url":268,"hash":269,"mime":174,"name":270,"path":18,"size":271,"width":29,"height":177},{"ext":23,"url":273,"hash":274,"mime":174,"name":275,"path":18,"size":276,"width":36,"height":183},{"ext":23,"url":278,"hash":279,"mime":174,"name":280,"path":18,"size":281,"width":43,"height":189},{"ext":23,"url":283,"hash":284,"mime":174,"name":285,"path":18,"size":286,"width":195,"height":196},{"__component":117,"id":351,"title":352,"subTitle":18,"content":353,"callToActionText":354,"callToActionLink":111,"colorStyle":345,"showAsides":70,"imageUrl":518},{"id":519,"name":520,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":521,"hash":542,"ext":23,"mime":174,"size":543,"url":544,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":545,"updatedAt":545,"documentId":546,"publishedAt":58},789,"teamwork.jpg",{"large":522,"small":527,"medium":532,"thumbnail":537},{"ext":23,"url":523,"hash":524,"mime":174,"name":525,"path":18,"size":526,"width":29,"height":177},"https://incredible-beef-2a6059b946.media.strapiapp.com/large_teamwork_8f4a7b0c14.jpg","large_teamwork_8f4a7b0c14","large_teamwork.jpg",80.4,{"ext":23,"url":528,"hash":529,"mime":174,"name":530,"path":18,"size":531,"width":36,"height":183},"https://incredible-beef-2a6059b946.media.strapiapp.com/small_teamwork_8f4a7b0c14.jpg","small_teamwork_8f4a7b0c14","small_teamwork.jpg",27.14,{"ext":23,"url":533,"hash":534,"mime":174,"name":535,"path":18,"size":536,"width":43,"height":189},"https://incredible-beef-2a6059b946.media.strapiapp.com/medium_teamwork_8f4a7b0c14.jpg","medium_teamwork_8f4a7b0c14","medium_teamwork.jpg",51.59,{"ext":23,"url":538,"hash":539,"mime":174,"name":540,"path":18,"size":541,"width":195,"height":196},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_teamwork_8f4a7b0c14.jpg","thumbnail_teamwork_8f4a7b0c14","thumbnail_teamwork.jpg",8.11,"teamwork_8f4a7b0c14",116.53,"https://incredible-beef-2a6059b946.media.strapiapp.com/teamwork_8f4a7b0c14.jpg","2024-08-08T10:07:23.468Z","uo85gvimf7llsbaoahqw08m3",{"__component":135,"id":356,"title":357,"callToActionText":138,"callToActionLinkUrl":358,"body":18,"imageUrl":548},{"id":142,"name":143,"alternativeText":18,"caption":18,"width":144,"height":145,"formats":18,"hash":146,"ext":147,"mime":148,"size":149,"url":150,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":151,"updatedAt":152,"documentId":153,"publishedAt":58},{"id":360,"metaTitle":361,"metaDescription":362,"structuredData":550,"metaImage":18,"metaSocial":553},{"url":364,"@type":365,"@context":366,"provider":551,"areaServed":552,"description":374,"serviceType":375},{"url":368,"name":369,"@type":370},{"name":372,"@type":373},[],{"id":145,"name":555,"jobTitle":556,"about":18,"createdAt":557,"updatedAt":558,"publishedAt":559,"documentId":560,"image":561,"contactOptions":578},"Wietze","Developer","2023-08-18T08:37:46.196Z","2025-06-02T11:47:28.012Z","2023-08-18T08:37:45.947Z","wttbqjzhgssj2hu7asnnu228",{"id":562,"name":563,"alternativeText":18,"caption":18,"width":564,"height":565,"formats":566,"hash":573,"ext":79,"mime":82,"size":574,"url":575,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":576,"updatedAt":576,"documentId":577,"publishedAt":58},1132,"Wietze websitefoto.png",278,326,{"thumbnail":567},{"ext":79,"url":568,"hash":569,"mime":82,"name":570,"path":18,"size":571,"width":572,"height":196},"https://incredible-beef-2a6059b946.media.strapiapp.com/thumbnail_Wietze_websitefoto_be2fa342ac.png","thumbnail_Wietze_websitefoto_be2fa342ac","thumbnail_Wietze websitefoto.png",20.03,133,"Wietze_websitefoto_be2fa342ac",20.85,"https://incredible-beef-2a6059b946.media.strapiapp.com/Wietze_websitefoto_be2fa342ac.png","2025-06-02T11:46:48.888Z","znwsklkwfm5ecn3as64dxhq2",[],[580,585,589,593,596,600,603,607,610,613,616,710],{"__component":581,"id":582,"title":18,"asideText":583,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":584,"introductionText":18},"global.pagesection",1130,"","Vitaly Friedman is onder andere de co-founder van Smashing Magazine. Daarnaast heeft hij een tal van publicaties op zijn naam staan.",{"__component":581,"id":586,"title":18,"asideText":587,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":588,"introductionText":18},1131,"Performance-optimalisatie voor mobiel","## Optimalisatie van de performance op mobiel\n\nDe workshop startte met een verrassende vraag: “hoeveel van de aanwezige bezoekers is bekend met een OPPO A83 of een XIAOMI REDMI 5 PLUS?”. Wij (Johan en Wietze) hadden er in ieder geval nog nooit van gehoord. Met deze vraag werd het onderwerp van de workshop ingeleid: de performance van deze low-end-toestellen, in verhouding tot het percentage van alle verkochte toestellen. In onze beleving heeft iedereen een iPhone of een ander gelijkwaardig high-end-toestel en overal een snel 4G netwerk. Dit is echter natuurlijk niet altijd het geval.\n\nPerformance is natuurlijk niet alleen belangrijk voor mobiel internet, maar er zijn nog genoeg plaatsen waar het internet vele malen slechter is dan dat wij gewend zijn. Al met al genoeg redenen om de performance van de hedendaagse Front-End eens onder de loep te nemen: hoe kunnen we deze optimaliseren?",{"__component":581,"id":590,"title":18,"asideText":591,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":592,"introductionText":18},1133,"Minder bytes","## Aantal bytes verminderen\n\nEen eerste stap om de performance te verbeteren, is het verminderen van het aantal bytes dat we over het Net versturen. Zo kunnen we vanuit de UX/Front-End experimenteren met onder andere adaptive serving: verschillende content per device, afhankelijk van de kwaliteit van de verbinding.\n\n![figuur 1: voorbeeld van Adaptive Serving](https://www.sharevalue.nl/images/sharevalue/blogs/adaptive_serving.png)\n\nfiguur 1: voorbeeld van Adaptive Serving\n\nEen andere manier is om predictive asset prefetching toe te passen, waarbij aan de hand van statistieken een bepaalde verwachte set met content vooraf wordt opgehaald.\n\nDoor kritieke elementen te laden, hoeft de gebruiker minder lang te wachten. Hiervoor moet er wel bepaald worden wat de kritieke elementen zijn. In de Front-End kunnen we er bijvoorbeeld voor zorgen dat de CSS die gebruikt wordt in het eerste gedeelte (170px) als vaste CSS in de html-code staat, voordat de overige CSS-bestanden geladen worden. Voor de overige data, die nog niet direct zichtbaar hoeft te zijn, kunnen we dan gebruikmaken van lazy loading. Ook kunnen we nog de belangrijkste CSS-bestanden splitsen in individuele media queries: de browser laadt dan kritieke CSS-bestanden als eerste in, waardoor de belasting op een mobiel device minder is. Doordat we er al zorg voor gedragen hebben dat de kritieke CSS als eerste geladen is, kunnen we de overige CSS-bestanden asynchroon preloaden. De beleving is dat het in zijn geheel alsnog snel geladen wordt.",{"__component":581,"id":562,"title":18,"asideText":594,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":595,"introductionText":18},"Kleine JavaScript-bestanden","## Meerdere kleine JavaScript-bestanden\n\nDe grootste kosten qua performance met [JavaScript](/blogs/javascript-frameworks-welke-moet-je-kiezen) zitten niet in het parsen of compileren, maar in de uitvoering van het script. Om zo veel mogelijk winst te behalen is het raadzaam om geen monolithische architectuur met bestanden van meer dan 50KB te gebruiken, maar deze op te delen in kleinere JavaScript-bestanden. Waar je ook rekening mee kunt houden is de Time to Interactive: wat heeft een gebruiker minimaal nodig om gebruik te kunnen maken van de applicatie? De overige bestanden kunnen dan op de achtergrond worden ingeladen. Als scripts niet afhankelijk zijn van bepaalde styles, kan je ervoor kiezen de scripts boven de styles te plaatsen. Dit komt de Time to Interactive ten goede. Als je gebruik maakt van Third-party JavaScript, is het van belang om hiervan de impact te bepalen en als het kan deze asynchroon te laden.",{"__component":581,"id":597,"title":18,"asideText":598,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":599,"introductionText":18},1134,"Font preloaden","## Fonts; zelf hosten of preloaden\n\nEen belangrijk element van een ontwerp of een identiteit is het font. Omdat we niet meer enkel afhankelijk willen zijn van fonts als Times New Roman of Arial, maken we steeds vaker gebruik van fonts die niet standaard zijn in de browsers. Dit geeft de nodige belasting op de performance, omdat we deze fonts via een externe bron extra moeten laden. Als we gebruikmaken van een subset van de fonts met initieel alleen de karakters die we nodig hebben en we deze zelf hosten, maken we al veel van het performanceverlies goed. Ook kunnen we de fonts preloaden en gebruik maken van service workers. Of we gebruiken variabele fonts die zich met CSS gedragen als multiple fonts (Bold, Italic enz). Het nadeel van variabele fonts is wel dat nog niet ondersteund wordt door alle browsers. De browser zal het font dan wel laden, maar er is nog geen aansturing op de manier waarop ze worden getoond.\n\nOm tekst sneller te kunnen serveren, kunnen we gebruikmaken van Brotli, waarvan de compressie 14-25% beter is op basis van een level 4 compressie. Brotli is enkel te gebruiken via https. We zien dat ondertussen de meeste browsers Brotli ondersteunen (op IE 11 en Opera mini na). Brotli heeft ook het voordeel dat het snel grotere bestanden kan verwerken op trage verbindingen.",{"__component":581,"id":601,"title":18,"asideText":583,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":602,"introductionText":18},1135,"## Met andere ogen\n\nAan het eind van de workshopdag zijn we voorzien van tips & tricks om vanuit de performance met andere ogen naar onze code te kijken. Uiteraard zijn er nog veel andere manieren om onze code te optimaliseren: denk aan Atomic CSS, localization, namespaces, image optimalisatie etc.\n\n![](https://www.sharevalue.nl/images/sharevalue/blogs/jamstack_workshop_bewerkt.png)",{"__component":581,"id":604,"title":18,"asideText":605,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":606,"introductionText":18},1137,"JAMstack","## JAMstack\n\nDeze workshop was niet “all about the JAMstack”, maar het sluit er wel zijdelings bij aan. Een groot voordeel van JAMstack is dat het al goede performance geeft door o.a.:\n\n*   De pagina’s statisch in te laden\n*   Met API’s de content te verrijken\n*   Gebruik te maken van een microservice architectuur\n\nAls we dan ook nog eens de tips & tricks van deze workshop toepassen op onze webapplicatie, weten we zeker dat deze een optimale performance geeft!",{"__component":581,"id":608,"title":18,"asideText":583,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":609,"introductionText":18},1136,"Kan je deze tips & tricks goed gebruiken? [Mijn collega’s en ik](/expertises/front-end) werken graag met je mee! [Neem vooral eens contact met ons op](/contact) om te vragen naar de mogelijkheden.",{"__component":611,"id":612,"title":18,"showBlankAside":305},"global.social-sharing",124,{"__component":614,"id":615,"name":18,"jobTitle":18},"strapi.author-card",82,{"__component":93,"id":617,"title":324,"aside":18,"postType":97,"limit":98,"expertise":618},93,[619,661],{"id":61,"title":62,"subTitle":63,"description":64,"shortDescription":65,"slug":66,"createdAt":67,"updatedAt":68,"publishedAt":69,"isCoreExpertise":70,"documentId":71,"image":620,"blocks":623,"midPageBlocks":630,"seo":18},{"id":73,"name":74,"alternativeText":18,"caption":18,"width":75,"height":76,"formats":621,"hash":86,"ext":79,"mime":82,"size":87,"url":88,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":89,"updatedAt":89,"documentId":90,"publishedAt":58},{"thumbnail":622},{"ext":79,"url":80,"hash":81,"mime":82,"name":83,"path":18,"size":84,"width":50,"height":85},[624,627],{"__component":93,"id":94,"title":95,"aside":96,"postType":97,"limit":98,"expertise":625},[626],{"id":61,"title":62,"subTitle":63,"description":64,"shortDescription":65,"slug":66,"createdAt":67,"updatedAt":68,"publishedAt":69,"isCoreExpertise":70,"documentId":71},{"__component":107,"id":108,"titleLeft":109,"callToActionTextLeft":110,"callToActionLinkUrlLeft":111,"titleRight":112,"callToActionTextRight":113,"callToActionLinkUrlRight":114,"iconUrlLeft":628,"iconUrlRight":629},{"id":142,"name":143,"alternativeText":18,"caption":18,"width":144,"height":145,"formats":18,"hash":146,"ext":147,"mime":148,"size":149,"url":150,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":151,"updatedAt":152,"documentId":153,"publishedAt":58},{"id":155,"name":156,"alternativeText":18,"caption":18,"width":145,"height":145,"formats":18,"hash":157,"ext":147,"mime":148,"size":158,"url":159,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":160,"updatedAt":161,"documentId":162,"publishedAt":58},[631,638,645,652,659],{"__component":117,"id":118,"title":119,"subTitle":18,"content":120,"callToActionText":121,"callToActionLink":111,"colorStyle":18,"showAsides":18,"imageUrl":632},{"id":166,"name":167,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":633,"hash":197,"ext":23,"mime":174,"size":198,"url":199,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":200,"updatedAt":200,"documentId":201,"publishedAt":58},{"large":634,"small":635,"medium":636,"thumbnail":637},{"ext":23,"url":172,"hash":173,"mime":174,"name":175,"path":18,"size":176,"width":29,"height":177},{"ext":23,"url":179,"hash":180,"mime":174,"name":181,"path":18,"size":182,"width":36,"height":183},{"ext":23,"url":185,"hash":186,"mime":174,"name":187,"path":18,"size":188,"width":43,"height":189},{"ext":23,"url":191,"hash":192,"mime":174,"name":193,"path":18,"size":194,"width":195,"height":196},{"__component":117,"id":123,"title":124,"subTitle":18,"content":125,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":639},{"id":204,"name":205,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":640,"hash":227,"ext":23,"mime":174,"size":228,"url":229,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":230,"updatedAt":230,"documentId":231,"publishedAt":58},{"large":641,"small":642,"medium":643,"thumbnail":644},{"ext":23,"url":208,"hash":209,"mime":174,"name":210,"path":18,"size":211,"width":29,"height":177},{"ext":23,"url":213,"hash":214,"mime":174,"name":215,"path":18,"size":216,"width":36,"height":183},{"ext":23,"url":218,"hash":219,"mime":174,"name":220,"path":18,"size":221,"width":43,"height":189},{"ext":23,"url":223,"hash":224,"mime":174,"name":225,"path":18,"size":226,"width":195,"height":196},{"__component":117,"id":127,"title":128,"subTitle":18,"content":129,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":646},{"id":234,"name":235,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":647,"hash":257,"ext":23,"mime":174,"size":258,"url":259,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":260,"updatedAt":260,"documentId":261,"publishedAt":58},{"large":648,"small":649,"medium":650,"thumbnail":651},{"ext":23,"url":238,"hash":239,"mime":174,"name":240,"path":18,"size":241,"width":29,"height":177},{"ext":23,"url":243,"hash":244,"mime":174,"name":245,"path":18,"size":246,"width":36,"height":183},{"ext":23,"url":248,"hash":249,"mime":174,"name":250,"path":18,"size":251,"width":43,"height":189},{"ext":23,"url":253,"hash":254,"mime":174,"name":255,"path":18,"size":256,"width":195,"height":196},{"__component":117,"id":131,"title":132,"subTitle":18,"content":133,"callToActionText":18,"callToActionLink":18,"colorStyle":18,"showAsides":18,"imageUrl":653},{"id":264,"name":265,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":654,"hash":287,"ext":23,"mime":174,"size":288,"url":289,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":290,"updatedAt":291,"documentId":292,"publishedAt":58},{"large":655,"small":656,"medium":657,"thumbnail":658},{"ext":23,"url":268,"hash":269,"mime":174,"name":270,"path":18,"size":271,"width":29,"height":177},{"ext":23,"url":273,"hash":274,"mime":174,"name":275,"path":18,"size":276,"width":36,"height":183},{"ext":23,"url":278,"hash":279,"mime":174,"name":280,"path":18,"size":281,"width":43,"height":189},{"ext":23,"url":283,"hash":284,"mime":174,"name":285,"path":18,"size":286,"width":195,"height":196},{"__component":135,"id":136,"title":137,"callToActionText":138,"callToActionLinkUrl":139,"body":18,"imageUrl":660},{"id":142,"name":143,"alternativeText":18,"caption":18,"width":144,"height":145,"formats":18,"hash":146,"ext":147,"mime":148,"size":149,"url":150,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":151,"updatedAt":152,"documentId":153,"publishedAt":58},{"id":296,"title":297,"subTitle":298,"description":299,"shortDescription":300,"slug":301,"createdAt":302,"updatedAt":303,"publishedAt":304,"isCoreExpertise":305,"documentId":306,"image":662,"blocks":665,"midPageBlocks":674,"seo":705},{"id":308,"name":309,"alternativeText":18,"caption":18,"width":75,"height":76,"formats":663,"hash":316,"ext":79,"mime":82,"size":61,"url":317,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":318,"updatedAt":319,"documentId":320,"publishedAt":58},{"thumbnail":664},{"ext":79,"url":312,"hash":313,"mime":82,"name":314,"path":18,"size":315,"width":50,"height":85},[666,671],{"__component":93,"id":323,"title":324,"aside":18,"postType":97,"limit":98,"expertise":667},[668,669,670],{"id":296,"title":297,"subTitle":298,"description":299,"shortDescription":300,"slug":301,"createdAt":302,"updatedAt":303,"publishedAt":304,"isCoreExpertise":305,"documentId":306},{"id":61,"title":62,"subTitle":63,"description":64,"shortDescription":65,"slug":66,"createdAt":67,"updatedAt":68,"publishedAt":69,"isCoreExpertise":70,"documentId":71},{"id":98,"title":390,"subTitle":298,"description":391,"shortDescription":392,"slug":393,"createdAt":394,"updatedAt":395,"publishedAt":396,"isCoreExpertise":70,"documentId":397},{"__component":107,"id":333,"titleLeft":334,"callToActionTextLeft":110,"callToActionLinkUrlLeft":111,"titleRight":112,"callToActionTextRight":113,"callToActionLinkUrlRight":114,"iconUrlLeft":672,"iconUrlRight":673},{"id":440,"name":441,"alternativeText":18,"caption":18,"width":442,"height":443,"formats":18,"hash":444,"ext":147,"mime":148,"size":445,"url":446,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":447,"updatedAt":448,"documentId":449,"publishedAt":58},{"id":451,"name":452,"alternativeText":18,"caption":18,"width":342,"height":443,"formats":18,"hash":453,"ext":147,"mime":148,"size":454,"url":455,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":456,"updatedAt":457,"documentId":458,"publishedAt":58},[675,682,689,696,703],{"__component":117,"id":337,"title":338,"subTitle":18,"content":339,"callToActionText":18,"callToActionLink":18,"colorStyle":340,"showAsides":70,"imageUrl":676},{"id":462,"name":167,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":677,"hash":476,"ext":23,"mime":174,"size":198,"url":477,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":478,"updatedAt":478,"documentId":479,"publishedAt":58},{"large":678,"small":679,"medium":680,"thumbnail":681},{"ext":23,"url":465,"hash":466,"mime":174,"name":175,"path":18,"size":176,"width":29,"height":177},{"ext":23,"url":468,"hash":469,"mime":174,"name":181,"path":18,"size":182,"width":36,"height":183},{"ext":23,"url":471,"hash":472,"mime":174,"name":187,"path":18,"size":188,"width":43,"height":189},{"ext":23,"url":474,"hash":475,"mime":174,"name":193,"path":18,"size":194,"width":195,"height":196},{"__component":117,"id":342,"title":343,"subTitle":18,"content":344,"callToActionText":18,"callToActionLink":18,"colorStyle":345,"showAsides":70,"imageUrl":683},{"id":482,"name":483,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":684,"hash":505,"ext":23,"mime":174,"size":506,"url":507,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":508,"updatedAt":508,"documentId":509,"publishedAt":58},{"large":685,"small":686,"medium":687,"thumbnail":688},{"ext":23,"url":486,"hash":487,"mime":174,"name":488,"path":18,"size":489,"width":29,"height":177},{"ext":23,"url":491,"hash":492,"mime":174,"name":493,"path":18,"size":494,"width":36,"height":183},{"ext":23,"url":496,"hash":497,"mime":174,"name":498,"path":18,"size":499,"width":43,"height":189},{"ext":23,"url":501,"hash":502,"mime":174,"name":503,"path":18,"size":504,"width":195,"height":196},{"__component":117,"id":347,"title":348,"subTitle":18,"content":349,"callToActionText":18,"callToActionLink":18,"colorStyle":340,"showAsides":70,"imageUrl":690},{"id":264,"name":265,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":691,"hash":287,"ext":23,"mime":174,"size":288,"url":289,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":290,"updatedAt":291,"documentId":292,"publishedAt":58},{"large":692,"small":693,"medium":694,"thumbnail":695},{"ext":23,"url":268,"hash":269,"mime":174,"name":270,"path":18,"size":271,"width":29,"height":177},{"ext":23,"url":273,"hash":274,"mime":174,"name":275,"path":18,"size":276,"width":36,"height":183},{"ext":23,"url":278,"hash":279,"mime":174,"name":280,"path":18,"size":281,"width":43,"height":189},{"ext":23,"url":283,"hash":284,"mime":174,"name":285,"path":18,"size":286,"width":195,"height":196},{"__component":117,"id":351,"title":352,"subTitle":18,"content":353,"callToActionText":354,"callToActionLink":111,"colorStyle":345,"showAsides":70,"imageUrl":697},{"id":519,"name":520,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":698,"hash":542,"ext":23,"mime":174,"size":543,"url":544,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":545,"updatedAt":545,"documentId":546,"publishedAt":58},{"large":699,"small":700,"medium":701,"thumbnail":702},{"ext":23,"url":523,"hash":524,"mime":174,"name":525,"path":18,"size":526,"width":29,"height":177},{"ext":23,"url":528,"hash":529,"mime":174,"name":530,"path":18,"size":531,"width":36,"height":183},{"ext":23,"url":533,"hash":534,"mime":174,"name":535,"path":18,"size":536,"width":43,"height":189},{"ext":23,"url":538,"hash":539,"mime":174,"name":540,"path":18,"size":541,"width":195,"height":196},{"__component":135,"id":356,"title":357,"callToActionText":138,"callToActionLinkUrl":358,"body":18,"imageUrl":704},{"id":142,"name":143,"alternativeText":18,"caption":18,"width":144,"height":145,"formats":18,"hash":146,"ext":147,"mime":148,"size":149,"url":150,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":151,"updatedAt":152,"documentId":153,"publishedAt":58},{"id":360,"metaTitle":361,"metaDescription":362,"structuredData":706,"metaImage":18,"metaSocial":709},{"url":364,"@type":365,"@context":366,"provider":707,"areaServed":708,"description":374,"serviceType":375},{"url":368,"name":369,"@type":370},{"name":372,"@type":373},[],{"__component":107,"id":711,"titleLeft":334,"callToActionTextLeft":110,"callToActionLinkUrlLeft":712,"titleRight":112,"callToActionTextRight":113,"callToActionLinkUrlRight":713,"iconUrlLeft":714,"iconUrlRight":715},151,"https://www.sharevalue.nl/contact","https://www.sharevalue.nl/word-onze-collega/vacatures",{"id":142,"name":143,"alternativeText":18,"caption":18,"width":144,"height":145,"formats":18,"hash":146,"ext":147,"mime":148,"size":149,"url":150,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":151,"updatedAt":152,"documentId":153,"publishedAt":58},{"id":155,"name":156,"alternativeText":18,"caption":18,"width":145,"height":145,"formats":18,"hash":157,"ext":147,"mime":148,"size":158,"url":159,"previewUrl":18,"provider":55,"provider_metadata":18,"createdAt":160,"updatedAt":161,"documentId":162,"publishedAt":58},{"id":717,"metaTitle":718,"metaDescription":719,"structuredData":720,"metaImage":18,"metaSocial":750},173,"New Front-End Adventures: inzichten | ShareValue","Wietze deelt zijn ervaringen en inzichten uit de workshop 'New Front-End Adventures' met Vitaly Friedman, gericht op moderne front-end technieken.​",[721,733],{"url":722,"@type":723,"author":724,"@context":366,"headline":718,"publisher":727,"description":731,"datePublished":732},"https://www.sharevalue.nl/blogs/wat-wij-hebben-meegenomen-van-de-workshop-new-front-end-adventures","BlogPosting",{"name":555,"@type":725,"jobTitle":556,"worksFor":726},"Person",{"name":369,"@type":370},{"logo":728,"name":369,"@type":370},{"url":729,"@type":730},"https://www.sharevalue.nl/_nuxt/img/sharevalue-logo.3c5e7cb.svg","ImageObject","Wietze deelt zijn ervaringen en inzichten uit de workshop 'New Front-End Adventures' met Vitaly Friedman, gericht op moderne front-end technieken.","2019-06-25",{"@type":734,"@context":366,"mainEntity":735},"FAQPage",[736,742,746],{"name":737,"@type":738,"acceptedAnswer":739},"Wat is 'New Front-End Adventures'?","Question",{"text":740,"@type":741},"Een workshop geleid door Vitaly Friedman, gericht op moderne front-end technieken en best practices.","Answer",{"name":743,"@type":738,"acceptedAnswer":744},"Welke onderwerpen kwamen aan bod?",{"text":745,"@type":741},"Onderwerpen zoals performance optimalisatie, toegankelijkheid en moderne CSS-technieken werden besproken.",{"name":747,"@type":738,"acceptedAnswer":748},"Wat zijn de belangrijkste inzichten?",{"text":749,"@type":741},"Het belang van gebruikersgerichte ontwikkeling en het toepassen van best practices voor een betere gebruikerservaring.",[],{"pagination":752},{"page":753,"pageSize":136},1,{},1781259255716]