In diesem zweistündigen projektbasierten Kurs werden Sie mit Bootstrap ansprechende, schlanke und elegante Admin-Dashboard-Seiten erstellen. Dieses Projekt auf mittlerem Niveau zielt darauf ab, Webentwicklern zu helfen, grundlegende Fähigkeiten für die Erstellung von effektiven Dashboards mit Bootstrap zu erwerben, das ein robustes Framework für die Erstellung von responsiven Layouts und vorgestylten Komponenten bietet, was den Entwicklungsprozess erheblich beschleunigt. Insbesondere werden Sie Datenvisualisierungen Dashboard mit Bootstrap und Chart.js erstellen. Sie implementieren intuitive Oberflächen mit Bootstrap-Tabs, responsiven Tabellen und anderen Komponenten. Sie werden auch Bootstraps Styling-Klassen und font-awesome Icons verwenden, um die visuelle Attraktivität Ihres Dashboards zu verbessern. Sie werden diese Fähigkeiten und Techniken anwenden, um eine Verwaltungsseite für eine Projektmanagement-Pipeline mit Bootstrap zu erstellen. Dieses Dashboard bietet eine zentrale Schnittstelle zur Visualisierung und Verwaltung des Projektfortschritts in den verschiedenen Phasen des Entwicklungszyklus. Dieses Projekt zeichnet sich dadurch aus, dass Sie lernen, wie Sie schnell und einfach responsive Dashboards erstellen können. Um erfolgreich zu sein, sollten Sie mit der grundlegenden HTML5-Struktur, der grundlegenden JavaScript-Syntax und dem Grid-System von Bootstrap vertraut sein.
Genießen Sie unbegrenztes Wachstum mit einem Jahr Coursera Plus für 199 $ (regulär 399 $). Jetzt sparen.
Reaktionsfähiges Design in Bootstrap: Erstellen eines Admin-Dashboards
Dozent: Mohammed Al-Mousa
Bei enthalten
Empfohlene Erfahrung
Was Sie lernen werden
Erstellen und Anpassen von Datenvisualisierungen mit bootstrap und chart.js.
Implementieren Sie intuitive Schnittstellen mit Bootstrap-Navs, responsiven Tabellen und anderen Komponenten.
Nutzen Sie die Styling-Klassen von Bootstrap und font-awesome Icons, um die visuelle Attraktivität zu verbessern.
Kompetenzen, die Sie festigen
- Kategorie: Webentwicklung
- Kategorie: Web-Anwendungen
- Kategorie: Reaktionsfähiges Webdesign
- Kategorie: Webdesign
- Kategorie: Bootstrap (Front-End-Framework)
- Kategorie: Benutzeroberfläche (UI)
- Kategorie: Datenvisualisierung
- Kategorie: Dashboard
- Kategorie: UI Komponenten
- Kategorie: Diagramm.js
- Kategorie: HTML und CSS
Wichtige Details
Zu Ihrem LinkedIn-Profil hinzufügen
Nur als Desktop-Version verfügbar
Erfahren Sie, wie Mitarbeiter führender Unternehmen gefragte Kompetenzen erwerben.
Lernen, Üben und Anwenden von berufsrelevanten Fähigkeiten in weniger als 2 Stunden
- Nehmen Sie an Schulungen von Branchenexperten teil
- Sammeln Sie mit Aufgaben aus der realen Welt praktische Erfahrung
- Schaffen Sie Vertrauen durch neueste Tools und Technologien
Über dieses begleitete Projekt
Schritt für Schritt lernen
In einem Video, das auf einer Hälfte Ihres Arbeitsbereichs abgespielt wird, führt Sie Ihr Dozent durch diese Schritte:
Aufgabe 1: Erstellen einer Schnittstelle zur Fortschrittskontrolle
Aufgabe 2: Erstellen von Projektstatuskarten
Praxis 1: Visualisierung der Daten der 5 wichtigsten Forschungsländer
Aufgabe 3: Erstellen Sie einen Schnellbericht mit einem Liniendiagramm
Aufgabe 4: Zusammenstellung einer detaillierten Schnittstelle für den Projektbericht
Übung 2: Erstellen Sie Diagramme für die 5 wichtigsten Forschungsländer
Aufgabe 5: Erstellen Sie eine Projekttabelle mit Paginierung
Aufgabe 6: Erstellen und Anpassen einer Symbolleiste für das Dashboard
Kumulative Aufgabe:
Empfohlene Erfahrung
HTML5-Struktur und -Komponenten (div, img, canvas, etc.)
Bootstrap's Rastersystem (Container, Zeile, Spalte und Haltepunkte).
JavaScript Objekte
8 Projektbilder
Dozent
von
Was Sie beim Lernen erwartet
Auf Kompetenzen basierendes, praktisches Lernen
Üben Sie die Anwendung neuer Kompetenzen anhand von berufsbezogenen Aufgabenstellungen.
Anleitung durch Experten
Lernen Sie mit vorab von Experten aufgezeichneten Videos in einer einzigartigen aufgeteilten Oberfläche.
Keine Downloads oder Installation erforderlich
Greifen Sie in einem vordefinierten Cloud-Arbeitsbereich auf die Tools und Ressourcen zu.
Nur für Desktop verfügbar
Dieses begleitete Projekt ist für die Bearbeitung an einem Laptop oder Desktop-Computer mit stabiler Internetverbindung konzipiert und nicht für Mobilgeräte.
Warum entscheiden sich Menschen für Coursera für ihre Karriere?
Ihnen könnte auch Folgendes gefallen:
Status: Kostenlos
Status: Kostenloser Testzeitraum
Status: Kostenlos
Status: Kostenloser Testzeitraum
Häufig gestellte Fragen
Mit dem Kauf eines angeleiteten Projekts erhalten Sie alles, was Sie zum Abschließen des angeleiteten Projekts benötigen, einschließlich des Zugriffs auf einen Cloud-Desktop-Arbeitsbereich über Ihren Webbrowser, der die Dateien und Software enthält, die Sie für den Start benötigen, sowie schrittweise Videoanweisungen von einem Fachexperten.
Da Ihr Arbeitsbereich einen Cloud-Desktop enthält, der für einen Laptop oder Desktop-Computer ausgelegt ist, sind angeleitete Projekte auf Ihrem Mobilgerät nicht verfügbar.
Die Dozenten bei angeleiteten Projekten sind Fachexperten, die Erfahrung in den Fähigkeiten, Werkzeugen oder Bereichen der jeweiligen Projekte haben und leidenschaftlich daran interessiert sind, ihr Wissen weiterzugeben und so Millionen von Lernenden auf der ganzen Welt zu beeinflussen.