Javascript Fun: Build a Tip Calculator! (Skillshare)

Offered by Skillshare,
Javascript Fun: Build a Tip Calculator! (Skillshare)

Welcome to the Javascript fun series! For web design or development, there are 3 must-know technologies, HTML, CSS, and Javascript. The main aim of the Javascript fun series is to take your knowledge of these 3 (only a little is required!), and put them into practice by building a series of educational, yet fun projects that show you exactly how they work perfectly together. Working on projects and solving problems is a great way to learn

The project we will build in this class will be a Javascript Tip Calculator.
All the required tools are free to download, I will be using the following: Visual Studio Code Text Editor; Chrome Web Browser
We begin by creating the user interface with HTML. We then apply styling using CSS.
Then we add Javascript, this is where the real magic happens!

You will learn things such as:

  • Creating HTML interfaces
  • Styling with CSS
  • Incorporating Javascript and linking external files
  • Variables
  • Functions
  • Event handlers
  • Manipulating the DOM
  • Performing calculations and storing in variables
  • Conditionals
  • Converting values to a number
  • Setting the number of decimal places of a number
  • And much more!

So if you are looking to move on and put your skills into practice by building real projects, I hope to see you in class!
The class is fully project-based.

The project we will be building in this course is a Javascript Tip Calculator. We begin by creating the user interface with HTML. Then we apply styling using CSS. Then we add Javascript, this is where the real magic happens! I look forward to seeing what you create!

Go to Class
MOOC List is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Related Courses

ES6 JavaScript Classes the Easy Way (Skillshare) Skillshare
Skillshare

ES6 JavaScript Classes the Easy Way (Skillshare)

In 2015, the JavaScript programming language got a major facelift with many improvements to the syntax and tons of new features. This new version is known as ES6, or ES2015, and each year since an updated version has been released. ES6 Classes, as well as instance and static methods, are vitally important to know and understand because so many projects and companies are migrating to the newest version of JavaScript. Many Front End libraries, such as React, rely heavily on the new Class syntax.

Self Paced
Self-Paced
Core Java Interview Bootcamp: Part 1 (Skillshare) Skillshare
Skillshare

Core Java Interview Bootcamp: Part 1 (Skillshare)

Hi everyone :) Having you stop here simply means you are either preparing for a core java interview or want to know the most widely asked questions in the room. This course is intended for you folks, perfectly. The course basically aims at providing an in-depth explanation to most continuously asked questions through very engaging animated PPTs. Whether it's string, or exceptions, or multi-threading, I have got your back on most asked questions from these topics. The much important thing is the clear and concise clarity in explanations that you will get from this course.

Self Paced
Self-Paced
Website Design In WordPress For Beginners: Learn To Build a Website In 1 Hour (Skillshare) Skillshare
Skillshare

Website Design In WordPress For Beginners: Learn To Build a Website In 1 Hour (Skillshare)

Welcome to my Website Design In WordPress For Beginners: Learn To Build a Website In 1 Hour class! This class will teach you how to create a Wordpress website from scratch and will cover everything you need to know from the very beginning of buying a website domain name, all the way to installing plugins to protect your website and then finally publishing and launching your website!

Self Paced
Self-Paced
How To Start A Profitable Wordpress Blog Step By Step 2016 (Skillshare) Skillshare
Skillshare

How To Start A Profitable Wordpress Blog Step By Step 2016 (Skillshare)

Blogging is huge right now! Do you dream of running a successful online business which allows you to enjoy more autonomy? If so, you should know that learning how to create a blog will be the key to setting up an online business which attracts the interest – and sales – of customers all over the world! While the idea of starting a blog yourself, without outsourcing the task to a web design firm, may seem a little daunting, you should know that the process really isn’t that difficult or complicated.

Self Paced
Self-Paced
Interactive Data Visualization: Getting Started with D3.js - V5 (Skillshare) Skillshare
Skillshare

Interactive Data Visualization: Getting Started with D3.js - V5 (Skillshare)

D3.js has become the standard for creating custom interactive data visualizations for the web. This feature-rich open source javascript library allows you to create dynamic and extremely diverse experiences that can interact with users and any other element on a web page. For programmers familiar with Javascript, it is not hard to pick up and run with D3 very quickly. For those with limited javascript experience, it can be intimidating.

Self Paced
Self-Paced
How To Make A Wordpress Website 2018 - Divi Theme Tutorial (Skillshare) Skillshare
Skillshare

How To Make A Wordpress Website 2018 - Divi Theme Tutorial (Skillshare)

Why Take This AMAZING Course? I am a highly rated instructor on udemy. I have over 400,000 views a month on tutorials with positive reviews! Use The #1 Selling Theme for Wordpress On The PLANET. I Have Helped Teach And Create Over 500 Wordpress Websites! Get a Modern And Amazing Look For Your Website That Will Impress! Learn From A Professional Who Creates Websites For a Living with over 6,000 Visits! THE MOST UPDATE AND MODERN TUTORIAL. Dont Settle For Outdated Content!; Get A fully Responsive Website And Mobile Responsive; Over 15,000,000 Minutes Watched. Over 4 Million Views. In 180 Countries.

Self Paced
Self-Paced
Writing Code Faster with Emmet (Skillshare) Skillshare
Skillshare

Writing Code Faster with Emmet (Skillshare)

I LOVE finding ways to speed up or automate my work. So I'm very excited to introduce you to Emmet, a plugin that enables you to write code FASTER. What you will need: Emmet is available in most web editors. Adobe Dreamweaver, Brackets, Sublime Text etc. For this class, I'll be demonstrating Emmet using an online web editor I use on a daily basis - Codepen.

Self Paced
Self-Paced
Kotlin For Beginners: References, Immutability (Const and Val), Properties, Variables, Data Classes (Skillshare) Skillshare
Skillshare

Kotlin For Beginners: References, Immutability (Const and Val), Properties, Variables, Data Classes (Skillshare)

In this short class, you will learn the fundamentals of how to represent information virtually in a Kotlin program. About half of what we do as programmers is design data structures to represent real world information virtually, and it turns out that there are good and bad ways to do this! One of the most important takeaways of this class, is that it is critically important to separate things which change (mutable) from things which don't change (immutable).

Self Paced
Self-Paced
How to Make Android Apps with No Programming Experience (Skillshare) Skillshare
Skillshare

How to Make Android Apps with No Programming Experience (Skillshare)

We provide the fastest way to learn how to code and start making industry standard apps. The best part? You don’t need any prior programming experience. Learning to code is intimidating. There’s all that syntax, all those new words and unintuitive software to get your head around. It’s hard to know where to start. Beginning App Development was lovingly crafted to be the fast track train that takes you to this new and exciting world.

Self Paced
Self-Paced
Introduction To HTML5 For Absolute Beginners (Skillshare) Skillshare
Skillshare

Introduction To HTML5 For Absolute Beginners (Skillshare)

Hi, welcome to this crash course on HTML5 for complete beginners. In this class, you will learn everything you need to know about getting started with web development. The first step in becoming a web developer is learning HTML. The latest version of HTML is HTML5 and I will walk you through everything you need to know to get started with it. HTML is based on tags. You write HTML content inside tags. Tags tell the browser how to display the content on the screen.

Self Paced
Self-Paced