Creating A Calculation Tool With AngularJS 1.X

Learn to create a useful web tool that calculates and converts results for your users. In this project, you'll help webpage visitors calculate their energy savings from switching to efficient LED and CFL light bulbs. Chris Converse walks through each step in the process: building the main HTML page, creating the form elements, styling the layout with CSS, and performing calculations on the input using JavaScript and AngularJS's data binding elements. Chris also helps you adjust the layout to display better on small screens and mobile devices.

Using these lessons, and the free exercise files, you can build any kind of calculation tool for your clients, from shipping cost to mortgage payment calculators.

Designers

Web Designers

Front-end Developers

Patience : )

A Text Editor

A modern Web Browser

Add the AngularJS framework to a web page

Create an Angular App and Controller

Create a web layout with HTML and CSS

Combine color and graphics to an AngularJS App

Define variables that will be reflected in the HTML file

Create HTML-based form elements, and tie them to AngularJS

Dynamically update HTML based on user interactions