Build Dynamic Dashboard With FREE Dashboard Codes Like A Pro

Course Curriculum

Chapter 1: Getting Started

Lecture 1: Introduction to Build Dynamic Dashboard With FREE Dashboard Codes Like A Pro

Lecture 2: Overview of things to learn

Lecture 3: Benefits & gains of the course

Chapter 2: Setup course development environment

Lecture 1: Course requirements

Lecture 2: Setup course development platform

Lecture 3: Required Dreamweaver CS6 extensions, how to find and install them

Lecture 4: Installation & setup of WAMPServer 2.2.22

Lecture 5: Configure WAMPServer as a windows service

Chapter 3: Database Setup & Management

Lecture 1: Database creation and importation of database dumps (schema)

Chapter 4: Link Database, Create Recordset and Data Sources

Lecture 1: Import project Folder into WAMP Server

Lecture 2: Create a new site in Dreamweaver

Lecture 3: Link site to your project database

Chapter 5: Create Bar Chart

Lecture 1: Insert Bar Chart Javascript And CSS Codes

Lecture 2: Generate bar chart SQL statement and link it with the bar chart code

Chapter 6: Create Cavas Pie Chart

Lecture 1: Insert pie chart JavaScript links and CSS code

Lecture 2: Generate pie chart SQL statement and link it to the pie chart code

Chapter 7: Create Canvas Pie Chart with CSS Bar Chart

Lecture 1: Insert pie chart JavaScript links and CSS code

Lecture 2: Generate pie chart SQL statement and link it to the pie chart code

Chapter 8: Create Data Labels

Lecture 1: Add Div, Borders, Border Color, Background Color, Border Radius Using CSS

Lecture 2: Generate Data Label SQL Statement And Link It To The Data Label Div

Lecture 3: Create Cost Data Label and add SQL Statement Data Source

Chapter 9: Create Data Table

Lecture 1: Insert table, add column head & insert row data source

Lecture 2: Generate SQL recordset statement for table using PHPMyAdmin

Chapter 10: Create Horizontal Progress Bar

Lecture 1: Add horizontal progress bar CSS & JavaScript file link

Lecture 2: Generate bar SQL statement and link it to bar using PHP code snippet

Chapter 11: Creating Circular Progress Bar

Lecture 1: Add circular progress bar CSS & JavaScript file link

Lecture 2: Generate bar SQL statement and link it to bar using using PHP code snippet

Chapter 12: Build your first dashboard

Lecture 1: Add a new page and insert div's for the various dashboard features

Lecture 2: Insert data label, background color, borders, border color & link SQL datasource

Lecture 3: Add your animated bar chart CSS & JavaScript codes and links into your dashboard

Lecture 4: Insert bar chart SQL record-set statement so data can be dynamically generated

Lecture 5: Add canvas pie chart CSS & JavaScript links, codes & SQL statement to dashboard

Lecture 6: Add canvas pie chart with bar chart CSS & JScript link, codes & SQL to dashboard

Lecture 7: Add cost data label to dashboard and link SQL statement code to it

Lecture 8: Add table to our dashboard and link the SQL statement code it

Chapter 13: Build another dashboard by duplication

Lecture 1: Load new dashboard folder and setup new site configuration under Dreamweaver

Lecture 2: Insert a JQuery Bar Chart

Lecture 3: Generate JQuery Bar Chart SQL Statement and link to chart

Chapter 14: Bonus Lectures

Lecture 1: Turn Google's 3D Pie Chart into a dynamic 3D Pie Chart using PHP Codes and MySQL

Lecture 2: Turn Google's Exploded Pie Chart into a dynamic chart using PHP code and MySQL

Lecture 3: How to write elementary and complex CSS codes

Lecture 4: How to export a database file

Lecture 5: Intro On Building Dynamic Dashboard using PHP Version 7 and Dreamweaver CC

Lecture 6: BONUS: Adding Data Labels to Dashboard using PHP 7

Lecture 7: BONUS: Adding Column Chart to Dashboard using PHP 7

Lecture 8: BONUS: Adding Pie Chart to Dashboard using PHP 7

Lecture 9: BONUS: Displaying Total Beneficiaries with Horizontal Bar Label and Pie Chart

Lecture 10: BONUS: Displaying Sectors Project Level Status

Lecture 11: Develop Fiscal M&E project for yourself using this complete Fiscal M&E script