JavaScript Tip Calculator Overview

In this quick overview geared for advanced beginners, you’ll learn my thought process behind building a tip calculator with vanilla JavaScript.
Join Treehouse today and start your free trial! https://trhou.se/3aC9m32

By the end of this video, you should have a decent understanding of what it takes to build this out. Though this isn’t meant to be a step-by-step guide, you should be able to tackle this project on your own with a solid understanding of JavaScript basics, HTML, and CSS. If you need a refresher on any of these topics, I suggest taking a look at these approachable courses on our website:

HTML Basics: https://trhou.se/3PYgZAX
SCSS/SASS Basics: https://trhou.se/3m7F8aH
JavaScript Basics: https://trhou.se/3MdJasF

JavaScript concepts used:
JavaScript Numbers: https://trhou.se/3mg6o6F
JavaScript Objects: https://trhou.se/3ziWU2n
Interacting With the DOM: https://trhou.se/3MeyuKr
JavaScript and the DOM: https://trhou.se/3NLyhzk
JavaScript Loops: https://trhou.se/3teQEox

Chapters:
00:00 Intro/project overview
01:00 Installation instructions
03:00 Updating default data
06:00 UI code overview
06:45 Calculating the final output
08:00 Building the application on page load and listening for events
09:37 Final thoughts/outro

Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 1,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.