Tutorials

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.

This tutorial tackles on how to create a step by step form in Angular JS with Angular Route and Angular Animate. Step by Step form is a kind of form wherein users can't proceed to the next step without finishing the current step first. We use Angular Route to handle our routes and angular animate for a simple slide animation in between views.

This tutorial tackles on how to create a step by step form in Angular JS with Ui-Router and Angular Animate. Step by Step form is a kind of form wherein users can't proceed to the next step without finishing the current step first. We use ui-router to handle our routes and angular animate for a simple slide animation in between views.

This tutorial tackles on how to create a simple slide animation in Angular JS using Angular Animate. Angular animate provides animation for angular apps. We can access angular animate by adding the dependency 'ngAnimate' in our app. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Application.