Creating a Calculation Tool with AngularJS 1.x

Master the skills to design and script custom calculation tools for your website, enhancing user experience with practical functionalities like energy savings calculations.

  • Overview
  • Curriculum
  • Instructor
  • Review

Brief Summary

This course teaches you how to make cool web tools that help users calculate stuff, like energy savings from lights. You'll learn to put together HTML, CSS, and JavaScript with AngularJS to create something super useful and pretty!

Key Points

  • Learn to build a custom calculation tool for your website.
  • Calculate energy savings with LED and CFL light bulbs.
  • Use HTML to create the main page and form elements.
  • Style your layout with CSS for a nice look.
  • Perform calculations using JavaScript and AngularJS.

Learning Outcomes

  • You'll be able to create a functional calculation tool.
  • Know how to use AngularJS for building dynamic web applications.
  • Design a responsive layout that looks good on any device.
  • Understand the basics of scripting with JavaScript for calculations.
  • Build any web calculator, from energy savings to mortgage payments!

About This Course

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

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.

  • Add the AngularJS framework to a web page

  • Create an Angular App and Controller

  • Create a web layout with HTML and CSS

Instructor

Profile photo of Chris Converse
Chris Converse

Chris has 30 years experience in graphic, animation, and interactive design, with a unique focus on both design and development. He earned his BFA in Graphic Design at the Rochester Institute of Technology (R•I•T), and has continued to study the landscape of design and its crossroads with various technologies. In addition to design and development, Chris has authored a wide...

Review
4.9 course rating
4K ratings
ui-avatar of Jack Lenngren
Jack L.
5.0
4 years ago

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!

  • Helpful
  • Not helpful
ui-avatar of Chris Gray
Chris G.
5.0
5 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Akash Thakur
Akash T.
4.0
7 years ago

Overall idea about whats AngularJs how it implements and the concept of MVC.

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
4.0
7 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Ken Langston
Ken L.
5.0
8 years ago

Not just excellent teaching, excellent project example!

  • Helpful
  • Not helpful
ui-avatar of Alfonso Vergara
Alfonso V.
2.5
8 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Cynthia
Cynthia
4.5
8 years ago

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

  • Helpful
  • Not helpful
ui-avatar of Javier Sotomayor C.
Javier S. C.
5.0
8 years ago

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.

  • Helpful
  • Not helpful
ui-avatar of Daniel Taylor
Daniel T.
5.0
8 years ago

Easy to follow for a beginner, great launchpad for the site I'm building.

  • Helpful
  • Not helpful
ui-avatar of Anonymized User
Anonymized U.
5.0
8 years ago

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.

  • Helpful
  • Not helpful
Leave A Reply

Your email address will not be published. Required fields are marked *

Ratings

Courses You May Like

Lorem ipsum dolor sit amet elit
Show More Courses