Front-End-Webentwickler – 5 Tage Online-Unterricht
3.450,00 EUR
- 5 days
Baue die Fähigkeiten auf, moderne, responsive und interaktive Websites zu erstellen – mit diesem intensiven Kurs zum Frontend-Webentwickler. Konzipiert für angehende Webentwickler und IT-Fachkräfte vermittelt dieses praxisorientierte Programm ein solides Fundament in HTML, CSS, JavaScript und modernen Webentwicklungsmethoden.
Hauptfunktionen
Sprache
Kursmaterial auf Englisch
Stufe
Anfänger- bis Mittelstufenniveau
5 Tage (8 Stunden/Tag) Online-Schulung mit Dozent
Über 60 empfohlene Lernstunden
Angeleitete praktische Übungen
Projektbasiertes Lernen und Szenarien
Unterstützung nach dem Kurs verfügbar
Bescheinigung über den Abschluss des Programms enthalten
Lernergebnisse
Am Ende dieses Programms werden Sie in der Lage sein:
Responsives Webdesign mit HTML & CSS
Lerne, wie du moderne, responsive Websites mit semantischem HTML und CSS erstellst. Beherrsche Flexbox, CSS Grid und Media Queries, um Layouts zu entwickeln, die sich an verschiedene Geräte anpassen, und arbeite dabei mit Typografie, Formularen, Multimedia und bewährten Methoden für visuelles Design.
Interaktive Website-Entwicklung mit JavaScript
Entwickle dynamische und interaktive Webanwendungen mit JavaScript. Lerne grundlegende Programmierkonzepte wie Variablen, Funktionen, Schleifen, Bedingungen und Datenstrukturen, um Funktionen wie Formularvalidierung, interaktive Komponenten und Echtzeit-Benutzerinteraktionen zu erstellen.
DOM-Manipulation und Ereignisbehandlung
Sammle praktische Erfahrung im Umgang mit dem Document Object Model (DOM), um Webseiteninhalte dynamisch zu aktualisieren, zu erstellen und zu verwalten. Nutze Ereignisbehandlung und JavaScript-Logik, um reaktionsfähige Benutzeroberflächen zu entwickeln, die nahtlos auf Benutzeraktionen reagieren.
UI/UX, Barrierefreiheit und Performance-Optimierung
Erstelle Websites, die benutzerfreundlich, barrierefrei und leistungsstark sind. Lerne die Grundlagen von UI/UX, Barrierefreiheitsstandards, SEO-Best Practices und Techniken zur Performance-Optimierung kennen, um Benutzerfreundlichkeit, Sichtbarkeit in Suchmaschinen und Ladegeschwindigkeit zu verbessern.
Kurszeitplan
Tag 1
Sitzung 1: Einführung in HTML & CSS
- Einrichtung der Entwicklungsumgebung und Web-Grundlagen
- HTML-Struktur, Elemente, Tags und Attribute
- Konzepte der Mobile-First-Entwicklung
- CSS-Grundlagen: Selektoren, Eigenschaften und Gestaltung
- Chrome-Entwicklertools und Website-Veröffentlichung
Sitzung 2: Textelemente
- Überschriften, Absätze und Textformatierung
- CSS-Werte, Einheiten und Webfonts
- Erstellen und Gestalten geordneter und ungeordneter Listen
Sitzung 3: Hyperlinks
- Erstellen von Hyperlinks und Verwalten von URLs
- Relative und absolute Pfade
- Dokumentfragmente und E-Mail-Links
- Techniken zur Gestaltung von Links
Sitzung 4: Fortgeschrittene CSS-Selektoren
- Typ-, Klassen-, ID- und Attributselektoren
- Pseudoklassen und Pseudoelemente
- Kombinatoren und Selektorgruppen
- CSS-Kaskade, Spezifität, Vererbung und At-Regeln
Tag 2
Sitzung 5: Strukturierung von Inhalten
- Block- und Inline-Elemente
- Das CSS-Box-Modell und die Box-Gestaltung
- Semantische HTML-Elemente
- Zeilenumbrüche und horizontale Linien
- Einführung in CSS-Grid-Layouts
Sitzung 6: Multimedia und Einbettung
- Arbeiten mit Bildern, Hintergründen und SVGs
- Video-, Audio- und Medienformate
- Abbildungen, Bildunterschriften und Symbole
- Einbetten externer Inhalte mit iframes und anderen Methoden
Sitzung 7: Tabellen
- Erstellen von Tabellenzeilen, Zellen und Überschriften
- Zellenübergreifung, Spaltengruppen und Beschriftungen
- Semantische Tabellenauszeichnung
- Techniken zur Tabellenformatierung
Sitzung 8: Formulare
- Erstellen und Gestalten von Webformularen
- Beschriftungen, Eingabefelder, Schaltflächen und Dropdown-Menüs
- Gruppierung von Formularfeldern und Validierungsattributen
- Übermitteln von Daten an Server
- Fortschrittsbalken und erweiterte Formularelemente
Tag 3
Sitzung 9: Fortgeschrittene Layouttechniken
- CSS-Positionierung, Floats, Flexbox und Grid
- Grundsätze des responsiven Designs
- Medien- und Feature-Abfragen
- Responsives Medien-Design und moderne Layoutmuster
Sitzung 10: Fortgeschrittenes CSS-Styling
- Abgerundete Ecken, Verläufe und Hintergründe
- Schatten- und Texteffekte
- CSS-Transformationen, Übergänge und Animationen
- Moderne Techniken für visuelles Design
Sitzung 11: CSS-Frameworks und Präprozessoren
- Überblick über CSS-Frameworks und ihre Vorteile
- Beliebte Framework-Optionen
- CSS-Präprozessoren und ihre wichtigsten Funktionen
- CSS-Variablen und moderne Styling-Workflows
Sitzung 12: UI/UX, SEO und Performance-Optimierung
- UI/UX-Designprinzipien und Best Practices
- SEO-Grundlagen und wichtige HTML-Tags
- Website-Optimierung für Geschwindigkeit und Leistung
- Verbesserung der Nutzererfahrung und der Sichtbarkeit in Suchmaschinen
Tag 4
Sitzung 13: Einführung in JavaScript
- JavaScript-Grundlagen und Entwicklungsumgebung einrichten
- JavaScript in HTML integrieren
- Browser-JavaScript vs. Node.js
- Syntax, Kommentare und Grundlagen der Bereitstellung
Sitzung 14: Werte, Variablen und Datentypen
- Variablen mit var, let und const
- Zahlen, Zeichenketten, Booleans, Arrays und Objekte
- Dynamische Typisierung und Typumwandlung
- Arithmetische Operationen und Template-Strings
Sitzung 15: Funktionen
- Funktionsdeklarationen, -ausdrücke und Pfeilfunktionen
- Parameter, Rückgabewerte und Standardargumente
- Funktionsbereich und Aufruf
- Arbeiten mit eingebauten Funktionen
Sitzung 16: Programmablauf und Logik
- Operatoren und Vergleichstechniken
- Truthy- und Falsy-Werte
- Bedingte Anweisungen und Schleifen
- Grundlagen der Fehlerbehandlung und Fehlersuche
Tag 5
Sitzung 17: Arbeiten mit Objekten
- Objektstrukturen und -eigenschaften verstehen
- Zugriff auf Daten mit Punkt- und Klammernotation
- Objektmethoden erstellen und verwenden
- Arbeiten mit dem Schlüsselwort this
- Durchlaufen von Objekteigenschaften
- Erkundung der eingebauten Methoden von Object, Array und String
Sitzung 18: DOM-Zugriff und -Manipulation
- Das Document Object Model (DOM) verstehen
- Auswählen und Referenzieren von HTML-Elementen
- Arbeiten mit DOM-Datentypen
- Seiteninhalte und Attribute bearbeiten
- Elemente dynamisch erstellen, einfügen und entfernen
Sitzung 19: Ereignisgesteuerte Programmierung
- Verständnis von Browser-Ereignissen und dem Ereignisfluss
- Registrieren und Verwalten von Ereignis-Listenern
- Umgang mit Benutzerinteraktionen über das Event-Objekt
- Entwicklung responsiver und interaktiver Web-Erlebnisse
Sitzung 20: Browser-APIs und Webfunktionen
- Einführung in APIs und browserseitige Funktionalitäten
- Arbeiten mit Date-, Math-, RegExp- und JSON-Objekten
- Verwendung von clientseitigem Speicher und Geolokalisierungsdiensten
- Zugriff auf zusätzliche Browser-APIs zur Erweiterung von Webanwendungen
Für wen ist dieses Programm geeignet?
Angehende Frontend-Entwickler, die einen strukturierten Einstieg in die Webentwicklung suchen
Juniorentwickler, die ihre HTML-, CSS- und JavaScript-Kenntnisse ausbauen möchten
Softwareentwickler, die ihre Kenntnisse auf Frontend-Technologien ausweiten möchten
UI/UX-Designer, die ihre Designs im Code verstehen und umsetzen möchten
Unternehmer, die moderne Websites eigenständig erstellen und verwalten möchten
Voraussetzungen
Grundlegende Kenntnisse der Programmierprinzipien werden empfohlen. Wenn du neu im Programmieren bist, empfehlen wir dir, mit unserem Kurs „Einführung in die Programmierung – JavaScript“ zu beginnen.
Erklärungen
Lizenzierung und Akkreditierung
Der Kurs wird gemäß der Partnerprogramm-Vereinbarung angeboten und entspricht den Anforderungen der Lizenzvereinbarung.
Gleichstellungspolitik
Kandidaten werden ermutigt, sich während des gesamten Anpassungsprozesses für Beratung und Unterstützung an das AVC zu wenden.
Häufig gestellte Frage
Benötigen Sie Unternehmenslösungen oder eine LMS-Integration?
Haben Sie nicht den Kurs oder das Programm gefunden, das für Ihr Unternehmen geeignet wäre? Benötigen Sie eine LMS-Integration? Schreiben Sie uns! Wir werden alles lösen!