Programming HTML5, JavaScript and CSS3

Dieser Kurs dient sowohl als Einführung in als auch dem Umstieg auf HTML5, CSS3 und JavaScript. Die vermittelten Grundlagen in HTML5/CSS3/JavaScript sind Einstieg in sowohl Web-Anwendungs- als auch Windows Store Apps Kurse.

Es werden aus dem Bereich HTML5/CSS3/JavaScript folgende Themen abgedeckt:

ammlogik umsetzen, definieren und verwenden von Variablen, Schleifen und Verzweigungen, Erstellung von Benutzeroberflächen, Benutzereingaben einlesen und prüfen, Daten speichern und strukturierte Anwendungen erstellen.

Das Beispielszenario in diesem Kurs wurde zur Unterstützung dieser Themenbereiche ausgewählt und gestaltet. Es wird gezeigt wie Prinzipien und Codeelemente benutzt werden können um eine einfache HTML5 Anwendung zu erstellen.

Nach Abschluss dieses Seminars haben die Teilnehmer*innen Wissen zu folgenden Themen:

llen und Styling von HTML5-Seiten
llen von Formularen zum Sammeln von Daten und Überprüfen der Benutzereingabe
nizieren mit einer Remote-Datenquelle
ng HTML5 mit CSS3
llen von Objekten und Methoden mithilfe von JavaScript
llen von Offline-Unterstützung für Web-Anwendungen
aktive Seiten mit HTML5-APIs
mentierung einer Adaptiven Benutzeroberfläche
llen von erweiterten Grafiken
tion der Benutzeroberfläche
mentieren von Echtzeit-Kommunikation durch Verwendung von Web-Sockets
llen eines Web Worker Prozesses

• Entwickler*innen, die mindestens sechs Monate berufliche Erfahrung haben und sich für die Entwicklung von HTML5/CSS3/JavaScript Anwendungen interessieren. Insbesondere aber für die Vorbereitung auf eine Windows Store Apps oder IE10 Online Apps Ausbildung. Es werden keine Kenntnisse von HTML5 vorausgesetzt, es sollte aber etwas Erfahrung mit HTML4 vorhanden sein. 

Überblick über HTML und CSS

• Überblick über HTML
• Überblick über CSS
• Erstellen einer Webanwendung mit Visual Studio 2017
• Erkunden der Contoso-Konferenzanwendung

Erstellen und Gestalten von HTML5-Seiten

• Erstellen einer HTML5-Seite
• Gestalten einer HTML5-Seite
• Erstellen und Gestalten von HTML5-Seiten

Einführung in JavaScript

• Überblick über die JavaScript-Syntax
• Programmierung des HTML-DOM mit JavaScript
• Einführung in jQuery
• Anzeige von Daten und Behandlung von Ereignissen mit JavaScript

Erstellen von Formularen zur Datenerfassung und Validierung von Benutzereingaben

• Übersicht über Formulare und Eingabetypen
• Validierung von Benutzereingaben mit Hilfe von HTML5-Attributen
• Validierung von Benutzereingaben mithilfe von JavaScript
• Erstellen eines Formulars und Validierung von Benutzereingaben

Kommunikation mit einer entfernten Datenquelle

• Senden und Empfangen von Daten mithilfe von XMLHTTPRequest
• Senden und Empfangen von Daten mit Hilfe von jQuery AJAX-Operationen
• Kommunikation mit einer entfernten Datenquelle

Gestaltung von HTML5 mit CSS3

• Stilisierung von Text
• Stilisierung von Blockelementen
• CSS3-Selektoren
• Verbessern von grafischen Effekten mit CSS3
• Stilisierung von Text und Blockelementen mit CSS3

Erstellen von Objekten und Methoden mithilfe von JavaScript

• Gut strukturiertes JavaScript schreiben
• Erstellen von benutzerdefinierten Objekten
• Erweitern von Objekten
• Verfeinerung des Codes für Wartbarkeit und Erweiterbarkeit

Interaktive Seiten mit HTML5-APIs erstellen

• Interaktion mit Dateien
• Multimedia einbinden
• Reagieren auf Browser-Standort und -Kontext
• Debugging und Profiling einer Webanwendung
• Interaktive Seiten mit Hilfe von HTML5-APIs erstellen

Hinzufügen von Offline-Unterstützung zu Webanwendungen

• Lokales Lesen und Schreiben von Daten
• Hinzufügen von Offline-Unterstützung durch Verwendung des Anwendungs-Caches
• Hinzufügen von Offline-Unterstützung zu einer Webanwendung

Implementieren einer adaptiven Benutzeroberfläche

• Unterstützung für mehrere Formfaktoren
• Erstellen einer adaptiven Benutzeroberfläche
• Implementieren einer adaptiven Benutzeroberfläche

Erstellen erweiterter Grafiken

• Interaktive Grafiken mit skalierbaren Vektorgrafiken erstellen
• Programmatisches Zeichnen von Grafiken mit Hilfe eines Canvas
• Erstellen fortgeschrittener Grafiken

Animieren der Benutzeroberfläche

• Anwenden von CSS-Übergängen
• Elemente transformieren
• Anwendung von CSS-Keyframe-Animationen
• Animieren von Elementen der Benutzeroberfläche

Implementieren von Echtzeitkommunikation mit Web Sockets

• Einführung in Web Sockets
• Senden und Empfangen von Daten mit Hilfe von Web Sockets
• Implementieren von Echtzeit-Kommunikation mit Web Sockets

Erstellen eines Web-Worker-Prozesses

• Einführung in Web Worker
• Asynchrone Verarbeitung mit Hilfe eines Web Workers
• Erstellen eines Web-Worker-Prozesses

https://www.etc.at/seminare/SD-HTML5