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

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
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 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
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
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
Python Programming Basics: How to go from Beginner to Pro (Skillshare) Skillshare
Skillshare

Python Programming Basics: How to go from Beginner to Pro (Skillshare)

Welcome to my course. I am Connor, and in the next 34 minutes I will take you from a beginner at Python Programming and teach you all the skills required to begin coding your own programs. This course includes the knowledge of a 2 year GCSE Computer Science course in a fraction of the time. By combining everything I teach you in this course, you'll be able to code an endless array of fun and useful programs.

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
HTML5 for Web Development (HTML5 for Beginners) (Skillshare) Skillshare
Skillshare

HTML5 for Web Development (HTML5 for Beginners) (Skillshare)

HTML is a hypertext markup language. It is the most important building block of any website on the internet. HTML is used to describe the content of the website. In this class, I will teach you everything you need to know about HTML and HTML5 (the newest version). I try to go directly to the point and teach by example.

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
Twitter API JavaScript Node Exercise (Skillshare) Skillshare
Skillshare

Twitter API JavaScript Node Exercise (Skillshare)

Twitter API JavaScript Node Exercise. Explore the Twitter Developer API connect from your local machine. Use AJAX JavaScript and Node to setup twitter search. Perfect course for beginners to explore the MASSIVE twitter API. This course will teach you how to setup a local server, connect the Twitter API and return data to output into your web page. Its amazing how much information is available on Twitter, connecting the API is easy and can provide real world working experience with JSON AJAX and APIs.

Self Paced
Self-Paced
Develop a Discord bot (Skillshare) Skillshare
Skillshare

Develop a Discord bot (Skillshare)

Hello there, this course has been remade 2021 with fresh new lectures to up the learning experience. The old class wasn't up to par after a few years. But the class is brand new now. I've read the feedback and I've remade the class. This class is made to quickly show you how to develop a simple Discord bot. This course is designed to get you to launch a Discord bot within the same day of enrollment.

Self Paced
Self-Paced