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

Web Design Essentials: Creating Marketing Homepages That Drive Results  (Skillshare) Skillshare
Skillshare

Web Design Essentials: Creating Marketing Homepages That Drive Results (Skillshare)

Design websites that drive results! In this 60-minute class, join Dennis Field — a designer and product evangelist for web prototyping leader InVision — as he shares how to refine your creative process, capitalize on feedback, and use best practices to design a marketing site that leads to conversions for your company. This class is perfect for freelance website and product designers, small web design teams, and everyone who wants to increase the effectiveness of their web design.

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
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
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
Introduction to PHP (Skillshare) Skillshare
Skillshare

Introduction to PHP (Skillshare)

In this course, You will learn about What is PHP and How it Works? Right after this course, you will be able to explain concepts like Client Server Model, Request Response Pattern and Describe about PHP Language in your own words. This is the second course topic that you should take which helps you to understand the basic concepts Why PHP was developed and What problem PHP language solves. This course is a Introduction to PHP and will introduce you to Core Web Concepts and PHP.

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
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
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