Creating a Calculation Tool with AngularJS 1.x (Udemy.com)

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

( 12 Reviews )

Created by: Chris Converse

Produced in 2016

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

Quality Score

Content Quality

Video Quality

Qualified Instructor

Course Pace

Course Depth & Coverage

Overall Score : 94 / 100

Course Description

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.Who this course is for:

Designers
Web Designers
Front-end Developers

Time: 1.5h

Instructor Details

Chris Converse

4.7 Rating
12 Reviews

Chris has over 25 years experience in graphic design and interactive media, with a unique focus on both design and development. Chris possesses development skills across such languages as HTML, CSS, JavaScript (including jQuery and AngularJS), and PHP, making his design execution optimal across various media. In addition to designing and teaching online, Chris speaks at number of industry-related conferences, including HOW Design, Adobe MAX, Adobe ADIM, AIGA, and the Creative Publishing Network.

Creating a Responsive HTML Email (2017)
4.0 (246 Reviews)

- Provider: Udemy
- Time: 1.5h

$11.99

Creating Responsive Web Design (2014)
4.3 (128 Reviews)

- Provider: Udemy
- Time: 3.5h

$11.99

Creating a Responsive Web Design (2015)
4.6 (88 Reviews)

- Provider: Udemy
- Time: 4h

$11.99

Design the Web: Adding Dynamic QR Codes (2015)

- Provider: Lynda
- Time: 5h 14m

Free

Design the Web: CSS-Controlled SVG with PHP

Design the Web: CSS-Controlled SVG with PHP (2015)

- Provider: Lynda
- Time: 30m 50s

Free

All courses by Chris Converse

More angular courses

Single Page Web Applications with AngularJS (2018)
5.0 (480 Reviews)

- Provider: Coursera
- Time: 15.5h

Free

Angular Styling & Animations (for Angular 2+)

Angular Styling & Animations (for Angular 2+) (2021)
4.8 (320 Reviews)

- Provider: Udemy
- Time: 7h

$11.99

Learn to build an e-commerce app with .Net Core and Angular

Learn to build an e-commerce app with .Net Core and Angular (2021)
4.8 (207 Reviews)

- Provider: Udemy
- Time: 34h

$11.99

The Modern Angular Bootcamp [2021] (2021)
4.8 (194 Reviews)

- Provider: Udemy
- Time: 45.5h

$11.99

Angular (Full App) with Angular Material, Angularfire & NgRx

Angular (Full App) with Angular Material, Angularfire & NgRx (2021)
4.8 (50 Reviews)

- Provider: Udemy
- Time: 11h

$11.99

Front-End JavaScript Frameworks: Angular

Front-End JavaScript Frameworks: Angular (2017)
4.7 (368 Reviews)

- Provider: Coursera
- Time: 16h 40m

Free

All angular courses

Reviews

4.7

12 total reviews

5 star 4 star 3 star 2 star 1 star

Write a Review

By Cynthia

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

By Akash Thakur

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

By Daniel Taylor

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

By J UI

Super clear and easy to follow. Wish this teach can teach more real world projects in AngularJs.

By Ken Langston

Not just excellent teaching, excellent project example!

By Geoffrey Gelinas

Great AngularJS tut. Very clear and concise. I would take more of this instructors tutorials!

By James Grace

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.

By Jody

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.

By Anonymized User

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.

By Javier Sotomayor C.

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.

By Alfonso Vergara

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.

By Adit Mehta

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.