Udacity-Kurse

Einführung in progressive Web-Apps

In diesem Kurs lernen Sie, wie Sie Ihre erste progressive Web-App – eine Web-App – nutzen, die viele der Vorteile nativer Anwendungen bietet. Außerdem können Sie Erfahrung mit dem Erstellen einer Webanwendung haben, die mit Service Workern offline funktioniert. Abschließend machst du deine App mit der Web-Manifest-Datei auf dem Startbildschirm des Nutzers installierbar.

Dieser kostenlose Kurs wird von Udacity

Zum Kurs

Barrierefreiheit im Web

In diesem Kurs sammeln Sie praktische Erfahrung mit dem Zugriff auf Webanwendungen. Sie erfahren, wann und warum Nutzer Bedienungshilfen benötigen. Dann geht es darum, wie eine Seite mit Screenreadern richtig funktioniert und den Eingabeschwerpunkt verwaltet (z.B. die Hervorhebung, die du siehst, wenn du durch ein Formular blätterst). Du verstehst, was „Semantik“ und „Semantik-Markup“ für Webseiten sind, und ARIA-Markup hinzufügen, um die Benutzeroberfläche mit einer Reihe von Hilfsgeräten zu ermöglichen. Außerdem lernst du mehr über Techniken, mit denen Nutzer mit eingeschränktem Sehvermögen deine Seiten einfach und zuverlässig bedienen können.

Dieser kostenlose Kurs wird von Udacity

Zum Kurs

Browser-Rendering-Optimierungen

Leistung ist wichtig für Nutzer. Webentwickler müssen Apps erstellen, die schnell reagieren und reibungslos gerendert werden können. Paul Lewis, ein Performance-Experte von Google, unterstützt dich dabei, Verzögerungen zu vermeiden und Web-Apps zu entwickeln, die eine Leistung von 60 Frames pro Sekunde beibehalten. In diesem Kurs lernen Sie die Tools kennen, mit denen Sie Anwendungen profilieren und die Ursachen von Verzögerungen ermitteln können. Sie lernen die Rendering-Pipeline des Browsers kennen und finden Muster, mit denen Sie ganz einfach leistungsstarke Anwendungen erstellen können.

Dieser kostenlose Kurs wird von Udacity

Zum Kurs

Responsives Webdesign

In diesem Kurs lernen Sie die Grundlagen des responsiven Webdesigns mit Pete LePage von Google kennen. Du erstellst deine eigene responsive Webseite, die auf jedem Gerät gut funktioniert – auf Smartphones, Tablets, Computern und anderen Geräten.

Als Erstes erkundest du, was eine Website responsiv macht und wie einige gängige responsive Designmuster auf verschiedenen Geräten funktionieren. Dort erfahren Sie, wie Sie mit dem Darstellungsbereich-Tag und CSS-Medienabfragen ein eigenes responsives Layout erstellen. Während Sie fortfahren, experimentieren Sie mit wichtigen und kleineren Haltepunkten und optimieren den Text für das Lesen.

Dieser kostenlose Kurs wird von Udacity

Zum Kurs

Kritischer Rendering-Pfad

Du erfährst, wie du die Geschwindigkeit einer Website optimieren kannst, indem du im Detail erkennst, wie Seiten in mobilen und Desktop-Browsern gerendert werden.

Hier erfährst du mehr über den kritischen Rendering-Pfad oder über die Schritte, die Browser ausführen müssen, um HTML-, CSS- und JavaScript-Code in lebendige Websites umzuwandeln. Anschließend können Sie mit Tools zur Leistungsmessung und einfachen Strategien experimentieren, um die ersten Pixel so früh wie möglich auf dem Bildschirm auszuliefern. Sie erfahren, wie Sie die Empfehlungen von PageSpeed Insights kennenlernen und die Zeitachse der Google Chrome-Entwicklertools aufrufen, um die Daten zu finden, die Sie benötigen, um sofort Leistungssteigerungen zu erzielen!

Dieser kostenlose Kurs wird von Udacity

Zum Kurs

Responsive Bilder

Wusstest du, dass Bilder durchschnittlich mehr als 60% der zum Laden einer Webseite erforderlichen Byte ausmachen?

In diesem Kurs erfährst du, wie du mit Bildern im modernen Web arbeitest, damit deine Bilder auf jedem Gerät gut aussehen und schnell geladen werden.

Dabei erwerben Sie eine Reihe von Kompetenzen und Techniken, mit denen Sie responsive Bilder reibungslos in Ihren Entwicklungsworkflow einbinden können. Am Ende des Kurses entwickeln Sie mit Bildern, die sich an unterschiedliche Größen und Nutzungsszenarien des Darstellungsbereichs anpassen.

Dieser kostenlose Kurs wird von Udacity

Zum Kurs

Offline-Webanwendungen

In diesem Kurs geht es primär um die Nutzererfahrung. Er soll Entwicklern zeigen, wie Anwendungen mit Offlinefunktion die beste Lösung sind, um in allen Szenarien die beste Leistung zu erzielen. Sie lernen die Unterschiede zwischen guten, schlechten, zeitweiligen und fehlenden Verbindungen für Ihre Nutzer kennen und erfahren, wie Sie ganz einfach Anwendungen entwickeln können , die diese Bedingungen erfüllen.

Mit den in diesem Kurs erworbenen Fähigkeiten werden Sie zum Schluss eine App erstellen, die sowohl online als auch offline funktioniert und neue Daten lädt, wann immer dies möglich ist. Ihre Web-Apps interagieren genau wie systemeigene Apps mit dem Netzwerk. Dies führt zu besseren Nutzererfahrungen – selbst bei traditionell anspruchsvollen Verbindungsszenarien wie bei einem hängenden Tunnel im Netzwerk, bei Überlastung von Konferenz-WLANs oder bei der Übertragung durch eine mobile „Totzone“.

Dieser kostenlose Kurs wird von Udacity

Zum Kurs

Webtools und -automatisierung

In diesem Kurs lernen Sie, wie Sie Ihre Entwicklung einrichten, bei der täglichen Arbeit und Iteration äußerst produktiv arbeiten, sich und Ihre Website vor Katastrophen schützen und durch automatische Optimierung und Automatisierung viel Zeit und Mühe sparen. Abschließend lernen Sie, wie Sie all dies tun können und dabei sicher sein können, dass Ihr Code auf einer Vielzahl von Geräten in der realen Welt ausgeführt wird.

Dieser kostenlose Kurs wird von Udacity

Zum Kurs

Webformulare mit hoher Conversion-Rate erstellen

Jede sinnvolle Erfahrung im Web hat ein Formular. Unabhängig davon, ob es sich um eine Form von Textfeldern, Ein-/Aus-Schaltflächen, Schaltflächen oder -Widgets oder Widgets handelt – Webentwickler müssen Formulare zielgerichtet einsetzen, um Nutzer zufriedenzustellen und mehr Conversions zu erzielen.

In diesem Kurs lernen Sie Best Practices für moderne Formulare kennen. Dabei können Sie Ihre Fertigkeiten anhand einiger Projekte zur Selbstkontrolle üben, darunter einen E-Commerce-Kaufvorgang und eine Event-Planer-App.

Als besonderes Highlight sehen Sie sich auch eine Reihe von Interviews mit Luke Wrobleski, Google Product Director und Autor von Web Form Design, zu seinen Interaktionen mit dem modernen Web an.

Dieser kostenlose Kurs wird von Udacity

Zum Kurs