Packt

Interaktive UI/UX-Komponenten und fortgeschrittenes JavaScript

Holen Sie sich eines unserer besten Angebote und erweitern Sie Ihre Fähigkeiten mit 50% Rabatt auf Coursera Plus. Jetzt sparen.

Packt

Interaktive UI/UX-Komponenten und fortgeschrittenes JavaScript

Bei Coursera Plus enthalten

Fragen Sie Coursera

Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Mittel

Empfohlene Erfahrung

1 Woche zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen
Verschaffen Sie sich einen Einblick in ein Thema und lernen Sie die Grundlagen.
Stufe Mittel

Empfohlene Erfahrung

1 Woche zu vervollständigen
unter 10 Stunden pro Woche
Flexibler Zeitplan
In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

  • Erstellen Sie interaktive und animierte UI-Komponenten mit JavaScript.

  • Wenden Sie CSS-Effekte und Übergänge an, um ansprechende Benutzeroberflächen zu gestalten.

  • Implementieren Sie den Dunkelmodus sowie die Funktionen zum Scrollen und für Popups.

  • Rufen Sie Live-Daten aus APIs ab und zeigen Sie diese in dynamischen Projekten an.

Kompetenzen, die Sie erwerben

  • Kategorie: Ereignisgesteuerte Programmierung
  • Kategorie: Web-Design
  • Kategorie: Animationen
  • Kategorie: Interaktives Design
  • Kategorie: Web-Design und Entwicklung
  • Kategorie: Daten in Echtzeit
  • Kategorie: Design der Benutzeroberfläche und Benutzererfahrung (UI/UX)
  • Kategorie: Benutzeroberfläche (UI)
  • Kategorie: Front-End-Webentwicklung
  • Kategorie: Javascript
  • Kategorie: Reaktionsfähiges Web-Design
  • Kategorie: Benutzeroberfläche (UI) Design
  • Kategorie: HTML und CSS

Werkzeuge, die Sie lernen werden

  • Kategorie: Persistenz der Daten
  • Kategorie: Cascading Style Sheets (CSS)
  • Kategorie: Hypertext Markup Language (HTML)
  • Kategorie: Anwendungsprogrammierschnittstelle (API)
  • Kategorie: UI-Komponenten

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

12 Aufgaben

Unterrichtet in Englisch

Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.

 Logos von Petrobras, TATA, Danone, Capgemini, P&G und L'Oreal

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Praktische Projekte mit HTML, CSS und JavaScript“
Wenn Sie sich für diesen Kurs anmelden, werden Sie auch für diese Spezialisierung angemeldet.
  • Lernen Sie neue Konzepte von Branchenexperten
  • Gewinnen Sie ein Grundverständnis bestimmter Themen oder Tools
  • Erwerben Sie berufsrelevante Kompetenzen durch praktische Projekte
  • Erwerben Sie ein Berufszertifikat zur Vorlage

In diesem Kurs gibt es 10 Module

In diesem Modul werden wir ein Emoji-Bewertungssystem erstellen, das herkömmliche Sternebewertungen durch ausdrucksstarke Emojis ersetzt. Du lernst, wie du interaktive Bewertungselemente entwirfst, sie kreativ gestaltest und mithilfe von JavaScript die Bewertungen dynamisch und responsiv gestaltest.

Das ist alles enthalten

4 Videos2 Lektüren1 Aufgabe

In diesem Modul entwickeln wir eine „Sticky Navbar“, die beim Scrollen sichtbar bleibt und so die Navigation verbessert. Sie werden HTML-Struktur, CSS-Gestaltung und JavaScript-Interaktivität kombinieren, um ein flüssiges Scrollen und eine einheitliche Benutzererfahrung zu gewährleisten.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul erstellen wir eine „Double Landing Page“, die die Nutzer durch Interaktivität in zwei Bereichen fesselt. Sie lernen, wie Sie fortgeschrittene Layout-Techniken, visuelle Übergänge und JavaScript-Erweiterungen einsetzen, um ein modernes Landing-Page-Erlebnis zu gestalten.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul werden wir eine Animation für einen automatischen Texteffekt entwerfen, die das automatische Eingeben und Löschen von Text nachahmt. Sie werden CSS- und JavaScript-Animationstechniken kombinieren, um Ihre Textanzeigen zum Leben zu erwecken und ihnen Bewegung zu verleihen.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul erstellen wir einen Bildlauf-Effekt für Hintergrundbilder, bei dem sich die Darstellung je nach Bildlauf des Benutzers ändert. Sie lernen, wie man den Bildlauf in JavaScript erkennt, und kombinieren dies mit CSS-Übergängen, um ansprechende, immersive Seitenbewegungen zu erzielen.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul entwickeln wir ein Popup mit unscharfem Hintergrund, das durch elegante Überlagerungen die Aufmerksamkeit des Benutzers auf das Wesentliche lenkt. Sie lernen, wie Sie HTML-Struktur, CSS-Effekte und JavaScript-Funktionalität kombinieren, um optisch ansprechende Modalfenster zu erstellen.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul erstellen wir einen Dark-Mode-Schalter, mit dem Benutzer zwischen hellem und dunklem Design wechseln können. Sie werden die Designerkennung implementieren, dauerhafte Einstellungen verwalten und nahtlose Übergänge für eine moderne UI-Anpassung gestalten.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul erstellen wir ein virtuelles Schlagzeug, das das Musizieren zum Leben erweckt. Du lernst, wie du die Wiedergabe von Sounds und Animationen mit JavaScript integrierst und gleichzeitig eine reaktionsschnelle und interaktive Benutzeroberfläche gestaltest.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul erstellen wir eine To-Do-Listen-App, mit der Nutzer ihre Aufgaben effektiv organisieren können. Sie entwerfen eine intuitive Benutzeroberfläche und verwalten die Aufgaben mithilfe von JavaScript, wobei Sie sicherstellen, dass die Daten lokal gespeichert werden, um eine langfristige Nutzbarkeit zu gewährleisten.

Das ist alles enthalten

4 Videos1 Aufgabe

In diesem Modul entwickeln wir eine „Random Photos“-Anwendung, die Bilder in Echtzeit abruft und anzeigt. Sie werden APIs in JavaScript integrieren, das asynchrone Laden von Daten verwalten und ein flüssiges Erlebnis beim Durchstöbern von Fotos gestalten.

Das ist alles enthalten

4 Videos1 Lektüre3 Aufgaben

Erwerben Sie ein Karrierezertifikat.

Fügen Sie dieses Zeugnis Ihrem LinkedIn-Profil, Lebenslauf oder CV hinzu. Teilen Sie sie in Social Media und in Ihrer Leistungsbeurteilung.

Dozent

Packt - Course Instructors
Packt
1.946 Kurse576.973 Lernende

von

Packt

Mehr von Mobile und Web-Entwicklung entdecken

Warum entscheiden sich Menschen für Coursera für ihre Karriere?

Felipe M.

Lernender seit 2018
„Es ist eine großartige Erfahrung, in meinem eigenen Tempo zu lernen. Ich kann lernen, wenn ich Zeit und Nerven dazu habe.“

Jennifer J.

Lernender seit 2020
„Bei einem spannenden neuen Projekt konnte ich die neuen Kenntnisse und Kompetenzen aus den Kursen direkt bei der Arbeit anwenden.“

Larry W.

Lernender seit 2021
„Wenn mir Kurse zu Themen fehlen, die meine Universität nicht anbietet, ist Coursera mit die beste Alternative.“

Chaitanya A.

„Man lernt nicht nur, um bei der Arbeit besser zu werden. Es geht noch um viel mehr. Bei Coursera kann ich ohne Grenzen lernen.“

Häufig gestellte Fragen