Hochwertige Benutzererfahrung mit Material UI aufbauen

Hochwertige Benutzererfahrung mit Material UI aufbauen

Dieser Kurs ist Teil von Spezialisierung „Frontend-Entwicklung mit React“

Dozent: NIIT

1.858 bereits angemeldet

Bei enthalten

Mehr erfahren

2 Module

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

Stufe Mittel

Einige einschlägige Kenntnisse erforderlich

8 Stunden zu vervollständigen

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

2 Module

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

Stufe Mittel

Einige einschlägige Kenntnisse erforderlich

8 Stunden zu vervollständigen

Flexibler Zeitplan

In Ihrem eigenen Lerntempo lernen

Was Sie lernen werden

Entwerfen Sie hochwertige Benutzeroberflächen mit der Material UI-Bibliothek

Kompetenzen, die Sie erwerben

Kategorie: Javascript
Kategorie: Typography
Kategorie: Responsive Web Design
Kategorie: Web Design
Kategorie: Front-End Web Development
Kategorie: User Interface (UI)
Kategorie: User Experience
Kategorie: React.js

Werkzeuge, die Sie lernen werden

Kategorie: Cascading Style Sheets (CSS)
Kategorie: UI Components

Wichtige Details

Zertifikat zur Vorlage

Zu Ihrem LinkedIn-Profil hinzufügen

Bewertungen

2 Aufgaben

Unterrichtet in Englisch

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

Weitere Informationen zu Coursera für Unternehmen

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

Erweitern Sie Ihre Fachkenntnisse

Dieser Kurs ist Teil der Spezialisierung Spezialisierung „Frontend-Entwicklung mit React“

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 2 Module

Ein Benutzererlebnis basiert auf den Erfahrungen und Interaktionen eines Benutzers mit einem Produkt, System oder einer Dienstleistung. Die Bereitstellung hochwertiger digitaler Erlebnisse in einer Webanwendung erfordert das Schreiben von CSS-Codes, die sich auf die Anzeige, Navigation, Aktionen, Eingabe und Kommunikation konzentrieren. CSS hat jedoch seine eigenen Herausforderungen, die mit der Material UI Design-Bibliothek gelöst werden können.

"Cascading Style Sheets (CSS) ist eine Stilsprache, die die Trennung von Präsentation und Inhalt, einschließlich Layouts, Farben und Schriftarten, ermöglicht. Das Styling von React-Komponentensystemen wird durch die Erweiterung von CSS mit styled-components vereinfacht. Als Entwickler werden Sie in der Lage sein, die Fähigkeiten von ECMA Script 6 (ES6) und CSS zu nutzen, um die Apps mit Hilfe der gestylten Komponenten stressfrei zu stylen. In diesem Lernsprint lernen Sie, die getaggten Template-Literale und CSS zu nutzen, um gestylte Komponenten zu definieren. Die in diesem Sprint enthaltenen praktischen Aufgaben ermöglichen es Ihnen, die bestehende React-Webanwendung zu verbessern, indem Sie Komponenten mit dem CSS-in-JS-Ansatz stylen. Dies ermöglicht es, Stile in JavaScript statt in externem CSS zu schreiben."

Das ist alles enthalten

12 Videos2 Lektüren1 Aufgabe1 Programmieraufgabe

12 Videos Insgesamt 32 Minuten

Kontext Einstellung 2 Minuten
Eine React-Komponente mit einem externen StyleSheet gestalten 3 Minuten
Beobachten und wiederholen: Hinzufügen von Stilen zu einer React-Komponente mithilfe einer externen CSS-Datei 3 Minuten
Verwenden Sie ein CSS-Modul zum Stilen einer React-Komponente 3 Minuten
Beobachten und Wiederholen: Hinzufügen von Stilen zu einer React-Komponente mit einer CSS-Datei als Modul 2 Minuten
Inline-Stile auf React-Komponenten anwenden 2 Minuten
Beobachten und Wiederholen: Hinzufügen von Stilen zu React-Komponenten mit Inline-Style 2 Minuten
Gestalten Sie eine React-Komponente mit dem Styled-Component-Modul, das dem CSS in JavaScript-Muster folgt 6 Minuten
Beobachten und wiederholen: Anwendung des CSS-in-JS-Konzepts in einer React-Komponente 3 Minuten
Praxis Brief 4 Minuten
Praxis-Nachbesprechung 2 Minuten
Lernen Konsolidierung 1 Minute

2 Lektüren Insgesamt 20 Minuten

Anleitung zum Hochladen der Lösung der Programmieraufgabe 10 Minuten
React-Komponenten mit modernen CSS-Techniken gestalten 10 Minuten

1 Aufgabe Insgesamt 30 Minuten

React-Komponenten mit modernen CSS-Techniken gestalten 30 Minuten

1 Programmieraufgabe Insgesamt 75 Minuten

Gestalten von ViewTube mit der Materialbibliothek 75 Minuten

"Heutzutage ist es das Gebot der Stunde, ansprechende, nutzerorientierte Anwendungen zu erstellen, um den Endnutzern hochwertige digitale Erlebnisse zu bieten. Material Design ist eine Designsprache, die Entwicklern hilft, schnell reaktionsfähige, benutzerfreundliche und skalierbare Anwendungen zu erstellen. In diesem Sprint lernen Sie die Material Design Philosophie kennen und implementieren die Material UI (MUI) Bibliothek in einer React Webanwendung. Die praktischen Übungen in diesem Sprint werden Sie in die Lage versetzen, die Benutzeroberfläche des gegebenen Lösungscodes in eine Benutzeroberfläche umzuwandeln, die mit den Komponenten der MUI-Bibliothek eine reichere Benutzererfahrung bietet."

Das ist alles enthalten

20 Videos1 Lektüre1 Aufgabe2 Programmieraufgaben

20 Videos Insgesamt 52 Minuten

Kontext Einstellung 1 Minute
Material Design Philosophie 3 Minuten
Anschauen und wiederholen : Wie man Material installiert und seine vorgefertigte Komponente in einer React-App verwendet 6 Minuten
Layout-Komponenten 2 Minuten
Beobachten und Wiederholen : Implementierung der Layout-Komponente von Material 4 Minuten
Input Komponenten 2 Minuten
Beobachten und Wiederholen: Implementierung von Input-Komponenten von Material 3 Minuten
Navigation Komponenten 1 Minute
Beobachten und Wiederholen: Implementierung von Navigationskomponenten des Materials 2 Minuten
Oberfläche Komponenten 2 Minuten
Watch and Repeat : Implementierung von Oberflächenkomponenten von Material 2 Minuten
Theming-Komponenten 3 Minuten
Beobachten und wiederholen: Implementierung eines benutzerdefinierten Themas in Material Design 2 Minuten
Material UI Hooks, HOCs 2 Minuten
Watch and Repeat : Anpassen von vorgefertigten Materialkomponenten mit Hooks und API 3 Minuten
Praxis Brief 2 Minuten
Praxis-Nachbesprechung 2 Minuten
Herausforderung Brief 4 Minuten
Herausforderung Nachbesprechung 2 Minuten
Lernen Konsolidierung 2 Minuten

1 Lektüre Insgesamt 10 Minuten

React-Komponenten mit dem Material Design System gestalten 10 Minuten

1 Aufgabe Insgesamt 30 Minuten

React-Komponenten mit dem Material Design System gestalten 30 Minuten

2 Programmieraufgaben Insgesamt 240 Minuten

Styling der Journler App mit der React Material Design Bibliothek 75 Minuten
ViewTube 165 Minuten

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

NIIT

13 Kurse 29.743 Lernende

von

NIIT

Mehr von Mobile und Web-Entwicklung entdecken

IBM
Designing User Interfaces and Experiences (UI/UX)
Kurs
Coursera
Advanced UI with Material 3: Customization & Performance
angeleitetes Projekt
Coursera
Angular 11+ & Material UI: Build Responsive Web Apps
Kurs
Northeastern University
Web Design and User Experience Engineering Part 2
Kurs

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.“

Neue Karrieremöglichkeiten mit Coursera Plus

Unbegrenzter Zugang zu 10,000+ Weltklasse-Kursen, praktischen Projekten und berufsqualifizierenden Zertifikatsprogrammen - alles in Ihrem Abonnement enthalten

Mehr erfahren

Bringen Sie Ihre Karriere mit einem Online-Abschluss voran.

Erwerben Sie einen Abschluss von erstklassigen Universitäten – 100 % online

Erkunden Sie die Abschlüsse

Schließen Sie sich mehr als 3.400 Unternehmen in aller Welt an, die sich für Coursera for Business entschieden haben.

Schulen Sie Ihre Mitarbeiter*innen, um sich in der digitalen Wirtschaft zu behaupten.

Mehr erfahren

Häufig gestellte Fragen

Um Zugang zu den Kursmaterialien und Aufgaben zu erhalten und um ein Zertifikat zu erwerben, müssen Sie die Zertifikatserfahrung erwerben, wenn Sie sich für einen Kurs anmelden. Sie können stattdessen eine kostenlose Testversion ausprobieren oder finanzielle Unterstützung beantragen. Der Kurs kann stattdessen die Option "Vollständiger Kurs, kein Zertifikat" anbieten. Mit dieser Option können Sie alle Kursmaterialien einsehen, die erforderlichen Bewertungen abgeben und eine Abschlussnote erhalten. Dies bedeutet auch, dass Sie kein Zertifikat erwerben können.

Wenn Sie sich für den Kurs einschreiben, erhalten Sie Zugang zu allen Kursen der Spezialisierung, und Sie erhalten ein Zertifikat, wenn Sie die Arbeit abgeschlossen haben. Ihr elektronisches Zertifikat wird Ihrer Seite "Leistungen" hinzugefügt - von dort aus können Sie Ihr Zertifikat ausdrucken oder Ihrem LinkedIn-Profil hinzufügen.

Ja. Für ausgewählte Lernprogramme können Sie eine finanzielle Unterstützung oder ein Stipendium beantragen, wenn Sie die Anmeldungsgebühr nicht aufbringen können. Wenn für das von Ihnen gewählte Lernprogramm eine finanzielle Unterstützung oder ein Stipendium verfügbar ist, finden Sie auf der Beschreibungsseite einen Link zum Antragsformular.