3619 Frontend Web Development

Treten Sie ein in die faszinierende Welt der professionellen Webentwicklung und starten Sie Ihre Karriere als Frontend Web Developer. Aufbauend auf die grundlegenden Frontendtechnologien HTML & CSS legt dieser Kurs den Fokus auf moderne Frontend-Entwicklung responsiver Web-Applikationen mit den Programmiersprachen JavaScript/ES6+, TypeScript sowie den Frameworks React und Angular sowie diversen weiteren JavaScript-Bibliotheken (wie etwa jQuery). Machen Sie sich bereit für professionelle Frontend-Entwicklung.

Hinweis

Die Zielgruppe

Anwender die eine berufliche Laufbahn in der Webentwicklung anstreben.

Die Voraussetzungen

Gute Kenntnisse in HTML & CSS wie nach Kurs "Web-Grundlagen mit HTML und CSS" (Kurs 3607) sind erforderlich.

Die Berufsbeschreibung

Nähere Informationen zu Tätigkeitsbereichen, Arbeitsumfeld, Aufgabenschwerpunkten und Anforderungen finden Sie unter

https://bic.at/berufsinformation.php?beruf=softwareprogrammierer*in&brfid=1562

Hybrid-Kurs

Sie lernen live online oder im WIFI!  Sie können entscheiden, ob Sie im WIFI am Kurs teilnehmen oder sich online zuschalten Die Trainer unterstützen Sie – im WIFI oder online.

Wenn Sie sich für eine Online-Teilnahme entscheiden, nehmen Sie mit dem Videokonferenztool „Zoom“ am Kurs teil. Wo immer Sie sich gerade aufhalten, über das Internet sind Sie live dabei, arbeiten aktiv mit und können sich jederzeit an der Kommunikation im virtuellen Lernraum beteiligen.

• Sie benötigen ein mit dem Internet verbundenes Endgerät, d. h. einen PC, ein Notebook, ein Tablet oder Smartphone sowie Lautsprecher oder Kopfhörer, optimaler Weise verwenden Sie jedoch ein Headset, um eine bessere Tonqualität zu erhalten und eine Webcam (extern oder im Gerät integriert), um sich via Video auszutauschen.
• Sie erhalten vor jedem virtuellen Kurstermin Ihren Zugangs-Link zur Zoom-Videokonferenz. Um Ihre Teilnahme eindeutig zuordnen zu können, melden Sie sich bitte mit Ihrem Vor- UND Nachnamen an.

In diesem Lehrgang findet der erste Kurstag in Präsenz statt.

Die Trainingsziele

Lernen Sie das Konzept responsiver Web-Entwicklung kennen. Erlernen Sie die Grundlagen der clientseitigen Programmierung und setzen Sie diese effektiv mithilfe von JavaScript/ES6+ sowie TypeScript ein. Sie lernen reaktionsfähige Web-Applikationen zu entwickeln, auf Userinteraktionen zu reagieren und Frameworks wie React oder Angular zielgerecht einzusetzen. Sie lernen den Umgang zeitgemäßer Entwicklungsumgebungen und Vorgehensweisen in der Web-Entwicklung.

Die Trainingsinhalte

JavaScript / ES6+

JavaScript/ES6+ stellt neben den Basistechnologien HTML (Inhaltsdarstellung) und CSS (Formatierung) die dritte clientseitige Schlüsseltechnologie dar. Mithilfe von JavaScript können Web-Applikationen auf Benutzeraktionen reagieren und mit dem User interagieren. Ein solides Verständnis der Programmiergrundlagen bildet daher das Fundament dieses Kurses. Vorausgesetzt werden Kenntnisse in der Entwicklung responsiver Websites sowie eine funktionsfähige Entwicklungs- und Versionierungsumgebung.

Aufbau einer Entwicklungsumgebung

• Installation einer zeitgemäßen IDE (z. B. Visual Studio Code)
• Aufbau einer Versionierungsumgebung (z. B. Git)

Responsive Webdesign

Responsive Webdesign ist ein Gestaltungsprinzip, bei dem sich Websites und Web-Applikationen flexibel an unterschiedliche Ausgabemedien, Geräteeigenschaften und Nutzeranforderungen anpassen, um eine optimale Darstellung und Benutzerfreundlichkeit zu gewährleisten.

• Einführung in die Idee des Responsive Webdesigns
• Grundlagen des Responsive Designs und Abgrenzung zu Adaptive Webdesign
• Unterschiedliche Ansätze: Mobile-First und Desktop-First
• Erstellen von Gridsystemen
• Anwendung von Media Queries
• Flexible Integration von Medien (Bilder, Videos, Tabellen etc.)
• Responsive Navigation
• Performance-Optimierung
• Einblick in RESS (Responsive Enhance with Server-Side Components)

Grundlagen der Programmierung mit JavaScript / ES6+ 

• Geschichte und Funktionsweise von JavaScript / ES6+
• Einführung in die imperativ-prozedurale Programmierung
• Variablen, Bedingungen und Schleifen
• Arrays und Objekte
• Funktionen
• Fehlerbehandlung mit try-catch
• Asynchrone Prozesse und Promises
• Objektfunktionale Programmieransätze
• Konzepte robuster Programmierung
• Arbeiten mit dem Document Object Model (DOM)
• Entwicklung zahlreicher praxisnaher Anwendungsbeispiele

Frameworks und Bibliotheken

• Einführung in Konzepte und Einsatzgebiete von Frameworks und Bibliotheken
• Einblick in die Funktionsweise von jQuery
• Einführung in React
• Einführung in Angular
• Ausblick auf weitere Frameworks und Bibliotheken

Diese Ausbildung wird mit einer Prüfung abgeschlossen. Bei erfolgreichem Abschluss erhalten Sie das Zeugnis zum Frontend Web Developer. Die Prüfung findet am Ende des Kurses statt.