[{"data":1,"prerenderedAt":713},["ShallowReactive",2],{"collection-blogs--372277694":3,"_apollo:default":712},{"data":4,"meta":709},[5],{"id":6,"title":7,"excerpt":8,"slug":9,"createdAt":10,"updatedAt":11,"publishedAt":12,"backDate":13,"documentId":14,"imageUrl":15,"expertises":59,"author":18,"blocks":554,"seo":678},68,"Moderne Front-End-begrippen toegelicht","In een notendop is Front-End Development het bouwen van websites en componenten die een directe correlatie hebben met de eindgebruiker. Oftewel: hetgeen dat een Front-End Developer bouwt en schrijft, is wat de eindgebruiker op zijn scherm of device ziet.","moderne-front-end-begrippen-toegelicht","2023-10-13T10:26:35.215Z","2025-04-17T13:47:32.794Z","2023-10-13T10:26:35.169Z","2020-07-07","mdm3waptshbwpa063ov0e79a",{"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},317,"moderne-front-end-begrippen-toegelicht.jpg",null,1874,807,{"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_moderne_front_end_begrippen_toegelicht_a4cdecbd3f.jpg","large_moderne_front_end_begrippen_toegelicht_a4cdecbd3f","image/jpg","large_moderne-front-end-begrippen-toegelicht.jpg",79.55,1000,431,{"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_moderne_front_end_begrippen_toegelicht_a4cdecbd3f.jpg","small_moderne_front_end_begrippen_toegelicht_a4cdecbd3f","small_moderne-front-end-begrippen-toegelicht.jpg",24.54,500,215,{"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_moderne_front_end_begrippen_toegelicht_a4cdecbd3f.jpg","medium_moderne_front_end_begrippen_toegelicht_a4cdecbd3f","medium_moderne-front-end-begrippen-toegelicht.jpg",49.72,750,323,{"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_moderne_front_end_begrippen_toegelicht_a4cdecbd3f.jpg","thumbnail_moderne_front_end_begrippen_toegelicht_a4cdecbd3f","thumbnail_moderne-front-end-begrippen-toegelicht.jpg",7.09,245,105,"moderne_front_end_begrippen_toegelicht_a4cdecbd3f",218.57,"https://incredible-beef-2a6059b946.media.strapiapp.com/moderne_front_end_begrippen_toegelicht_a4cdecbd3f.jpg","strapi-provider-upload-strapi-cloud","2023-10-13T10:23:10.298Z","vfne8169u4bvyfjx80ek3rxq","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},[],[555,560,564,568,572,575,578,672],{"__component":556,"id":557,"title":18,"asideText":558,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":559,"introductionText":18},"global.pagesection",969,"Er is veel veranderd","## Hoe werkt Front-End?\n\nSinds Front-End bestaat als specifiek specialisme is er veel veranderd, maar ook veel hetzelfde gebleven. Er zijn allerlei frameworks, libraries en tools gekomen en gegaan, maar de basis van Front-End blijft nog altijd bestaan uit 3 elementen:\n\n*   HTML (voor de content en voor het geraamte van een website)\n*   CSS (voor de opmaak)\n*   JavaScript (voor interactie en voor connectie met API’s en of een Back-End)\n\nWat echter wel veranderd is, is de manier waarop Front-End code wordt geschreven en welke stappen er doorlopen worden voordat de code op een webserver komt. Tien jaar terug kon je alles met de hand in Kladblok schrijven, opslaan als een .html bestand en via FTP naar een webserver sturen. Dat was alles wat nodig was om iets online te zetten. In theorie zou dat nu nog steeds kunnen, echter is het nu niet meer gebruikelijk.",{"__component":556,"id":561,"title":18,"asideText":562,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":563,"introductionText":18},970,"Tegenwoordig","## Het moderne Front-End\n\nTegenwoordig wordt er veel gebruik gemaakt van tools en frameworks en worden er allerlei hulpmiddelen ingezet om het leven van een Front-End Developer gemakkelijker te maken. Hierdoor wordt er veel minder HTML, CSS en JavaScript geschreven, maar wordt er gebruik gemaakt van abstracties of tools.\n\nZo wordt JavaScript vervangen door TypeScript, JSX of Babel. CSS door SCSS, Less of Stylus en HTML door templates in bijvoorbeeld PUG of HAML. Maar wat ook veel gebeurt, is dat er gebruik wordt gemaakt van een framework dat deze keuzes al gemaakt heeft en waarbij de uiteindelijke HTML-, CSS-, en JS-files er minder toe doen, omdat dit slechts het resultaat is van een Build-step.\n\nBijblijven in je vak is dus een must. Als Competence Lead Front-End Development bij ShareValue is mijn doel dan ook om de ontwikkelingen bij te houden en te delen met het team Front-End Developers. Ieder teamlid beheerst weer een andere set aan tools en skills, waardoor we onderling veel van elkaar kunnen leren.",{"__component":556,"id":565,"title":18,"asideText":566,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":567,"introductionText":18},971,"De belangrijkste termen","## Belangrijke termen in Front-End\n\nMet al die abstracties en tools zijn er zoveel termen ontstaan binnen Front-End, dat het amper bij te houden is wat het allemaal inhoudt. Daarom geef ik hieronder een handig overzicht met de meeste voorkomende termen en een korte uitleg.\n\n*   **A11y (Accessibility)**\n\nAccessibility, of toegankelijkheid in het Nederlands, is de verzamelnaam voor het maken van toegankelijke websites en applicaties. Er is een set richtlijnen die gevolgd dient te worden op 3 verschillende niveaus. De richtlijnen heten WCAG (Web Content Accessibility Guidelines), de nieuwste versie is 2.1.\n\nHet streven van de overheid is dat elke overheidswebsite tenminste toegankelijk is volgens WCAG2.1 niveau AA.\n\n*   **Angular**\n\nEen Open Source framework ontwikkeld door Google. In 2020 is Angular 9 uitgekomen. De eerste versie, angular.js genaamd, komt uit 2010. In 2014 kwam Angular 2 uit; een geheel nieuw framework en niet backward-compatible met de eerste versie.\n\n*   **Babel.js**\n\nEen Javascript library die ervoor zorgt dat nieuwere JavaScript-onderdelen uit ES5, ES6 en nieuwer worden omgezet naar JavaScript, dat gebruikt kan worden in oudere browsers als Internet Explorer 11.\n\n*   **Bundler**\n\nBekende Bundlers zijn Webpack, Parcel en Rollup. Een bundler is een library die via scripts taken uitvoert als het samenvoegen van bestanden, omzetten van bestanden en het creëren van deploy builds; een map die wordt aangemaakt met een uitvoerbare versie van een applicatie in een zo’n klein mogelijk pakketje. Meestal heet zo’n map “dist”, “generated” of “build”.\n\n*   **CI/CD**\n\nContinuous Integration / Continuous Deployment is de verzamelnaam voor technieken en infrastructuren die ervoor zorgen dat nieuwe code kan worden uitgerold naar bijvoorbeeld een Test-, Acceptatie- of Productie-omgeving. Veelal zijn er hooks en andere triggers ingesteld, waardoor er automatisch Tests worden gestart als er een Pull Request wordt gedaan naar een branch op de GIT- server. Als de tests slagen, wordt er meestal een deployment gedaan naar de bestemde omgeving.\n\n*   **CLI**\n\nDit staat voor Command Line Interface. In plaats van bestanden bekijken in Windows verkenner kan je hiermee ook via de terminal opdrachten geven en uitvoeren.\n\nWordt veel gebruikt voor GIT, NPM, WebPack, Angular-cli, Vue-cli, create-react-app.\n\n*   **CSS**\n\nCascading Style Sheets, de techniek waarin je beschrijft hoe elementen van een website er uit dienen te zien. In 1996 ontwikkeld door Håkon Wium Lie en Bert Bos. Kan direct worden uitgevoerd in een browser. De nieuwste iteratie is CSS3, hoewel dit geen officiële standaard is.\n\n*   **ECMAScript (ES5, ES6, etc.)**\n\nDe officiële standaard van JavaScript is ECMAScript. ECMA (European Computer Manufacturers Association) is een organisatie die zich bezighoudt met standaardisatie. Jaarlijks worden er zaken toegevoegd aan een nieuwe versie van ECMAScript. Omdat de versienummers erg ingewikkeld werden, wordt de versie vernoemd naar het jaar waarin het uitgekomen is (dus ES2016, ES2017, etc.). Meestal wordt er vooral gekeken naar ES5 en ES6 omdat zij de grootste wijzigingen meebrachten, en het verschil maken tussen “klassieke JavaScript” en “moderne JavaScript”\n\n*   **GIT**\n\nVersiebeheersysteem waarin wijzigingen binnen de mappen van een project worden bijgehouden en gedeeld kunnen worden door lokale wijzigingen door te sturen naar de GIT-server (zoals GitHub, TFS of Azure DevOps).\n\n*   **HTML**\n\nHyper Text Markup Language is een tekst-gebaseerde taal waarin je omschrijft hoe de structuur van een webpagina er uitziet. Laatste iteratie is uit 2014 en heet HTML5, wat veel nieuwe API’s en semantische elementen introduceerde.\n\n*   **JAMstack**\n\nEen methode om websites en applicaties te bouwen met JavaScript, API’s en Markup. Veel gecombineerd met Static Site Generators als HuGo, Jekyll en Gatsby. Voor de API’s wordt vaak gebruikt gemaakt van headless CMS’en zoals Sanity, Story Blocks, Forrestry, of een CMS dat ook een API aanbiedt (zoals Wordpress of Expression Engine).\n\n*   **JavaScript**\n\nEen scripting-taal dat direct uitgevoerd kan worden in de browser. Origineel geschreven en bedacht door Brendan Eich in 1995 (in 10 dagen). Nieuwere versies van JavaScript worden ECMAScript genoemd.\n\n*   **JSX**\n\nDe templating taal van React (staat voor JavaScript Extended). Hierdoor kun je HTML, Styles en JavaScript combineren in één bestand per component.\n\n*   **Node.js**\n\nNode.js is een aangepaste versie van JavaScript die draait op een server. Hierdoor is het mogelijk om applicaties te bouwen in JavaScript, die bijvoorbeeld als service of als function aangeroepen kunnen worden.\n\n*   **React**\n\nEen populair JavaScript framework, origineel gelanceerd door Facebook. Gebruikt JSX als templating taal.\n\n*   **Sass**\n\nSass is een CSS Preprocessor, waardoor je zaken kunt doen in je werkbestand die niet kunnen in CSS. De afkorting staat voor “Syntactically Awesome Style Sheets”. Sass moet eerst worden gecompileerd naar CSS. Afgelopen jaren zijn onderdelen van Sass overgenomen in CSS, waardoor de noodzaak minder groot is. Grootste voorbeeld hiervan zijn Variables (CSS custom-properties).\n\n*   **Svelte**\n\nSvelte is een nieuw opkomend framework, met een focus op een kleine omvang en een goede developers experience. Bijzondere is ook, dat als je een SvelteJS applicatie Build om het uit te rollen, dat het hele framework verdwijnt. Er blijft enkel een index.html, een bundle.css en een bundle.js over.\n\n*   **TypeScript**\n\nEen strongly typed versie van JavaScript. Dit houdt in dat alle variabelen die aangemaakt worden meteen een type meekrijgen. Op die manier weet de applicatie welk type waarde terug moet komen. Angular was het eerste grote framework die TypeScript implementeerde en inmiddels is het ook mogelijk om TS te gebruiken in combinatie met React of Vue.JS.\n\n*   **Vanilla JavaScript**\n\nEen term om aan te geven dat er JavaScript wordt gebruikt zonder frameworks.\n\n*   **Vue.JS**\n\nHet enige grote framework dat niet verbonden is aan een bedrijf: Vue is een populair framework met een grote community. Gelanceerd in februari 2014 door Evan You, en sindsdien steeds meer gegroeid tot wat het nu is.",{"__component":556,"id":569,"title":18,"asideText":570,"underline":70,"centered":70,"blankAside":70,"aside":18,"content":571,"introductionText":18},972,"Kunnen wij je helpen?","## Conclusie\n\nNatuurlijk zijn er nog veel meer begrippen. Dit zijn enkel de meest voorkomende moderne Front-End begrippen. Technieken die ik zelf veel gebruik zijn React, Vue, Sass en Git. En daarbij ontkom je niet aan webpack, cli en dergelijke. Ook probeer ik steeds vaker JAMstack toe te passen door te werken met bijvoorbeeld Gatsby, eleventy, of forrestry. Je merkt erg dat de markt steeds meer op zoek gaat naar vernieuwingen binnen de Front-End, en daar springen ik en mijn collega’s graag op in.\n\nHeb je onze andere blogs over Front-End ook al gelezen? [Je vindt ze hier allemaal bij elkaar](/kennisbank/blogs/front-end). Bijvoorbeeld [de blog over JAMstack](/blogs/de-jamstack-wat-is-het-en-wat-levert-het-op).\n\nWil je meer lezen over een ander Front-End onderwerp? [Laat het mij weten met een berichtje](/contact).",{"__component":573,"id":574,"title":18,"showBlankAside":305},"global.social-sharing",107,{"__component":576,"id":577,"name":18,"jobTitle":18},"strapi.author-card",65,{"__component":93,"id":579,"title":324,"aside":18,"postType":97,"limit":98,"expertise":580},76,[581,623],{"id":61,"title":62,"subTitle":63,"description":64,"shortDescription":65,"slug":66,"createdAt":67,"updatedAt":68,"publishedAt":69,"isCoreExpertise":70,"documentId":71,"image":582,"blocks":585,"midPageBlocks":592,"seo":18},{"id":73,"name":74,"alternativeText":18,"caption":18,"width":75,"height":76,"formats":583,"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":584},{"ext":79,"url":80,"hash":81,"mime":82,"name":83,"path":18,"size":84,"width":50,"height":85},[586,589],{"__component":93,"id":94,"title":95,"aside":96,"postType":97,"limit":98,"expertise":587},[588],{"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":590,"iconUrlRight":591},{"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},[593,600,607,614,621],{"__component":117,"id":118,"title":119,"subTitle":18,"content":120,"callToActionText":121,"callToActionLink":111,"colorStyle":18,"showAsides":18,"imageUrl":594},{"id":166,"name":167,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":595,"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":596,"small":597,"medium":598,"thumbnail":599},{"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":601},{"id":204,"name":205,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":602,"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":603,"small":604,"medium":605,"thumbnail":606},{"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":608},{"id":234,"name":235,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":609,"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":610,"small":611,"medium":612,"thumbnail":613},{"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":615},{"id":264,"name":265,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":616,"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":617,"small":618,"medium":619,"thumbnail":620},{"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":622},{"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":624,"blocks":627,"midPageBlocks":636,"seo":667},{"id":308,"name":309,"alternativeText":18,"caption":18,"width":75,"height":76,"formats":625,"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":626},{"ext":79,"url":312,"hash":313,"mime":82,"name":314,"path":18,"size":315,"width":50,"height":85},[628,633],{"__component":93,"id":323,"title":324,"aside":18,"postType":97,"limit":98,"expertise":629},[630,631,632],{"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":634,"iconUrlRight":635},{"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},[637,644,651,658,665],{"__component":117,"id":337,"title":338,"subTitle":18,"content":339,"callToActionText":18,"callToActionLink":18,"colorStyle":340,"showAsides":70,"imageUrl":638},{"id":462,"name":167,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":639,"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":640,"small":641,"medium":642,"thumbnail":643},{"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":645},{"id":482,"name":483,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":646,"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":647,"small":648,"medium":649,"thumbnail":650},{"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":652},{"id":264,"name":265,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":653,"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":654,"small":655,"medium":656,"thumbnail":657},{"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":659},{"id":519,"name":520,"alternativeText":18,"caption":18,"width":168,"height":169,"formats":660,"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":661,"small":662,"medium":663,"thumbnail":664},{"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":666},{"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":668,"metaImage":18,"metaSocial":671},{"url":364,"@type":365,"@context":366,"provider":669,"areaServed":670,"description":374,"serviceType":375},{"url":368,"name":369,"@type":370},{"name":372,"@type":373},[],{"__component":107,"id":673,"titleLeft":334,"callToActionTextLeft":110,"callToActionLinkUrlLeft":674,"titleRight":112,"callToActionTextRight":113,"callToActionLinkUrlRight":675,"iconUrlLeft":676,"iconUrlRight":677},134,"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":196,"metaTitle":679,"metaDescription":680,"structuredData":681,"metaImage":18,"metaSocial":708},"Moderne Front-End-begrippen uitgelegd | ShareValue","Ontdek de belangrijkste moderne Front-End-termen zoals A11y, Angular, Babel.js, bundlers en CI/CD, en hoe ze het ontwikkelproces beïnvloeden.​",[682,691],{"url":683,"@type":684,"author":685,"@context":366,"headline":679,"publisher":686,"description":690,"datePublished":13},"https://www.sharevalue.nl/blogs/moderne-front-end-begrippen-toegelicht","BlogPosting",{},{"logo":687,"name":369,"@type":370},{"url":688,"@type":689},"https://www.sharevalue.nl/_nuxt/img/sharevalue-logo.3c5e7cb.svg","ImageObject","Ontdek de belangrijkste moderne Front-End-termen zoals A11y, Angular, Babel.js, bundlers en CI/CD, en hoe ze het ontwikkelproces beïnvloeden.",{"@type":692,"@context":366,"mainEntity":693},"FAQPage",[694,700,704],{"name":695,"@type":696,"acceptedAnswer":697},"Wat is A11y (Accessibility) in Front-End?","Question",{"text":698,"@type":699},"A11y staat voor toegankelijkheid en verwijst naar het ontwerpen en ontwikkelen van websites die bruikbaar zijn voor iedereen, inclusief mensen met beperkingen. Het volgt richtlijnen zoals WCAG 2.1.","Answer",{"name":701,"@type":696,"acceptedAnswer":702},"Wat doet Babel.js in een Front-End-project?",{"text":703,"@type":699},"Babel.js is een JavaScript-compiler die moderne JavaScript-code omzet naar een versie die compatibel is met oudere browsers, zoals Internet Explorer 11.",{"name":705,"@type":696,"acceptedAnswer":706},"Wat is Continuous Integration / Continuous Deployment (CI/CD)?",{"text":707,"@type":699},"CI/CD verwijst naar processen en tools die ontwikkelaars helpen om codewijzigingen automatisch te testen en te implementeren, waardoor snellere en betrouwbaardere softwarelevering mogelijk is.",[],{"pagination":710},{"page":711,"pageSize":136},1,{},1781259249201]