About This Course

Behind the scenes, a dashboard connects to your files, attachments, services and API’s, but on the surface displays all this data in the form of tables, line charts, bar charts and gauges. Data dashboard is the most efficient way to track multiple data sources. In this lesson, you will learn how to create morden dashboard.

Modules

Creating Dashboard Structure with HTML

Tracking real-time data can be tricky, you will need to really understand the project structure before even implementing. In this section, you are going to learn how to break complicated designs into little parts.

0 / 7 Steps

Steps Expand Icon

Introduction

Understanding the structure

Navigation Section with HTML

Title and Search Section with HTML

Project Listing Section with HTML

Adding the Chart Section with HTML

The Summary Section with HTML

Styling Dashboard Responsive with CSS

It always a happy moments when talking about styling web pages. CSS gives us the ability to add flesh to web pages in various ways. Without CSS, the web will look malnourished and boring to users. In this lesson, we added css to our dashboard.

0 / 7 Steps

Steps Expand Icon

Creating Stylesheet with Basic Styles

Style the Navigation Section

Style the Search and Title Section

Style the Project List Section

Style the Chart Section

Adding Media Queries for Ipad Screen

Adding Media Queries for Larger Screens