{"id":235,"date":"2025-03-25T13:35:49","date_gmt":"2025-03-25T13:35:49","guid":{"rendered":"https:\/\/zozoe.nl\/?page_id=235"},"modified":"2026-02-27T12:42:47","modified_gmt":"2026-02-27T12:42:47","slug":"front-end-development","status":"publish","type":"page","link":"https:\/\/zozoe.nl\/?page_id=235","title":{"rendered":"Front End Development"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"235\" class=\"elementor elementor-235\">\n\t\t\t\t<header class=\"elementor-element elementor-element-aa5eccf e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"aa5eccf\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;position&quot;:&quot;fixed&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-34daa1ad e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"34daa1ad\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-510676ed elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"510676ed\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/zozoe.nl\/\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1280\" height=\"488\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/ZoZoeLogoWeb.png\" class=\"attachment-2048x2048 size-2048x2048 wp-image-26\" alt=\"Logo van ZoZo\u00eb. In tekst\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/ZoZoeLogoWeb.png 1280w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/ZoZoeLogoWeb-300x114.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/ZoZoeLogoWeb-1024x390.png 1024w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/ZoZoeLogoWeb-768x293.png 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4712c39e e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"4712c39e\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7210fcde elementor-align-right elementor-icon-list--layout-traditional elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"7210fcde\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item\">\n\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-icon\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-envelope\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M464 64H48C21.49 64 0 85.49 0 112v288c0 26.51 21.49 48 48 48h416c26.51 0 48-21.49 48-48V112c0-26.51-21.49-48-48-48zm0 48v40.805c-22.422 18.259-58.168 46.651-134.587 106.49-16.841 13.247-50.201 45.072-73.413 44.701-23.208.375-56.579-31.459-73.413-44.701C106.18 199.465 70.425 171.067 48 152.805V112h416zM48 400V214.398c22.914 18.251 55.409 43.862 104.938 82.646 21.857 17.205 60.134 55.186 103.062 54.955 42.717.231 80.509-37.199 103.053-54.947 49.528-38.783 82.032-64.401 104.947-82.653V400H48z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">z.reijinga@zozoe.nl<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/header>\n\t\t<div class=\"elementor-element elementor-element-138cc281 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"138cc281\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-1c8c112d e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"1c8c112d\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34af547b elementor-widget elementor-widget-heading\" data-id=\"34af547b\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Project: <br>Coolblue-webpagina\u2019s in vanille HTML, CSS &amp; JavaScript<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-28399a0 e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"28399a0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-a894396 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"a894396\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c819744 elementor-widget elementor-widget-text-editor\" data-id=\"c819744\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"\" data-start=\"336\" data-end=\"585\"><strong data-start=\"336\" data-end=\"356\">Over het project<\/strong><br data-start=\"356\" data-end=\"359\" \/>Voor deze opdracht codeerde ik zelfstandig twee pagina\u2019s van de website van <strong data-start=\"435\" data-end=\"447\">Coolblue<\/strong> na. De uitdaging? Alles moest gebouwd worden met <strong data-start=\"497\" data-end=\"532\">vanille HTML, CSS en JavaScript<\/strong> \u2013 dus zonder gebruik van frameworks zoals Bootstrap.<\/p><p class=\"\" data-start=\"587\" data-end=\"896\"><strong data-start=\"587\" data-end=\"603\">De uitdaging<\/strong><br data-start=\"603\" data-end=\"606\" \/>Doordat ik tijdens mijn opleiding als mediavormgever voornamelijk met Bootstrap werkte, was dit project een omschakeling. Ik moest terug naar de basis: alles zelf opzetten, structureren en stylen. Een leerzaam proces waarbij ik meer grip kreeg op wat er precies &#8220;onder de motorkap&#8221; gebeurt.<\/p><p class=\"\" data-start=\"898\" data-end=\"1202\"><strong data-start=\"898\" data-end=\"916\">Mijn oplossing<\/strong><br data-start=\"916\" data-end=\"919\" \/>Ik ben vanaf nul begonnen met het namaken van twee pagina\u2019s van de Coolblue-website. Denk aan structuur, visuele elementen, responsive gedrag en interacties. Alles handmatig opgebouwd met heldere, onderhoudbare code. Daarbij lette ik op consistentie, toegankelijkheid en performance.<\/p><p class=\"\" data-start=\"1204\" data-end=\"1474\"><strong data-start=\"1204\" data-end=\"1217\">Resultaat<\/strong><br data-start=\"1217\" data-end=\"1220\" \/>Binnen vier weken heb ik, naast andere opdrachten, twee volledig functionerende webpagina\u2019s gebouwd die qua look &amp; feel sterk overeenkomen met het origineel. Het project liet me zien hoeveel controle en inzicht je hebt wanneer je werkt zonder frameworks.<\/p><hr class=\"\" data-start=\"1476\" data-end=\"1479\" \/><p class=\"\" data-start=\"1481\" data-end=\"1495\"><strong data-start=\"1481\" data-end=\"1493\">Mijn rol<\/strong><\/p><ul data-start=\"1496\" data-end=\"1709\"><li class=\"\" data-start=\"1496\" data-end=\"1527\"><p class=\"\" data-start=\"1498\" data-end=\"1527\">Opzetten van HTML-structuur<\/p><\/li><li class=\"\" data-start=\"1528\" data-end=\"1573\"><p class=\"\" data-start=\"1530\" data-end=\"1573\">Styling met CSS (incl. responsive gedrag)<\/p><\/li><li class=\"\" data-start=\"1574\" data-end=\"1612\"><p class=\"\" data-start=\"1576\" data-end=\"1612\">Interacties met vanille JavaScript<\/p><\/li><li class=\"\" data-start=\"1613\" data-end=\"1649\"><p class=\"\" data-start=\"1615\" data-end=\"1649\">Zelfstandig refactoren en testen<\/p><\/li><li class=\"\" data-start=\"1650\" data-end=\"1709\"><p class=\"\" data-start=\"1652\" data-end=\"1709\">Werken zonder gebruik van externe libraries of frameworks<\/p><\/li><\/ul><p class=\"\" data-start=\"1711\" data-end=\"1729\"><strong data-start=\"1711\" data-end=\"1727\">Vaardigheden<\/strong><\/p><ul data-start=\"1730\" data-end=\"1922\"><li class=\"\" data-start=\"1730\" data-end=\"1757\"><p class=\"\" data-start=\"1732\" data-end=\"1757\">HTML \/ CSS \/ JavaScript<\/p><\/li><li class=\"\" data-start=\"1758\" data-end=\"1779\"><p class=\"\" data-start=\"1760\" data-end=\"1779\">Responsive design<\/p><\/li><li class=\"\" data-start=\"1780\" data-end=\"1817\"><p class=\"\" data-start=\"1782\" data-end=\"1817\">Web development zonder frameworks<\/p><\/li><li class=\"\" data-start=\"1818\" data-end=\"1844\"><p class=\"\" data-start=\"1820\" data-end=\"1844\">Pixel-perfect nabouwen<\/p><\/li><li class=\"\" data-start=\"1845\" data-end=\"1885\"><p class=\"\" data-start=\"1847\" data-end=\"1885\">Flexibiliteit en aanpassingsvermogen<\/p><\/li><li class=\"\" data-start=\"1886\" data-end=\"1922\"><p class=\"\" data-start=\"1888\" data-end=\"1922\">Code structureren en optimaliseren<\/p><\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3c3ebeb e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3c3ebeb\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ccb81c3 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"ccb81c3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7e2dd2 elementor-widget elementor-widget-image\" data-id=\"b7e2dd2\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/frontend.png\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NjAsInVybCI6Imh0dHBzOlwvXC96b3pvZS5ubFwvd3AtY29udGVudFwvdXBsb2Fkc1wvMjAyNFwvMTJcL2Zyb250ZW5kLnBuZyJ9\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/frontend.png\" class=\"attachment-large size-large wp-image-60\" alt=\"\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/frontend.png 400w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/frontend-300x300.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/frontend-150x150.png 150w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8955fc4 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"8955fc4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0201a83 elementor-widget elementor-widget-image\" data-id=\"0201a83\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.40.59.png\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjM5LCJ1cmwiOiJodHRwczpcL1wvem96b2UubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzAzXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjUtMDMtMjUtb20tMTQuNDAuNTkucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"800\" height=\"439\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.40.59-1024x562.png\" class=\"attachment-large size-large wp-image-239\" alt=\"\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.40.59-1024x562.png 1024w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.40.59-300x165.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.40.59-768x422.png 768w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.40.59-1536x844.png 1536w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.40.59.png 1921w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a9f8223 elementor-widget elementor-widget-image\" data-id=\"a9f8223\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.47.png\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjM3LCJ1cmwiOiJodHRwczpcL1wvem96b2UubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzAzXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjUtMDMtMjUtb20tMTQuNDEuNDcucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"441\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.47-1024x565.png\" class=\"attachment-large size-large wp-image-237\" alt=\"\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.47-1024x565.png 1024w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.47-300x165.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.47-768x424.png 768w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.47-1536x847.png 1536w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.47.png 1915w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f21de9d elementor-widget elementor-widget-image\" data-id=\"f21de9d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.23.png\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6MjM4LCJ1cmwiOiJodHRwczpcL1wvem96b2UubmxcL3dwLWNvbnRlbnRcL3VwbG9hZHNcLzIwMjVcLzAzXC9TY2hlcm1hZmJlZWxkaW5nLTIwMjUtMDMtMjUtb20tMTQuNDEuMjMucG5nIn0%3D\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"255\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.23-1024x326.png\" class=\"attachment-large size-large wp-image-238\" alt=\"\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.23-1024x326.png 1024w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.23-300x96.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.23-768x245.png 768w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-25-om-14.41.23.png 1259w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-775f517 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"775f517\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-35cd5d9 elementor-widget elementor-widget-heading\" data-id=\"35cd5d9\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Mijn werk<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f850b8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"7f850b8\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e064e35 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"e064e35\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3e64054 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"3e64054\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zozoe.nl\/?page_id=138\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"945\" height=\"945\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-24-om-13.13.35.png\" class=\"elementor-animation-grow attachment-2048x2048 size-2048x2048 wp-image-125\" alt=\"\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-24-om-13.13.35.png 945w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-24-om-13.13.35-300x300.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-24-om-13.13.35-150x150.png 150w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-24-om-13.13.35-768x768.png 768w\" sizes=\"(max-width: 945px) 100vw, 945px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"https:\/\/zozoe.nl\/?page_id=138\">Berichten in de Buurt<\/a><\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-07aa7db e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"07aa7db\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-43a838f elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"43a838f\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zozoe.nl\/?page_id=152\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"800\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/Woordle-17.jpg\" class=\"elementor-animation-grow attachment-2048x2048 size-2048x2048 wp-image-28\" alt=\"Het woord visual van NU.nl\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/Woordle-17.jpg 800w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/Woordle-17-300x300.jpg 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/Woordle-17-150x150.jpg 150w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/Woordle-17-768x768.jpg 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"https:\/\/zozoe.nl\/?page_id=152\">Het woord van NU.nL<\/a><\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8cb81d9 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"8cb81d9\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b50654f elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"b50654f\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zozoe.nl\/?page_id=204\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"741\" height=\"768\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-24-om-10.06.40.png\" class=\"elementor-animation-grow attachment-2048x2048 size-2048x2048 wp-image-110\" alt=\"\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-24-om-10.06.40.png 741w, https:\/\/zozoe.nl\/wp-content\/uploads\/2025\/03\/Schermafbeelding-2025-03-24-om-10.06.40-289x300.png 289w\" sizes=\"(max-width: 741px) 100vw, 741px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"https:\/\/zozoe.nl\/?page_id=204\">NU.NL podcast onderzoek, ervaring verbeteren<\/a><\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-25c2163 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"25c2163\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9e1cb41 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"9e1cb41\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zozoe.nl\/?page_id=191\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"2048\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/VrZWPortfolio.png\" class=\"elementor-animation-grow attachment-2048x2048 size-2048x2048 wp-image-57\" alt=\"Visual voor mijn afstudeeropdracht\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/VrZWPortfolio.png 9976w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/VrZWPortfolio-300x300.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/VrZWPortfolio-1024x1024.png 1024w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/VrZWPortfolio-768x768.png 768w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"https:\/\/zozoe.nl\/?page_id=191\">Veiligheidsregio \nZaanstreek-Waterland<\/a><\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3014ef1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"3014ef1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3ab43f2 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"3ab43f2\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zozoe.nl\/?page_id=154\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/noahjames.png\" class=\"elementor-animation-grow attachment-2048x2048 size-2048x2048 wp-image-40\" alt=\"Foto van het geboorte kaartje van Noah\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/noahjames.png 1024w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/noahjames-300x300.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/noahjames-150x150.png 150w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/noahjames-768x768.png 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"https:\/\/zozoe.nl\/?page_id=154\">Geboorte Kaartje <br>Noah james<\/a><\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a5e0295 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"a5e0295\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-efbd2ee e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"efbd2ee\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-211d66d elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"211d66d\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zozoe.nl\/?page_id=174\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"824\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/YoungArtisExperience.png\" class=\"elementor-animation-grow attachment-full size-full wp-image-58\" alt=\"\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/YoungArtisExperience.png 800w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/YoungArtisExperience-291x300.png 291w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/YoungArtisExperience-768x791.png 768w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"https:\/\/zozoe.nl\/?page_id=174\">Young Artis Experience<\/a><\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-40f16b1 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"40f16b1\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c1b91b4 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"c1b91b4\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zozoe.nl\/?page_id=155\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"1113\" height=\"1113\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/minorservicedesign.jpg\" class=\"elementor-animation-grow attachment-full size-full wp-image-41\" alt=\"Thumbnail service design podcast app\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/minorservicedesign.jpg 1113w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/minorservicedesign-300x300.jpg 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/minorservicedesign-1024x1024.jpg 1024w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/minorservicedesign-150x150.jpg 150w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/minorservicedesign-768x768.jpg 768w\" sizes=\"(max-width: 1113px) 100vw, 1113px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"https:\/\/zozoe.nl\/?page_id=155\">Cerita yang terlupakan<\/a><\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-512443a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"512443a\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-23b3e36 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"23b3e36\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zozoe.nl\/?page_id=223\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"2048\" height=\"2048\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/boekenzoeker-2048x2048.png\" class=\"elementor-animation-grow attachment-2048x2048 size-2048x2048 wp-image-39\" alt=\"Thumbnail boekenzoeker. Een ipad met de app erop\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/boekenzoeker-2048x2048.png 2048w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/boekenzoeker-300x300.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/boekenzoeker-1024x1024.png 1024w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/boekenzoeker-150x150.png 150w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/boekenzoeker-768x768.png 768w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/boekenzoeker-1536x1536.png 1536w\" sizes=\"(max-width: 2048px) 100vw, 2048px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"https:\/\/zozoe.nl\/?page_id=223\">De Boekenzoeker<\/a><\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-68a3843 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"68a3843\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5952ec2 elementor-position-top elementor-widget elementor-widget-image-box\" data-id=\"5952ec2\" data-element_type=\"widget\" data-widget_type=\"image-box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><a href=\"https:\/\/zozoe.nl\/?page_id=235\" tabindex=\"-1\"><img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"400\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/frontend.png\" class=\"elementor-animation-grow attachment-2048x2048 size-2048x2048 wp-image-60\" alt=\"\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/frontend.png 400w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/frontend-300x300.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/frontend-150x150.png 150w\" sizes=\"(max-width: 400px) 100vw, 400px\" \/><\/a><\/figure><div class=\"elementor-image-box-content\"><h4 class=\"elementor-image-box-title\"><a href=\"https:\/\/zozoe.nl\/?page_id=235\">Front end development<\/a><\/h4><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e637a1a e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"e637a1a\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7e83998 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"7e83998\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5e775a8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"5e775a8\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8fcae43 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"8fcae43\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c6ce209 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"c6ce209\" data-element_type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<footer class=\"elementor-element elementor-element-265a99ca e-flex e-con-boxed wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-parent\" data-id=\"265a99ca\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-4a2d08f2 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"4a2d08f2\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2c04c9dd elementor-widget elementor-widget-image\" data-id=\"2c04c9dd\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1280\" height=\"488\" src=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/ZoZoeLogoWeb.png\" class=\"attachment-full size-full wp-image-26\" alt=\"Logo van ZoZo\u00eb. In tekst\" srcset=\"https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/ZoZoeLogoWeb.png 1280w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/ZoZoeLogoWeb-300x114.png 300w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/ZoZoeLogoWeb-1024x390.png 1024w, https:\/\/zozoe.nl\/wp-content\/uploads\/2024\/12\/ZoZoeLogoWeb-768x293.png 768w\" sizes=\"(max-width: 1280px) 100vw, 1280px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-6a6caec8 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"6a6caec8\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d1ec47 elementor-icon-list--layout-inline elementor-tablet-align-center elementor-align-center elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"1d1ec47\" data-element_type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">ZoZo\u00eb Vormgever, UX designer\/ Researcher<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7c4efc45 e-con-full e-flex wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no e-con e-child\" data-id=\"7c4efc45\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-41763f5d e-grid-align-right e-grid-align-tablet-right e-grid-align-mobile-center elementor-widget-mobile__width-inherit elementor-shape-rounded elementor-grid-0 elementor-widget elementor-widget-social-icons\" data-id=\"41763f5d\" data-element_type=\"widget\" data-widget_type=\"social-icons.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-social-icons-wrapper elementor-grid\">\n\t\t\t\t\t\t\t<span class=\"elementor-grid-item\">\n\t\t\t\t\t<a class=\"elementor-icon elementor-social-icon elementor-social-icon- elementor-repeater-item-5c0ce3c\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-screen-only\"><\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/span>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/footer>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>z.reijinga@zozoe.nl Project: Coolblue-webpagina\u2019s in vanille HTML, CSS &amp; JavaScript Over het projectVoor deze opdracht codeerde ik zelfstandig twee pagina\u2019s van de website van Coolblue na. De uitdaging? Alles moest gebouwd worden met vanille HTML, CSS en JavaScript \u2013 dus zonder gebruik van frameworks zoals Bootstrap. De uitdagingDoordat ik tijdens mijn opleiding als mediavormgever voornamelijk met Bootstrap werkte, was dit project een omschakeling. Ik moest terug naar de basis: alles zelf opzetten, structureren en stylen. Een leerzaam proces waarbij ik meer grip kreeg op wat er precies &#8220;onder de motorkap&#8221; gebeurt. Mijn oplossingIk ben vanaf nul begonnen met het namaken van twee pagina\u2019s van de Coolblue-website. Denk aan structuur, visuele elementen, responsive gedrag en interacties. Alles handmatig opgebouwd met heldere, onderhoudbare code. Daarbij lette ik op consistentie, toegankelijkheid en performance. ResultaatBinnen vier weken heb ik, naast andere opdrachten, twee volledig functionerende webpagina\u2019s gebouwd die qua look &amp; feel sterk overeenkomen met het origineel. Het project liet me zien hoeveel controle en inzicht je hebt wanneer je werkt zonder frameworks. Mijn rol Opzetten van HTML-structuur Styling met CSS (incl. responsive gedrag) Interacties met vanille JavaScript Zelfstandig refactoren en testen Werken zonder gebruik van externe libraries of frameworks Vaardigheden HTML \/ CSS \/ JavaScript Responsive design Web development zonder frameworks Pixel-perfect nabouwen Flexibiliteit en aanpassingsvermogen Code structureren en optimaliseren Mijn werk Berichten in de Buurt Het woord van NU.nL NU.NL podcast onderzoek, ervaring verbeteren Veiligheidsregio Zaanstreek-Waterland Geboorte Kaartje Noah james Young Artis Experience Cerita yang terlupakan De Boekenzoeker Front end development ZoZo\u00eb Vormgever, UX designer\/ Researcher<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-235","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/zozoe.nl\/index.php?rest_route=\/wp\/v2\/pages\/235","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/zozoe.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/zozoe.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/zozoe.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/zozoe.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=235"}],"version-history":[{"count":16,"href":"https:\/\/zozoe.nl\/index.php?rest_route=\/wp\/v2\/pages\/235\/revisions"}],"predecessor-version":[{"id":365,"href":"https:\/\/zozoe.nl\/index.php?rest_route=\/wp\/v2\/pages\/235\/revisions\/365"}],"up":[{"embeddable":true,"href":"https:\/\/zozoe.nl\/index.php?rest_route=\/wp\/v2\/pages\/2"}],"wp:attachment":[{"href":"https:\/\/zozoe.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}