Web Developer:in Javascript, Frontend

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)
• Zusammenspiel HTML, CSS, JS und PHP („Hello World!“)

Programmieren mit JavaScript - Basis

• JavaScript Ökosystem
• JavaScript Grundlagen, Syntax, Ausdrücke
• Datentypen, Variablen/Konstanten, Operatoren
• Kontrollstrukturen (Konditionen, Schleifen)
• Funktionen
• String-Methoden
• Arbeiten mit Array und Objekten
• Eventhandling
• Debugging
• DOM-Traversing und -Manipulation
• Navigator und Location-Objekt
• Arbeiten mit HTML Formularen
• Erstellung einfacher Webapplikationen

Dynamisches User Interface mit JavaScript entwickeln

• Arrow-Funktionen, Callback-Funktionen
• Date-Objekt
• Synchrone und asynchrone Programmabläufe
• Client-/Server-Kommunikation (XHR/Fetch)
• Einbindung/Nutzung von bestehenden WebAPIs
• JSON, XML
• Einsatz von Bibliotheken (wie beispielsweise jQuery)
• Einstieg in Objektorientierte Programmierung (Klassen)
• Animation von Webinhalten, Effekte
• Storage im Browser
• Geolocation
• Arbeiten mit SVG
• Mobile und Touch-Events

Programmierpraxis

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

Mit erfolgreich abgeschlossener Ausbildung können Sie dynamische Webseiten, User Interfaces, Frontend-Applikationen und einfache Single Page Anwendungen umsetzen. Sie können essentielle Webtechnologie effektiv einzusetzen und gehören als Frontend- und Web Developer:in zu einer/einem gefragten Kandidat/in am Arbeitsmarkt.

Erfahrene PC-Anwender/-innen.

• 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

Sie beenden die Ausbildung mit der Umsetzung eines Abschlussprojektes, dadurch erhalten Sie neben ihrer Kurs-Teilnahmebestätigung auch ein erstes Referenzprojekt als Frontend Developer:in.

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.

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. In der Projekt- bzw. Coachingphase, in der Sie hauptsächlich außerhalb der Kurszeit Ihr Projekt erledigen, ist mit ca. 20 Stunden/Woche zusätzlichem Zeitaufwand zu rechnen.

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.