Web Developer/in (Online-Kurs)

HTML5 und CSS3

• Hintergrundwissen zu Hypertext und Webtechnologien
• Einrichten des Arbeitsplatzes: Installation und Konfiguration
• Syntaktische Grundlagen
• Metadaten der HTML-Datei
• Semantische Gliederung der Webseite
• Hyperlinks
• Einbinden von Bildern
• CSS Grundlagen
• Grundlegende Gestaltung mit CSS
• Tabellen
• Formulare
• Suchmaschinenfreundliche Microdaten
• Anforderungen der Barrierefreiheit

UX und CSS Layout

• Konzeption von Websites
• Nutzer verstehen
• Konzeption
• Testen
• Usability-Guidelines
• Layout Techniken
• Responsive Design für vielfältige Endgeräte
• Erprobung der Vor- und Nachteile verschiedener Layout Techniken
• CSS3 Gestaltungsmittel

Web-Frameworks

• Grundlagen
• Syntactically Awesome Stylesheets (SASS)
• Bootstrap
• Materialize
• Praktische Umsetzung

UX und Usability Basics

• Grundlagen und Hintergründe
• Definitionen und Disziplinen
• Phasen
• Regeln und Richtlinien

Nutzeranalyse und Produktstrategie

• Personas
• Customer Life Cycle
• Customer Journey und Experience
• User Scenarios
• Produktanalyse und -testing
• Web Analytics
• Wettbewerbs- und Marktanalyse

User Interface-, Interaktionsdesign und Prototyping

• Skizzen und Prototypen
• Wireframes und Prototypen
• Interaktionsdesign und Design Patterns
• Responsive und Mobile Design

Styleguide und grafische Elemente

• Styleguide
• Animation und Screendesign
• Design- und UI-Trends

JavaScript Grundlagen

• Hintergrundinformation
• Grundstrukturen
• Prozedurale und objektorientierte Programmierung
• DOM Programmierung – Dynamischer Seiteninhalt
• Ausgewählte HTML5 APIs

TypeScript und Node.js

• Node.js
• TypeScript und JavaScript
• Grundlagen von TypeScript
• Objektorientierung mit TypeScript
• Projekt

AJAX und XML

• XML Grundlagen
• Wohlgeformtes XML
• Definition gültiger Dokumente mit DTDs und Schema
• AJAX Grundlagen
• Projekt
  
  

Konzeption von Web-Anwendungen

• Mapping-Methoden
• Card Sorting
• Scribbles
• Wireframes
• Papierprototypen
• Mockups und Prototypen
• Design Sprints, Design Thinking

Test Driven Development – TDD

• Vom automatischen Testen zur testgetriebenen Entwicklung
• Unit-Tests
• BDD-style TDD
• Spec-First
• Katas
• Constraints
• Dojos & Coderetreats
• Software Crafting
• Clean Specs

Usability-Guidelines

• Struktur der Anwendung
• Gestaltungsraster und responsives Design
• Navigationskonzepte
• Kopfzeilen
• Fußzeilen
• Farbe, Ästhetik und Usability
• Schriftarten und Textformatierung
• Sprachwahl und mehrsprachige Sites
• Nutzerfreundlich schreiben
• Bilder für Benutzer auswählen
• Bildbühne, Karussell, Slideshow
• Audio & Video einbinden und steuern
• Icons aussagekräftig auswählen
• Links und Buttons formatieren und formulieren
• Formulare zielführend realisieren
• Labels und Auszeichnungen formulieren und positionieren
• Fehlermeldungen hilfreich umsetzen
• Listen und Tabellen formatieren
• Aufklappelemente/Akkordeons richtig umsetzen
• Diagramme auswählen & gestalten
• (Mikro-)Animation sinnvoll einsetzen
• Suchfunktionen zielführend gestalten
• Filter und Facetten integrieren und positionieren
• Design-Systeme, Styleguides & Pattern Libraries

Frontend-Frameworks

• Warum Frontend-Frameworks
• Unterschiede in den Frameworks
• Wichtige Frameworks
• React.js

React Konzept und Philosophie

• Wieso React?
• Wie arbeitet React?
• Voraussetzungen

React Grundlagen

• Parcel! an den Start!
• Ein Blick in das JavaScript
• Schachteln, Schachteln, …
• Was ist JSX?
• Props
• Props als Childelemente
• Map it!
• Klassen
• Refactoring und Destructuring
• Beliebige JS-Ausdrücke

React State und Events

• Eine Komponente zur Eingabe von Preisen
• Event-Handler
• State
• Eine etwas komplexere Komponente
• useRef & useEffekt
• Zusammenbringen der Teile
• Lifting State up
• Ausblick: Alternativen

Projekt

Einführung in Node.js und Express.js

• Was ist Node.js?
• Installation und Setup von Node.js
• Erste Schritte mit Node.js
• Was ist Express.js?
• Installation und Setup von Express.js
• Erste Schritte mit Express.js

Node.js Grundlagen

• Node.js Architektur und Event Loop
• Node.js Module und NPM
• Erstellen und Verwenden von Modulen
• Asynchrone Programmierung mit Callbacks
• Promises und Async/Await
• Dateioperationen mit dem FS-Modul

Express.js Grundlagen

• Erstellen einer einfachen Express-Anwendung
• Routing in Express.js
• Middleware in Express.js
• Verwendung von Template Engines
• Statischer Dateiservice
• Fehlerbehandlung in Express.js

Datenbankintegration

• Anbindung an relationale Datenbanken mit MySQL
• Anbindung an NoSQL-Datenbanken mit MongoDB
• Verwaltung von Datenbankverbindungen
• CRUD-Operationen
• ORMs: Mongoose für MongoDB
• SQL Queries und ORMs: Sequelize für MySQL

Erweiterte Express.js Themen

• Session-Handling und Authentifizierung
• Benutzerverwaltung und Rollen
• Schutz von Routen und Ressourcen
• RESTful APIs mit Express.js
• Versionierung von APIs
• GraphQL mit Express.js

Testen und Debuggen

• Einführung in das Testen von Node.js-Anwendungen
• Unit-Tests mit Mocha und Chai
• Integrationstests
• Debugging-Techniken und -Tools
• Code Coverage und Best Practices

Best Practices und Performance

• Code-Struktur und Organisation
• Fehler- und Ausnahmebehandlung
• Logging und Monitoring
• Performance-Tuning und Skalierbarkeit
• Clustering und Load Balancing
• Sicherheit in Node.js und Express.js

Deployment und DevOps

• Deployment-Strategien
• Continuous Integration und Continuous Deployment (CI/CD)
• Automatisierungstools (z.B. Jenkins, GitHub Actions)
• Containerisierung mit Docker
• Hosting-Optionen (z.B. Heroku, AWS, DigitalOcean)
• Monitoring und Fehlerbehebung im Live-Betrieb

Projektarbeit

• Planung und Konzeption eines eigenen Projekts
• Implementierung des Projekts
• Testen und Debuggen des Projekts
• Dokumentation des Projekts
• Präsentation des Projekts
• Feedback und Verbesserungen

Datengrundlagen von Microsoft Azure (DP-900)

• Wichtigste Datenkonzepte
• Untersuchung relationaler Daten in Azure
• Untersuchung nicht-relationaler Daten in Azure
• Untersuchung moderner Daten-Warehouse-Analysen in Azure

Einführung in SQL-Datenbanken

• Einführung in Datenbanken
• Datenmodellierung
• Normalisierung
• Beziehungen
• Leistung
• Datenbank-Objekte

Querying Microsoft SQL Server with Transact-SQL

• Einführung in Microsoft SQL Server
• Einführung in Transact SQL-Abfragen
• SELECT Klausel
• Sortieren und Filtern von Daten
• Arbeiten mit eingebauten Funktionen
• Gruppieren und Aggregieren von Daten
• Arbeiten mit Unterabfragen
• Verwendung von Set-Operatoren

Projekt

• Praktische Anwendung der erlernten Konzepte

PHP Grundlagen

• Arbeitsumgebung installieren und einrichten
• PHP auf der Kommandozeile ausführen
• Allgemeine Syntaxregeln
• Formulardaten auslesen und zu dynamischem HTML verarbeiten
• Funktionen
• Ausgewählte Objekte und ihre Methoden
• Externe Dateien nutzen
• Zeichenketten‐Funktionen
• Cookies und Sessions
• Dynamische Daten aus MySQL Datenbanken nutzen
• PHP und OOP

PHP Frameworks

• Warum PHP Frameworks
• Laravel-Entwicklungsumgebung einrichten
• Routing und Controller
• Vorlagen erstellen mit Blade
• Datenbanken und Eloquent
• Frontend-Komponenten
• Benutzereingaben erfassen und verarbeiten
• Artisan und Tinker
• Authentifizierung und Autorisierung
• Request, Response und Middleware
• Testen
• Daten speichern und abrufen
• Helfer und Collections

Aufbereitung des Prüfungsstoffs

• Detaillierte Durchsicht der Prüfungsinhalte
• Strukturierte Aufbereitung der relevanten Themen
• Erstellen von übersichtlichen Lernmaterialien

Prüfungsbezogenes Repetitorium/Wiederholung des Prüfungsstoffs

• Intensive Wiederholung der Kernthemen
• Klärung offener Fragen
• Anwendung von Lern- und Wiederholungsmethoden

Vorbereitung von Organisation und Ablauf der Prüfung

• Verstehen des Prüfungsablaufs
• Tipps zur optimalen Prüfungsorganisation
• Strategien zur Stressbewältigung

Absolvieren von Testprüfungen

• Durchführung von praxisnahen Testprüfungen
• Analyse und Besprechung der Ergebnisse
• Verbesserung der Prüfungsstrategien

 Zeit und Raum für Ihre Nachfragen, Austausch und Diskussion

• Offene Fragerunden
• Erfahrungsaustausch mit anderen Teilnehmenden
• Diskussionen zur Vertiefung des Verständnisses

Wissensaneignung

• Recherchieren und Erlernen neuer Themen
• Vertiefung von bestehenden Kenntnissen
• Anwenden von theoretischem Wissen in der Praxis
• Verknüpfen von Wissen
• Integration von Inhalten aus verschiedenen Fachgebieten
• Erkennen von Zusammenhängen und Synergien
• Erarbeitung von interdisziplinären Lösungen

Analyse und Design

• Durchführung von Anforderungsanalysen
• Erstellen von technischen und funktionalen Spezifikationen
• Entwicklung von Projektplänen und Designentwürfen

Wissensanwendung

• Praktische Umsetzung von Projektanforderungen
• Nutzung geeigneter Methoden und Werkzeuge
• Erarbeitung und Implementierung von Lösungen

Umsetzung und Realisierung

• Durchführung von Projekten gemäß Plan
• Kontinuierliche Überwachung und Anpassung der Projektfortschritte
• Koordination von Teams und Ressourcen

Dokumentation und Auswertung

• Erstellen von umfassenden Projektdokumentationen
• Durchführen von Projektbewertungen und -analysen
• Präsentation der Projektergebnisse