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.
Reaktionsfähiges Design in Bootstrap: Erstellen eines Admin-Dashboards
Sichern Sie sich eines unserer besten Angebote mit Coursera Plus für 199 $ (normalerweise 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: Datenvisualisierung
- Kategorie: Benutzeroberfläche (UI)
- Kategorie: Web-Design und Entwicklung
- Kategorie: Web-Entwicklung
- Kategorie: Reaktionsfähiges Web-Design
- Kategorie: Diagramm.js
- Kategorie: HTML und CSS
- Kategorie: Benutzeroberfläche (UI) Design
- Kategorie: Erstellung des Dashboards
- Kategorie: Web-Design
Tools, die Sie verwenden werden
- Kategorie: Cascading Style Sheets (CSS)
- Kategorie: Dashboard
- Kategorie: Web-Anwendungen
- Kategorie: Bootstrap (Front-End-Framework)
- Kategorie: UI-Komponenten
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?
Felipe M.
Jennifer J.
Larry W.
Chaitanya A.
Ihnen könnte auch Folgendes gefallen:
Status: Kostenloser Testzeitraum
Status: Kostenloser Testzeitraum
