{"id":1975,"date":"2020-12-02T16:49:58","date_gmt":"2020-12-02T15:49:58","guid":{"rendered":"https:\/\/startertemplatecloud.com\/e05\/?p=1975"},"modified":"2023-06-14T11:30:44","modified_gmt":"2023-06-14T09:30:44","slug":"front-end-development","status":"publish","type":"post","link":"https:\/\/metamedia.nl\/front-end-development\/","title":{"rendered":"Wat is frontend development?"},"content":{"rendered":"\n<p>Frontend is het deel van een website of app dat voor een gebruiker zichtbaar is. De naam zegt het al: het is eigenlijk de voorkant. Het wordt ook wel user interface (UI) of gebruikersinterface genoemd.<\/p>\n\n\n\n<p>Als je bijvoorbeeld een app of een webshop hebt waarbij je producten kunt aanschaffen, dan is de frontend het gedeelte waar de bezoekers de producten op de site of in de app zien staan.<\/p>\n\n\n\n<p>De database\/CRM, met daarin alle gegevens van de producten en de klanten, hoort daar dus niet bij.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Dit zijn de belangrijkste technologie\u00ebn die gebruikt worden voor frontend development<\/h3>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"500\" height=\"500\" data-id=\"3251\" src=\"https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-html.png\" alt=\"\" class=\"wp-image-3251\" srcset=\"https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-html.png 500w, https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-html-300x300.png 300w, https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-html-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"500\" height=\"500\" data-id=\"3250\" src=\"https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-css.png\" alt=\"\" class=\"wp-image-3250\" srcset=\"https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-css.png 500w, https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-css-300x300.png 300w, https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-css-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"500\" height=\"500\" data-id=\"3252\" src=\"https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-js.png\" alt=\"\" class=\"wp-image-3252\" srcset=\"https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-js.png 500w, https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-js-300x300.png 300w, https:\/\/metamedia.nl\/wp-content\/uploads\/2022\/06\/mm-logo-js-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/><\/figure>\n<\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">HTML<\/h4>\n\n\n\n<p>Dit bepaalt de structuur van de website zoals bijvoorbeeld de headers, de afbeeldingen en de paragrafen.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">CSS<\/h4>\n\n\n\n<p>Dit bepaalt hoe de HTML eruit komt te zien. Dus het gaat echt om de stijl dat bestaat onder andere uit het lettertype, de kleur en de grootte.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Javascript<\/h4>\n\n\n\n<p>Dit bepaalt hoe events op de site worden afgehandeld. Bijvoorbeeld de vervolgactie als er op een knop wordt gedrukt. Javascript stuurt, kort gezegd, alle de data van- en naar de backend.<\/p>\n\n\n\n<p>De drie meest gebruikte JavaScript frameworks zijn Angular, Vue en React.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Frontend is het deel van een website of app dat voor een gebruiker zichtbaar is. De naam zegt het al: het is eigenlijk de voorkant. Het wordt ook wel user interface (UI) of gebruikersinterface genoemd. Als je bijvoorbeeld een app of een webshop hebt waarbij je producten kunt aanschaffen, dan is de frontend het gedeelte [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":4326,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/posts\/1975"}],"collection":[{"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/comments?post=1975"}],"version-history":[{"count":44,"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/posts\/1975\/revisions"}],"predecessor-version":[{"id":4420,"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/posts\/1975\/revisions\/4420"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/media\/4326"}],"wp:attachment":[{"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/media?parent=1975"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/categories?post=1975"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/metamedia.nl\/wp-json\/wp\/v2\/tags?post=1975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}