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.

This tutorial tackles on how to toggle active class whenever there's a change in the current location path in Angular JS with the help of ngRoute to handle routing. This is mostly effective if your working with menus and wanted to make the current menu active. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.

This tutorial tackles on how to toggle class active whenever the path is change using Angular JS. This is mostly effective if your working with menus and you want to make the current menu active. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.

This tutorial tackles on how to create an image modal using jQuery. jQuery is a javascript library that makes working with javascript much easier. We will be using a smaller image as the link to show our image modal. Putting the image in modal maximize its size.

This tutorial tackles on how to create an image modal using Angular JS with the help of CSS to handle the design and animation in this tutorial. Image modal is commonly used to maximize an image to further understand its details. 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 modal for images using javascript. This is useful if ever the user wants to view a larger version of an image. We will make the smaller image displayed as the link to our Image Modal.

This tutorial tackles on how to create a simple hide/show animation in Angular JS using ngAnimate. ngAnimate provides animation hooks for common Angular JS directives. Angular JS is a javascript framework maintained by Google and is capable of creating Single-Page Applications.