3619 Frontend Web Development

Treten Sie ein in die faszinierende Welt der Webentwicklung! Starten Sie Ihre Karriere als Frontend Web Developer. Neben Web-Grundlagen wie HTML, CSS und Responsive Design erlernen Sie mit JavaScript und JQuery die mit Abstand vielseitigste Programmiersprache weltweit und damit Frontend-Webapplikationen zu entwickeln.

Die Zielgruppe:

Anwender die eine berufliche Laufbahn in der Webentwicklung anstreben.

Die Voraussetzungen:

Sehr gute Computer- und Online-Kenntnisse wie nach Kurs "ECDL Standard Komplettausbildung" (Kurs Nr. 3427) 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

Die Kursziele:

Erlernen Sie HTML/CSS aus der Sicht eines Programmierers zu sehen und effektiv einzusetzen.

Sie können anpassungsfähige Web-Applikationen entwickeln, die sich verschiedenen Endgeräten anpassen.

Sie lernen JavaScript für Ihre zukünftige Rolle als Developer professionell einzusetzen, um damit Frontend-Applikationen sowie Client-seitige Komponenten von Webapplikationen zu entwickeln.

Die Inhalte:

HTML5 (Hypertext Markup Language) ist die Auszeichnungssprache, mit der die Inhalte eines Web-Dokuments strukturiert ausgezeichnet werden. HTML bestimmt den strukturellen Aufbau einer Internetseite. Ein sehr großes Augenmerk wird auf die korrekte Verwendung von HTML-Tags (die sog. »Semantik«) gelegt, sodass Sie in der Lage sind, einerseits fehlerfreien Code und andererseits bedeutungsvolle Websites (auch aus Sicht von Suchmaschinen) zu erstellen:

nSchreibweise von HTML-Tags und -Attributen

• Grundgerüst eines HTML-Dokumentes
• Texte, Überschriften, Listen, Tabellen
• Integration von Bildern inkl. Grundlagen von Bildformaten
• Integration multimedialer Inhalte wie etwa Audio- und Videodaten
• Erstellung von Verlinkungen
• Verwenden von strukturgebenden Elementen
• Integration von Formularen
• Anwenden von Meta-Informationen in Hinblick auf Suchmaschinen-Optimierung und datenschutzrechtlicher Bestimmungen sowie Internet-Sicherheit

CSS3 (Cascading Style Sheets) ist die Formatierungssprache für HTML- und XML-Dokumente:

nBegriffserklärung »Stylesheets« und »Kaskadierung«

• Integration von CSS in HTML
• Schreibweise von CSS-Selektoren sowie Eigenschaften und Werten, Einsatz von Pseudoklassen- und elementen
• Berechnung/Bestimmung der Spezifität von CSS-Regeln
• Box-Modelle (Content- und Border-Box Model)
• Unterschiedliche Positionierungsmöglichkeiten
• Definition von Farben in unterschiedlichen Farbmodellen
• Integration und Verwendung von Schriftfamilien samt deren Ausprägungen
• Anwendung von Effekten (Schattenwurf, etc)
• Einbetten von Hintergrundgrafiken
• Erstellen moderner Designs mit Flexboxen und Gridlayouts
• Integration von Übergängen und Animationen
• Einsatz von Media Queries
• Einsatz von Variablen
• Anwendung und Praxis

Responsive Web-Design ist ein Gestaltungsprinzip, nach dem eine Webseite (oder beispielsweise auch eine App) sich an die Vorgaben (wie Größe, Orientierung, Features, Helligkeit, etc.) des Ausgabemediums und der Umgebung anpasst. Bei einer responsiven Website wird die Website so konfiguriert, dass sie auf Anforderungen des jeweiligen Geräts reagiert und Seitenelmente je nach Bildschirmgröße ausspielen kann.

nGrundlagen des Responsive Design und Abgrenzung zum Adaptive Webdeisgn

• Unteschiedliche Ansätze: Mobile-First oder Desktop-First
• Erstellen von Gridsystemen
• Anwendung von Media Queries
• Flexible Integration von Medien: Bilder, Videos, Tabellen, etc.
• Responsive Navigation
• Performance Optimierung
• Einblick in CSS-Frameworks und CSS-Precompiler
• Einblick in RESS - Responsive Enhance with Serverside Components

Grundlagen der Programmierung mit JavaScript für die clientseitige Programmierung:

nGeschichte und Funktionsweise von JavaScript

• Erlernen der Grundlagen der imperativen/prozeduralen Programmierung:
  • Variablen
  • Bedingungen
  • Schleifen
  • Arrays & Objekte
  • Funktionen

nkonkrete Anwendungsbeispiele wie Bildergalerien, Formularüberprüfung, etc. auf Basis des Document Object Models (DOM)

• Einblick in JavaScript-Bibliotheken (wie etwa jQuery) und Supersets (wie etwa TypeScript)

Einblick in Entwicklungsframeworks:

nFunktionsweise von Frameworks

• Vor- und Nachteile von Frameworks
• Übersicht über gängige Frameworks (Angular, Vue.js, etc.)

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.