JavaScript in Action JavaScript Projects

Name: JavaScript in Action JavaScript Projects
Rating: 3.9 (161 reviews)

Guide to create JavaScript coded applications like an online calculator from scratch

Created byLaurence Svekis

Last updated 11/2019

English

English [Auto],

What you'll learn

create amazing JavaScript applications
use JavaScript in projects
create an online calculator

Course content

3 sections • 18 lectures • 1h 16m total length

Introduction to JavaScript Project and how to apply JavaScript Methods2:28
Apply javascript methods in a real-world project and build a fully functional calculator. Learn dom interactions, event listeners, and integrating html, css, and Bootstrap.
What is Bootstrap3:33
Discover how to add Bootstrap to a project via CDN or download, and include the required JavaScript and jQuery. Build a styled navigation bar with dropdowns and fast, responsive functionality.
Bootstrap CDN resources0:19
JavaScript get element details11:22
Demonstrates setting up a javascript event listener on a bootstrap button, accessing elements by id and by class with get element by ID and query selector, and handling clicks.
Source Code of Example of get elements0:15
JavaScript indexOf4:03
Learn how the javascript indexOf method returns the first occurrence position in a string, using zero-based indexing and -1 when not found.
JavaScript Slice String2:38
Shows how to use the slice method in JavaScript to extract a portion of a string, returning a new string with start and end indices, and a non-inclusive end.
JavaScript slice substring3:18
Compare slice and substring for extracting string parts, noting negative indices and optional end positions. Strings remain unchanged, with slice as the default and substring for length-based extraction.
Source Code0:17

JavaScript Action HTML CSS setup10:23
Learn to build a JavaScript calculator from scratch using bootstrap styling and an on-page script, with a container, output, and buttons, and implement button listeners for calculations.
JavaScript Action class event listeners6:42
Learn to implement JavaScript action class event listeners by looping through 16 calculator buttons, attaching click handlers, and outputting results to the display area.
JavaScript Action output to screen4:25
Wire up calculator buttons with a click listener, display results in output area, build and evaluate a calculation with an equal sign, and implement clear and character limits in JavaScript.
JavaScript in Action Button Actions6:51
Learn how to implement calculator button actions in JavaScript: evaluate expressions when the equals sign is pressed, manage clear behavior with booleans, and prevent leading zeros for clean input.
JavaScript Action onclick calculations4:37
Update the calculator to automatically perform operations when plus, minus, multiply, or divide is pressed using a boolean switch, removing need for equals and enabling decimals with a decimal point.
JavaScript Action Tweak9:17
Improve the calculator by handling operator input and equal-sign logic with an operators array to replace the last character, avoid syntax errors, and enable seamless calculations.
JavaScript Action adding decimals3:41
Learn how to implement decimal support in a JavaScript calculator, allowing one decimal place and preventing extra decimals by checking for existing decimal points and updating the display accordingly.
Source Code1:00

Requirements

access to computer
basic JavaScript HTML and CSS

Description

JavaScript is the most popular programming language online. I've designed this course to show you some really amazing things that you can do with JavaScript.

Within this course you will learn to create an online JavaScript calculator application from scratch. Learn how to create applications like this while learning more about using and applying JavaScript.

JavaScript is easy to use and creating applications in JavaScript can add a lot of value to your websites. Web visitors enjoy interaction and having the ability to interact with your web content. I've been using and creating JavaScript applications for over 15 years and am always amazed at the capabilities it has. You can do so many amazing things with JavaScript.

Within this course we show you how to add event listeners to classes, create and update calculations right on your webpage, and make updates to the application to provide more functionality.

The source code and instruction is included within this course. This course content you will not find elsewhere, let's start learning JavaScript.... Let's begin.

Who this course is for:

web developers
applications developers
anyone who wants to learn more about JavaScript

JavaScript in Action JavaScript Projects

What you'll learn

Explore related topics

Course content

How to work with JavaScript9 lectures • 28min

Build Project - JavaScript Calculator8 lectures • 47min

Bonus Section1 lecture • 1min

Requirements

Description

Who this course is for: