Creating a Calculation Tool with AngularJS 1.x

Learn to conceive, calculate, design and script a custom calculation tool for your web site.

4.45 (33 reviews)

Udemy

platform

English

language

Web Development

What you will learn

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

Why take this course?

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.

Screenshots

Creating a Calculation Tool with AngularJS 1.x - Screenshot_01

Creating a Calculation Tool with AngularJS 1.x - Screenshot_02

Creating a Calculation Tool with AngularJS 1.x - Screenshot_03

Creating a Calculation Tool with AngularJS 1.x - Screenshot_04

Reviews

Jack

June 12, 2021

I love how the course is short but packed with everything you need to know in order to create your own calculator. This course is definitely a 5 star course!

Chris

April 18, 2020

It hit the road running, so to speak, which was ideal for my requirements. Well explained and described a new concept to me very well, which I can now apply to my own projects. Many thanks.

Adit

July 25, 2017

A good hands on course which connects the dots between html and angular. I was, however, hoping that this course have more of an Angular focus rather than html and css focus.

Alfonso

February 9, 2017

The only issue (big impact) is that this class is broken into two major categories: HTML & CSS and angularjs; the course is structured 70%~ HTML and 30% angular. if you have a solid background in css and HTML i don't recommend this course.

Cynthia

January 6, 2017

Chris is to the point and very methodical with his approach. Love his pace and how his lessons flow so well.

Javier

September 6, 2016

This is a practical course where you put it all together into a project. I would say this is a intermediate-advanced course. The course is mostly splitted in 10% html, 60% css, and 30% angularjs. So far, it works for me as in landing all my previous knowledge in programming and seeing a final product/project after several lines of code.

Anonymized

July 31, 2016

The instructor,Chris , takes great care in his explanations such that very little is left to one's imagination. The code does work/run which gives the student a successful outcome. The class was most definitely was worth my time. If there are other courses offered by Mr. Chris Converse, I will consider them.

Jody

February 18, 2016

This was a really good course to make a real working app with AngularJS. I liked it so much I bought some of Chris's other courses too.

James

January 7, 2016

Chris has obviously thought this through... such a clear, smooth and concise demo of a cool, self-contained AngularJS app. His CSS samples taught me some things I was unaware of in CSS... Overall - great course.

Charts

Price

Rating

Enrollment distribution

Creating a Calculation Tool with AngularJS 1.x - Distribution chart