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

Data Structures and Algorithms in Python (Skillshare) Skillshare
Skillshare

Data Structures and Algorithms in Python (Skillshare)

This course will help you in better understanding of the basics of Data Structures and how algorithms are implemented in the high level programming language. This course consists of lectures on data structures and algorithms which covers the computer science theory + implementation of data structures in python language. This course will also help students to face interviews at the top technology companies. This course is like having personal tutors to teach you about data structures and algorithms.

Self Paced
Self-Paced
How To Make A Wordpress Website -- Complete Beginners Guide (Skillshare) Skillshare
Skillshare

How To Make A Wordpress Website -- Complete Beginners Guide (Skillshare)

Want To Learn How To Make A Website With Wordpress? In this tutorial, I go step by step to show you how to build a wordpress website step by step! After you watch this video, you will be able to create a website from scratch with no experience. I use elementor and the oceanwp wordpress theme in this tutorial!

Self Paced
Self-Paced
Typescript Design Patterns (Object-oriented programming) (Skillshare) Skillshare
Skillshare

Typescript Design Patterns (Object-oriented programming) (Skillshare)

Object oriented design patterns help you create more robust and flexible software. In this course I will show you how to use these patterns in TypeScript. Design patterns are best practices that will help you solve common problems in programming. There is no need to solve a generic problem that has been solved many times before. Simple example: how do you write a system that allows user to order a product and customize some of its features?

Self Paced
Self-Paced
Unity Game Development For Beginners (Skillshare) Skillshare
Skillshare

Unity Game Development For Beginners (Skillshare)

Learn To Make Your First Video Game! This course aims to teach students with no experience how to create a PC Game! This class focuses on teaching students the basic principles of Unity & game development through hands-on tutorials. Using the free game engine Unity, students can learn how to make a fully functioning copy of the classic noughts & crosses game in under an hour.

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
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
Javascript Fun: Build a Number Match Game! (Skillshare) Skillshare
Skillshare

Javascript Fun: Build a Number Match Game! (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.

Self Paced
Self-Paced
WordPress for Beginners - Understand WordPress Quickly (Skillshare) Skillshare
Skillshare

WordPress for Beginners - Understand WordPress Quickly (Skillshare)

Learn how to work with WordPress and develop a website using AIT WordPress Themes. No coding or experience required. This class presents the basics of working with WordPress and offers practical screencast tutorials to teach you how to use our themes when building a new website. In short videos, you can find answers to FAQs that beginners most often encounter when getting familiar with WordPress. The course contains more than one hour of video tutorials.

Self Paced
Self-Paced
Build Your Online Portfolio Without Writing Code (Skillshare) Skillshare
Skillshare

Build Your Online Portfolio Without Writing Code (Skillshare)

With the web becoming more and more involved in our daily lives, being able to create your own little corner of the web has never been more important (or exciting). In under one hour with Webflow's Mat Vogels, you'll cover a variety of different topics, including: Why you should be online in the first place; Basic web concepts, like the box model and responsive design; Building a website from scratch; Publishing a website.

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
How To Make A Wordpress Website - Simple For Beginners (Skillshare) Skillshare
Skillshare

How To Make A Wordpress Website - Simple For Beginners (Skillshare)

Why Take This AMAZING Course? Learn how to use the #1 Best selling Wordpress Theme In The World. Master WORDPRESS and the Brizy Page Builder. Complete Beginners Guide I Am A TOP 10% RATED INSTRUCTOR on Udemy and Youtube. Find out Why!! Get a Modern And Amazing Look For Your Website That Will Impress! Learn From A Professional Who Creates Websites For a Living with over 500,000 Monthly Visits! THE MOST UPDATE AND MODERN TUTORIAL. Dont Settle For Outdated Content! Get A fully Responsive Website And Mobile Responsive

Self Paced
Self-Paced