Build Dynamic Dashboard With FREE Dashboard Codes Like A Pro
5.0 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
32 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Build Dynamic Dashboard With FREE Dashboard Codes Like A Pro to your Wishlist.

Add to Wishlist

Build Dynamic Dashboard With FREE Dashboard Codes Like A Pro

Learn how to build dynamic dashboards for your web application using PHP, MySQL with FREE Pie/Bar Chart codes like a PRO
5.0 (3 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
32 students enrolled
Last updated 6/2017
English
Price: $20
30-Day Money-Back Guarantee
Includes:
  • 7.5 hours on-demand video
  • 1 Article
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Develop custom web application dashboard for different clients and projects.
  • Build new dashboard charts, graphs, tables, circular & horizontal progress bars and data labels or customize existing ones to suits news projects
  • Know how to create MySQL database and link it to your application
  • Learn how to link database data to dashboard charts, graphs, tables, circular & horizontal progress bars and data labels
  • Learn how to edit the source codes for your dashboard charts, graphs, circular & horizontal progress bars and data labels
  • Know how to import them into the project database online
  • Learn how to write elementary CSS codes
View Curriculum
Requirements
  • Know and understand the importance of web application to modern day businesses
  • Appreciate the importance of web application with dashboard charts, graphs, tables and data labels
  • Know how to market the IT products to companies
  • Know or be willing to learn how to understand and analyze clients web application project needs
  • Students needs to apply their systems analysis and design skills to be able to understand and translate clients need from paper design to finished work
  • Students should be willing to give enough time to study and understand the dashboard charts, graphs, data labels, tables and how the data integration works. This knowledge will help them know which dashboard feature is necessary for their own projects.
  • Know or be willing to learn how to read and understand PHP, CSS, Javascript and MySQL code structures and their application
  • Student should be willing to learn new things with regards to web application
Description

A number of businesses are realizing the importance of the internet. Quite a lot has come to understand that by running their office applications on the internet, they save a lot on recurrent hardware and software expenses. Most of these companies prefer to go for custom applications designed and developed to meet their unique project scope. This is where you, the student with skill and knowledge in custom web application development comes in. You will be contracted to develop and deploy this applications. Integrating attractive and dynamic dashboards to your application will increase your product and service value.

In this course, you are going to learn how to build dynamic dashboards with attractive charts, tables, data labels and progress bar for your web application using FREE Javascript, CSS codes, PHP,  MySQL, HTML & Dreamweaver without a writing a single line of PHP, HTML or Javascript code of your own.

After deploying your first application with this dashboard, that’s it. You will not need to build another dashboard from ground up for another project. All you need to do is duplicate your first application, create a new database link and re-customize the duplicated version to meet the scope of your new project. Remove all features that are not needed in the new project, edit or add a few features that are needed in the new project and you are good to go.

My early days of learning how to develop web applications with dashboards charts and graphs where full of struggles. Where I could not succeed, I leaned on commercial plug-ins to achieve my objective. But after several months of studying and researching, I am able to deploy web applications with attractive dashboard without spending extra funds on commercial dashboard plug-ins. You, on the other hand, are going to learn all this in a couple of hours. what a privilege. 

Don't hesitate. Take action by enrolling now

Note: All codes used in this course will be made available for download in one of the lectures. 

Who is the target audience?
  • Intermediate to advanced software and web developers that want to develop applications for the market
  • IT Entrepreneurs that want to retail web applications under white label brands
  • Freelance software marketers who want to add custom web application development to their offered services.
  • Company IT staff that wants to build new or convert their existing sites into Web Applications of any kind
Compare to Other Web Development Courses
Curriculum For This Course
42 Lectures
07:33:44
+
Getting Started
3 Lectures 05:46

Hello and welcome to this awesome course I have titled “Build Dynamic Dashboard With FREE Dashboard Codes Like A Pro”. In this course you learn how to develop web application backend dashboards with FREE dashboard codes.

My name is Prince Michael Nwuzor, a web application developer. I am the instructor of this course.

In this course, I am going to take you through the step by step process of designing, developing & deploying web applications with attractive backend dashboard charts, graphs, tables, progress bars & data labels 

In addition, I am going to use the Project Management System I have already developed for our learning purposes. The full project code will be given to you at the end of the course.

This course is a practical course. A few topics you learn include:

  • How to build new dashboard charts, graphs, tables, progress bars and data labels or customize existing ones to suits news projects
  • How to create web application templates
  • How to create MySQL database, tables and link it to your application

The ideal student for this course is an existing web developer who wants to expand his/her current skills or an entrepreneur who want to launch a web application product or startup an application development and marketing brand.

Feel free to take a look through the course description & free video preview.

We look forward to seeing you enroll

Preview 01:49

In this lecture, I am going to show you all the dashboard features we are going to cover which includes the following:

  • Bar Chart
  • Canvas Pie Chart
  • Canvas Pie Chart with Bar Chart
  • Dynamically Populated Table
  • Horizontal Progress Bar
  • Circular Progress Bar 
  • Data Labels
Preview 02:30

In this course, I am going to take you through the step by step process of building attractive backend dashboards comprising of charts, graphs, tables, circular/horizontal progress bars and data labels using the free codes.

In addition, I am going to use the Project Management, Monitoring & Evaluation Systems I have already developed for our learning purposes. The full project code will be given to you from the beginning of the course.

In addition, I am going to use the Project Management, Monitoring & Evaluation Systems I have already developed for our learning purposes. The full project code will be given to you from the beginning of the course.

Besides the skills you will learn from this course, you will also observe that you will now:

  • Spend less time developing and deploying new applications
  • Have more time to take up new jobs
  • Learn new and interesting skills

Also included in this course are:

  • Access to download all codes that will be used in this course.
  • Free access to any course updates including case studies, projects and collaborative discussions.
  • Learn on the go.  Once you enroll for this course, it will be made available for you to view from anywhere in the world.
Preview 01:27
+
Setup course development environment
5 Lectures 10:56

The course requirement lecture informs us about all the basic requirements we will need for this course. 

The requirements include the following:

  • No pre-requisites necessary, however, a web development experience will be helpful.
  • Dreamweaver CS6 as primary development tool.
  • Notepad ++ (Completely free to download)
  • Dev-PHP IDE Version 2.0.13 (Completely free to download)
  • WAMP Server 2.2 with Apache 2.2.22, MySQL 5.5.24 and PHP 5.3.13
  • Firefox, Internet Explorer or Google Chrome Browser with Fireshot Screen Capture extension for saving your dashboard and report pages to PDF formats. Its completely free to download and install.
Preview 01:27

In the Setup course development platform lecture, I will share with you the links to download all the basic requirements you will need for this course and the process to install them.


Setup course development platform
01:11

In this lecture, I am going to show you the required Dreamweaver CS6 extension we are going to need and how to install it.


Preview 02:23

WAMPServer is a Windows web development environment. WAMP means Windows Apache MySQL PHP. It allows you to create web applications with Apache2, PHP and a MySQL database. Alongside, PhpMyAdmin allows you to manage easily your databases

In this lecture, I am going to show you how to install and setup WAMPServer 2.2.22

Preview 02:13

WAMP Server is an important aspect of this course. As a developer you will need WAMP Server to be running all the time and to start automatically when your PC starts up. This is why its important to set it up to start as a service once the PC 

In this lecture, I am going to show you how to configure your WAMP Server as a windows service.

Preview 03:42

Download WAMPServer version 2.2, install it and load the localhost page

Setup course development environment quiz
1 question
+
Database Setup & Management
1 Lecture 08:05

All the projects in this course are database dependent. Therefore, a knowledge of how to create, import and export a database dump (schema) is very important.

In this lecture I am going to show you how to create a database and import your database dumps (schema) into the database you have created

Database creation and importation of database dumps (schema)
08:05
+
Link Database, Create Recordset and Data Sources
3 Lectures 24:31

In this lecture I am going to show you how to import or rather copy and dump the project folder into the root folder (www) of your WAMPServer.

Import project Folder into WAMP Server
07:13

Since we are going to use Dreamweaver CS6 as our development tool, its important to learn how to create a site in Dreamweaver.

In this lecture I am going to show you how to create a new site in Dreamweaver…..

Create a new site in Dreamweaver
08:17

In this lecture I am going to show you how to link your Dreamweaver site to your project database.

Like other development tools, Dreamweaver stores it database connection files in a folder called Connection. This folder is created automatically by Dreamweaver.

Link site to your project database
09:01
+
Create Bar Chart
2 Lectures 33:26

In this lecture I am going to show you how to insert and load your bar chart Javascript and CSS codes into your dashboard.

For this lecture, we are going to use the Animated Bar Chart. 

Insert Bar Chart Javascript And CSS Codes
13:27

Haven followed the steps on how to insert a bar chart, now create your own bar chart. When you are done, answer the questions below.

Insert your own bar chart
1 question

Inserting data dynamically into our charts is a key part of this course. A knowledge of how to generate data dynamically is therefore important.

In this lecture, I am going to show you how to generate bar chart SQL statement and link it with the bar chart code

Generate bar chart SQL statement and link it with the bar chart code
19:59

Its time to generate your own bar chart SQL statement and link it with the bar chart code. When you are done, answer the questions below.

Generate your own bar chart SQL statement and link it with the bar chart code
1 question
+
Create Cavas Pie Chart
2 Lectures 26:03

In this lecture I am going to show you how to insert pie chart JavaScript links and CSS code into your dashboard.

Insert pie chart JavaScript links and CSS code
10:52

Haven followed the steps on how to insert a canvas pie chart, its time to create your own canvas pie chart. When you are done, answer the questions below.

Insert your own cavas pie chart
1 question

Inserting data dynamically into our charts is a key part of this course. A knowledge of how to generate data dynamically is therefore important.

In this lecture, I am going to show you how to generate pie chart SQL statement and link it with the pie chart code

Generate pie chart SQL statement and link it to the pie chart code
15:11

Its time to generate your own canvas pie chart SQL statement and link it with the bar chart code. When you are done, answer the questions below.

Generate your own pie chart SQL statement and link it to the pie chart code
1 question
+
Create Canvas Pie Chart with CSS Bar Chart
2 Lectures 27:16

In this lecture I am going to show you how to Insert pie chart JavaScript links and CSS code into your dashboard.

Insert pie chart JavaScript links and CSS code
11:23

Haven followed the steps on how to Insert canvas pie chart with CSS bar chart, its time to Insert your own canvas pie chart with CSS bar chart JavaScript links & CSS codes. When you are done, answer the questions below.

Insert your own canvas pie chart with CSS bar chart
1 question

Inserting data dynamically into our charts is a key part of this course. A knowledge of how to generate data dynamically is therefore important.

In this lecture, I am going to show you how to generate canvas pie chart SQL statement and link it with the chart code

Generate pie chart SQL statement and link it to the pie chart code
15:53

Haven followed the steps on how to generate a canvas pie chart with CSS bar chart SQL statement & link it to the code, its time to generate your own SQL statement and link it to the code. When you are done, answer the questions below.

Generate your own canvas pie chart with CSS bar chart SQL statement & link it
1 question
+
Create Data Labels
3 Lectures 54:35

In this lecture I am going to show you how to add div, borders, border color, background color, border radius using CSS into your dashboard.

Add Div, Borders, Border Color, Background Color, Border Radius Using CSS
17:32

Haven followed the steps on how to add a div, borders, border & background colors, border radius using CSS, its time to add your own div, borders, border & background colors, border radius using CSS. When you are done, answer the questions below.

Add your own div, borders, border & background colors, border radius using CSS
1 question

Inserting data dynamically into our charts is a key part of this course. A knowledge of how to generate data dynamically is therefore important.

In this lecture, I am going to show you how to generate SQL statement for your data label and link it with the data label code

Generate Data Label SQL Statement And Link It To The Data Label Div
18:01

Haven followed the steps on how to generate a data label SQL statement and got it linked it to the data label div's, its time to generate your own data label SQL statement and link it to the data label div's you created. When you are done, answer the questions below

Generate your own data label SQL statement and link it to your data label div
1 question

In this lecture, I am going to show you how to create cost data label and add SQL statement data source

Create Cost Data Label and add SQL Statement Data Source
19:02

Haven followed the steps on how to add div, borders, border color, background color, border radius using CSS, generate data label SQL statement and link it to the data label div and how to create cost data label and add SQL statement data source, it’s now time to create your own cost data label and add your SQL statement data source . When you are done, answer the questions below.

​Create your own cost data label and add SQL statement data source​
1 question
+
Create Data Table
2 Lectures 24:49

Data tables gives us a numerical summary of a specific area of our project. 

In this lecture I am going to show you how to insert your data table, add column head & insert row data source

Insert table, add column head & insert row data source
16:34

Haven followed the steps on how to insert table, add column head & insert row data source, its time to insert your own table, add column head & insert row data source. When you are done, answer the questions below.

Insert your own table, add column head & insert row data source
1 question

Inserting data dynamically into our charts is a key part of this course. A knowledge of how to generate data dynamically is therefore important.

In this lecture, I am going to show you how to generate SQL statement for your table and link it with the table data source

Generate SQL recordset statement for table using PHPMyAdmin
08:15

Haven followed the steps on how to generate SQL recordset statement for data table using PHPMyAdmin, it’s now time to generate your own SQL recordset statement for your table using PHPMyAdmin. When you are done, answer the questions below.


Generate your own SQL recordset statement for your table using PHPMyAdmin
1 question
+
Create Horizontal Progress Bar
2 Lectures 32:21

Progress bars are used to ascertain the progress levels of a task, milestones and projects themselves.

In this lecture, I am going to show you how to add a horizontal progress bar CSS & JavaScript file link

Add horizontal progress bar CSS & JavaScript file link
12:34

Haven followed the steps on how to add horizontal progress bar CSS & JavaScript file links; it’s now time to add your own horizontal progress bar CSS & JavaScript file links. 

When you are done, answer the questions below

Learn to add horizonntal progress bar CSS & JavaScript file link
1 question

Inserting data dynamically into our charts is a key part of this course. A knowledge of how to generate data dynamically is therefore important.

In this lecture, I am going to show you how to generate SQL statement for your horizontal progress bar and link it with the horizontal progress bar code

Generate bar SQL statement and link it to bar using PHP code snippet
19:47

Haven followed the steps on how to generate horizontal bar SQL statement and get it linked to the bar; it’s now time to generate your own horizontal bar SQL statement and get it linked to the bar. 

When you are done, answer the questions below.


Generate your own horizontal bar SQL statement and link it to bar
1 question
4 More Sections
About the Instructor
Prince Michael Enyichi Nwuzor
5.0 Average rating
3 Reviews
36 Students
3 Courses
Business Analyst, Web Application Developer & IT Consultant

My name is Prince Michael E. Nwuzor, the Chief Consultant of NetDataflow Support Systems Ltd. 

My core areas of specialty include Business Analysis, Web Application Development, Training/Facilitation, IT Project Management and Media Content Streaming.

Over the past 10 years, I have worked for a number of companies, designing and developing applications ranging from:

  • Vendor Management System
  • Social Impact Assessment System
  • Church Conference Managements System
  • Web Based Patients Medical Portal
  • School Fees Management System
  • School Admission Registration
  • Result Based Project Monitoring & Evaluation System
  • Just to mention a few

I am glad to be part of Udemy to share my skill, ideas and potentials with people who are keen to learn just like me.