Tutorials

Area Chart using ChartJS, AngularJS and PHP/MySQLi

Submitted by nurhodelta_17 on
This tutorial tackles on how to create an area chart in Angular JS using Chart JS and PHP/MySQLi. Chart JS is a javascript library that provides different kinds of charts with the help of HTML5 canvas element. PHP/MySQLi will fetch data from MySQL database and will serve as our API.

Line Chart using ChartJS, AngularJS and PHP/MySQLi

Submitted by nurhodelta_17 on
This tutorial tackles on how to create a Line Chart in Angular JS using Chart JS with PHP/MySQLi. Chart JS is a javascript library that creates charts for data presentation with the help of HTML 5 canvas. We will use PHP/MySQLi to fetch data from our database that we'll be using in our chart.

Bar Chart using ChartJS, AngularJS and PHP/MySQLi

Submitted by nurhodelta_17 on
This tutorial tackles on how to create a Bar Chart in Angular JS using Chart JS with PHP/MySQLi. Chart JS is javascript library that provides chart presentation of data with the help of html5 canvas. We will use PHP/MySQLi to fetch data from our MySQL database then pass to Angular JS to process the data to our Chart JS.

Pie/Doughnut Chart using ChartJS, AngularJS and PHP/MySQLi

Submitted by nurhodelta_17 on
This tutorial tackles on how to create a pie chart in Angular JS using Chart JS and PHP/MySQLi. Chart JS is a javascript library that provides different kinds of charts with the help of HTML5 canvas element. PHP/MySQLi will fetch data from MySQL database and will serve as our API.

AngularJS Search Suggestion with PHP/MySQLi and UI-Router

Submitted by nurhodelta_17 on
This tutorial tackles on how to create a simple search suggestion in Angular JS with the help of PHP/MySQLi to get data from MySQL database. We will then use UI-Router to view the details of clicked search result member. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.

Create Alert with Timeout using Angular JS

Submitted by nurhodelta_17 on
This tutorial tackles on how to create a simple alert using Angular JS that expires after a specified time. Creating an alert is important for users to know that they have submitted something or their submission is a success. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.

Angular JS Routing using UI-Router

Submitted by nurhodelta_17 on
This tutorial tackles routing in Angular JS with the use of UI-Router. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications. Using ui-router in routing provides features such as nested view and multiple views which will be hard to achieve when using angular-route.