Creating a Calculation Tool with AngularJS 1.x
What you'll 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
Course content
- Preview01:16
- Preview00:43
- Preview01:00
Requirements
- Patience : )
- A Text Editor
- A modern Web Browser
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
Instructor
![Chris Converse](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.3 Instructor Rating
- 1,662 Reviews
- 47,095 Students
- 11 Courses
Chris has over 25 years experience in graphic and interactive design, with a unique focus on both design and development. As a graduate of the Rochester Institute of Technology (RIT), he has focused his career on merging design and technology to create the optimal execution across various media. In addition to graduating from the Rochester Institute of Technology, he is also a featured speaker at various industry-related conferences, including the Adobe MAX, NAB, CreativePro Week and Keyframes. Watch his step-by-step courses online at LinkedIn Learning, Udemy, Skillshare, CPDForumula, CreativeLive, Pluralsight, or on Amazon Video.