De term frontend programmeren heeft betrekking op het gedeelte van een applicatie, website of programma dat voor de gebruiker zichtbaar is. Andere benamingen voor deze omgeving zijn user interface (UI) en gebruikersinterface. Frontend development houdt in : het omzetten van een ontwerp van een website of andere toepassing in een technisch goed werkend geheel. Deze uitgave bestaat uit de volgende delen die te maken hebben met frontend programmeren: * Deel 1 Inleiding HTML5&CSS3 met Materials design * Deel 2 Basis JavaScript * Deel 3 Gevorderd JavaScript * Deel 4 : Typescript Inhoudstafel Deel I Basis HTML5 en CSS3 1.1 Inleiding 1.2 CSS3 1.3 Webkleuren 1.4 Navigatie 1.5 Flexbox 1.6 Logo 1.7 Hoofd-content 1.8 Positionering 1.9 Codering en design van de footer 1.10 CSS Grid Layout 1.11 De playlist-pagina 1.12 De formulierpagina 1.13 De contactpagina 1.14 Material design 1.15 Een material-design-sjabloon 1.16 Material-design-project Deel II Basis JavaScript 2.1 Inleiding JavaScript 2.2 Datatypes 2.3 Het Array-object 2.4 Objecten 2.5 Het Date-object 2.6 Date-methodes 2.7 Beslissingsstructuren 2.8 Stroomdiagrammen 2.9 Switch 2.10 Eigen functies 2.11 Lussen 2.12 De for(in)-lus 2.13 De while()-lus 2.14 Het Math-object 2.15 String-methodes 2.16 Algoritmes 2.17 Het Document Object Model 2.18 Cookies 2-19 Een winkelwagentje in JavaScript Deel III Gevorderd JavaScript 3.1 OOP in JavaScript 3.2 Het factory pattern 3.3 Constructor-pattern 3.4 Prototype-pattern 3.5 Inheritance (overerven) 3.6 Een OOP videoOlayer 3.7 JSON-object-literals 3.8 Speciale functions 3.9 Ananieme functions 3.10 Lokale opslagcapaciteit (local storage) 3.11 OOP webshop 3.12 Functions van hogere orde Deel IV TypeScript 4.1 Ontwikkelomgeving installeren 4.2 Inleiding TypeScript 4.3 Objectgeoriënteerd programmeren (OOP° 4.4 Access-methodes 4.5 Encapsulation (inkapseling) 4.6 Eigen methodes 4.7 Inheritance 4.8 Interfaces 4.9 Foutafhandeling met exceptions 4.10 Project OOP in TypeScript 4.11 Fullstack TypeScript (frontend & backend) 4.12 Graphic User Interfaces (GUI) 4.13 de webapp FlexTix Register