Web Developer:in Javascript, Frontend

In diesem Lehrgang sind keine Programmiervorkenntnisse notwendig. Die Ausbildung beginnt mit Grundlagen der Webentwicklung, HTML, CSS und JavaScript.
Sie erlernen das Erstellen von Webseiten mit HTML und CSS, und können einfache Frontend-Applikationen sowieso interaktive User Interfaces entwickeln.
Als Abschlussarbeit wird eine kleine JavaScript Anwendung oder eine Webseite umgesetzt.

In allen Einzelmodulen werden Best-Practice Beispiele, praktische Übungen, Tipps & Tricks aus der Praxis gezeigt. Unsere Vortragenden sind als Webentwickler tätig, haben mehrjährige Erfahrung im Unterrichten und werden Inhalte praxisnahe vermitteln. In unserem Unterrichtsformat erhalten Sie persönliche Unterstützung und sehr individuell angepasste Inhaltsvermittlung.

Dieser Lehrgang besteht aus folgenden Einzelkursen und Modulen:

HTML/CSS für Web Developer:innen

• Begriffe, Abkürzungen (DNS, HTTP, FTP, XHR, SSL, uvm.)
• Arbeiten im Editor (Shortcuts, Extensions, Liveserver)
• Arbeiten mit GIT (Grundlagen)
• HTTP Grundlagen (Methoden, Statuscodes, Headers)
• Request/Response, Abläufe im Browser
• HTML Syntax und Semantik, HTML-Elemente
• Strukturierung von Dokumenten
• Formulare
• Meta-Tags
• Audio/Video-Elemente
• CSS-Syntax und Semantik, Selektoren
• Box Modell
• Flexbox, CSS Grid
• Pseudoklassen und -elemente
• Media Queries
• Einsatz von CSS-Bibliotheken (wie beispielsweise Bootstrap)

JavaScript Grundlagen, Frontend

• Grundlagen des Programmierens, Programmerstellung
• strukturierte Programmierung
• JavaScript Ökosystem
• Debugging
• JavaScript Syntax, Ausdrücke
• Datentypen, Variablen/Konstanten, Operatoren
• Arbeiten mit Array und Objekte
• Kontrollstrukturen, Funktionen
• Eventhandling
• DOM-Traversing und -Manipulation
• Asynchrone Client-/Server-Kommunikation (XHR/Fetch)
• Storage im Browser (inkl. Cookies)

Programmieren mit JavaScript – Aufbau

• Erweiterte JavaScript Kenntnisse (ECMAScript6)
• Arrow-Funktionen, Map, Set, Symbol
• reguläre Ausdrücke (RegExp)
• Date-Objekt, Zeitfunktionen
• Objektorientierte Programmierung, Klassen und Subklassen
• Prototypen
• Errorhandling
• Synchrone und asynchrone Programmabläufe, Promises, await/async
• JSON, XML, CSV
• Animation von Webinhalten, Effekte
• SVG, Canvas, Mediaelemente (Audio, Video)
• Geolocation
• Filereader
• Webworker
• iFrames
• Einsatz von Bibliotheken (wie beispielsweise LeafletJS, D3)

Programmierpraxis

• Realisierung einer Webseite oder einer JavaScript Frontend-Applikation - dieses Projekt wird in Heimarbeit erstellt.

• Grundlegende Kenntnisse der Internettechnik
• Sicherer Umgang mit Computer und Betriebssystem (Dateien/Ordner, Programme installieren)
• Eigener PC bzw. Notebook (ein zweiter Bildschirm wird empfohlen) und Adminrechte (nicht in einem Präsenzkurs am WIFI notwendig, hier stehen Ihnen Windows-Rechner zur Verfügung, jedoch wäre es gut für Übungen daheim bzw. für die Projektphase am Ende der Ausbildung)
• Internetanschluss, Mikrofon & Webcam

Dieser Lehrgang ist eine ideale Vorbereitung für den vertiefenden Aufbaukurs

Ein wesentlicher Bestandteil für Ihren Lernerfolg ist die intensive Auseinandersetzung mit den Kursinhalten auch außerhalb der Kurszeiten. Rechnen Sie hier mit einem zusätzlichen Lernaufwand von 8 Stunden/Woche.

Für die Teilnahme am Kurs ist die Installation und Einrichtung von Software auf Ihrem Rechner notwendig. Vor Kursbeginn müssen die Programme Microsoft Teams App & Visual Studio Code eingerichtet werden. Weitere Programme werden im Laufe der Ausbildung genutzt, darüber wird der Kursleiter rechtzeitig informieren. Bei Online-Unterricht ist ein zweiter Monitor empfohlen aber nicht notwendig.

Bei der Durchführung der Projektarbeit werden Sie vom Entwurf bis zur Präsentation begleitet. In regelmäßigen Präsenztrainings am WIFI werden Ihre Fortschritte, Probleme sowie Lösungsmöglichkeiten besprochen. Den Großteil der Arbeit erledigen Sie jedoch zu Hause, begleitet und unterstützt durch eCoaching.