Tutorials

This tutorial tackles on how to create a simple register in Angular JS using Ui-Router to handle our routes and PHP/MySQLi to handle our backend and database. After a successful register, we are going to redirect our registered user to our homepage. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.

This tutorial tackles on how to add and retrieve data stored to Local Storage of a certain site. Data found in local storage have no expiration date and it will be there as long as it is not removed. We can access local storage via javascript.

This tutorial tackles on how to create a carousel or image slider using Bootstrap with the help of jQuery. We have used Boostrap v 3.3.7 in this tutorial. Carousel or image slider is usually used in homepages or index page to showcase images relating to the website or app.

This tutorial tackles on how to create a HYBRID Google Map type. The default map type of Google Map if not set is, ROADMAP, which shows the street view of your selected coordinates. Hybrid is a map type that shows the major streets in satellite images of your selected coordinates.

This tutorial tackles on how to create a TERRAIN Google Map type. The default map type of Google Map if not set is, ROADMAP, which shows the street view of your selected coordinates. Terrain is a map type that shows the terrain and vegetation of your selected coordinates.

This tutorial tackles on how to create a SATELLITE Google Map type. The default map type of Google Map if not set is, ROADMAP, which shows the street view of your selected coordinates. Satellite is a map type that shows the satellite images of your selected coordinates.

This tutorial tackles on how to create a simple running digital clock in Angular JS using angular controller. We are also going to use ng-init function to get our clock from a function. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.

This tutorial tackles on how to create a running digital clock in Angular JS by creating a custom directive. Calling this directive in our html will return a running digital clock where the date is filtered depending on our set filter. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.

This tutorial tackles on how to create a login page in Angular JS using Ui-router to handle our routes and PHP/MySQLi to handle our MySQL Database. This also includes local storage session and PHP session wherein users cant access the successful login page if the user is not logged into the app.

This tutorial tackles on how to catch enter keypress in Angular JS. We're going to create a custom directive that will catch this enter keypress. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.