Course Information
Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
1 Hour(s) 20 Minute(s)
Language
English
Taught by
Chris Converse
Rating
1 views
Course Overview
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.
Course Content
- 4 section(s)
- 23 lecture(s)
- Section 1 Introduction
- Section 2 Preparing the Page Structure with HTML
- Section 3 Creating the Layout with CSS
- Section 4 Writing the Calculation Script
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
Reviews
-
JJack Lenngren
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!
-
CChris Gray
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.
-
AAnonymized User
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.
-
KKen Langston
Not just excellent teaching, excellent project example!
