Programming in C#

In diesem Seminar erhalten Sie eine Einführung in HTML5, CSS und JavaScript und erwerben die nötigen Fähigkeiten für die moderne clientseitige Webentwicklung. Themen sind unter anderem die Implementierung von Programmierlogik, die Definition und Verwendung von Variablen, die Entwicklung von Benutzeroberflächen, das Sammeln und Validieren von Benutzereingaben, das Speichern von Daten und das Erstellen gut strukturierter Anwendungen. Sie lernen, responsive und skalierbare Webanwendungen zu erstellen, die dynamisch verschiedene Formfaktoren und Gerätefähigkeiten entdecken und sich daran anpassen. In den Übungen wird die Struktur verschiedener Anwendungsszenarien demonstriert.

Das Seminar ist die Community-Courseware-Version von MOC 20483: Programming in C#.

Inhalt

Überblick über HTML und CSS

• Verwenden von HTML-Elementen und -Attributen für das Layout einer Webseite
• Verwenden von CSS für das grundlegende Styling einer Webseite
• Tools in Microsoft Visual Studio für das Erstellen von Webanwendungen

Erstellen und Stylen von HTML-Seiten

• Neue Features in HTML5 und deren Nutzung für das Layout einer Webseite
• Verwenden von CSS, um Layout, Text und Hintergrund einer Webseite zu gestalten

Einführung in JavaScript

• Überblick über die JavaScript-Sprache
• Einführung in das Document Object Model (DOM)

Erstellen von Formularen, um Benutzereingaben zu sammeln und zu validieren

• Erstellen von HTML5-Formularen
• Validieren von Benutzereingaben mithilfe von HTML5-Attributen
• Validieren von Benutzereingaben mithilfe von JavaScript

Kommunikation mit einem Remote-Server

• Asynchrone Programmierung in JavaScript
• Senden und Empfangen von Daten mithilfe des XMLHttpRequest-Objekts
• Senden und Empfangen von Daten mithilfe der Fetch API

Stylen von HTML5 mithilfe von CSS

• Stylen von Text mit CSS
• Stylen von Blockelementen
• Pseudo-Klassen und Pseudo-Elemente
• Erweitern grafischer Effekte mit CSS

Erstellen von Objekten und Methoden mithilfe von JavaScript

• Schreiben von gut strukturiertem JavaScript-Code
• Erstellen benutzerdefinierter Objekte
• Erweitern von Objekten
• Transpilierte Sprachen

Erstellen interaktiver Seiten mithilfe von HTML5 APIs

• Interaktion mit Dateien
• Einbinden von Multimedia
• Reaktionen auf Browser, Standort und Kontext
• Debugging und Profilierung einer Webanwendung

Hinzufügen von Offline-Support zu Webanwendungen

• Daten lokal lesen und schreiben
• Hinzufügen von Offline-Support mithilfe von Service Workers

Implementierung einer anpassungsfähigen Benutzeroberfläche

• Unterstützung mehrerer Formfaktoren
• Responsives Webdesign
• Responsive CSS-Frameworks

Erstellen erweiterter Grafiken

• Erstellen interktiver Grafiken mithilfe von SVG
• Zeichnen von Grafiken mithilfe der Canvas API
• Java-Script-Grafikbibliotheken

Animieren der Benutzeroberfläche

• Anwenden von CSS-Übergängen
• Transformieren von Elementen
• CSS-Keyframe-Animationen

Implementieren von Echtzeitkommunikation mithilfe von Web Sockets

• Einführung in Web Sockets
• Verwenden der Web Sockets API, um Nachrichten zwischen Webseite und Webserver auszutauschen

Hintergrundverarbeitung mithilfe von Web Workers

• Asynchrone Verarbeitung mithilfe von Web Workers, um die Reaktionsfähigkeit einer Webanwendung zu verbessern

Paketieren von JavaScript für die produktive Bereitstellung

• Transpiler und Modulbündelung
• Erstellen getrennter Pakete für die Unterstützung über verschiedene Browser hinweg

Voraussetzung

Erfahrung mit dem Erstellen von Webanwendungen und dem Schreiben von einfachem JavaScript-Code

Zielgruppe

Erfahrene Entwickler