HTML

Da HTML das strukturelle Gerüst und somit die absolute Grundlage einer Webseite darstellt, setzen wir uns in Frontend Development damit auseinander, wie Content mit sinnvollem, effizienten, semantischen Markup abgebildet und zu strukturiert werden kann.

CSS

Zur Einflussnahme auf die Darstellung im Browser befassen wir uns mit den wesentlichen Konzepten und Eigenschaften von Cascading Stylesheets: Selektoren, Eigenschaften, Vererbung, Floats, Positioning, Display, Box Model, Grid und Flexbox. Darüber hinaus schauen wir uns Preprozessoren (SCSS o.Ä.) und CSS Methodologien (BEM, OOCSS) aber auch Strukturierungskonzepte wie Atomic Design und Design Systems an.

Javascript

Zur Abbildung von Anwendungslogik und Interaktion im Browser wird Javascript benutzt. Im Rahmen des Teilmoduls befassen wir uns mit grundlegenden Elementen, wie Variablen, Schleifen oder Funktionen, aber auch die Prototype Chain, das this Keyword und Muster, wie Closures, DOM API und Eventlistener werden adressiert. Abschließend schauen wir uns Vue.js als Frontend Framework und Eleventy als Static Page Generator an.

Development Tools

Darüber hinaus behandeln wir den Umgang mit Entwicklungstools wie der Developer Konsole im Browser, Taskrunnern (NPM Script, ESLint), IDE/ Editor, Package Managers (Yarn, NPM) als auch mit Containervirtualisierung via Docker.