Introduction to JavaScript

Testimonials (44 reviews)

Features

Premium video tutorials

Award-winning instructors

Personalized learning

Get certified

Learn at your own pace

Mobile (learn on-the-go)

Unlimited tests and quizzes

Regularly updated content


Overview

The JavaScript programming language is a fundamental building block of the internet, and is an essential tool to have in your web development toolkit. This online JavaScript training course can help you use JavaScript in conjunction with HTML and CSS to add interactive, dynamic elements to your web pages.

Designed for beginners, no prior experience or special skills are required to take this course. You will learn the basics of JavaScript for front end web development through hands-on application and examples every step of the way. By the end of the course, you will have built a fully functional flashcard app to demonstrate your practical knowledge.

Highlights:

  • 40 practical tutorials.
  • Learn the syntax and output of JavaScript code.
  • Understand JavaScript statements and learn how to comment code.
  • Store data in variables and apply arithmetic, comparison and logic operators.
  • Understand the difference between strings, numbers, and Boolean data types.
  • Utilize arrays to contain multiple items.
  • Master intermediate JavaScript such as objects, functions and conditional statements.
  • Make changes to HTML elements by manipulating the DOM.
  • Make changes to CSS styles on a web page.
  • Understand how to use Events and EventListeners.
  • Add validation to an HTML fill-out form.
  • Learn about JQuery, a popular JavaScript Library. 
  • Understand AJAX requests and responses.
  • Put together everything you've learned by building a math flashcard app with JavaScript and AJAX.

Once enrolled, our friendly support team and tutors are here to help with any course related inquiries.

Introduction to JavaScript
Focus video player for keyboard shortcuts
Auto
  • 720p
  • 540p
  • 360p
1.00x
  • 0.50x
  • 0.75x
  • 1.00x
  • 1.25x
  • 1.50x
  • 1.75x
  • 2.00x
cc

Summary

Skill level: Beginner
Certificate: Yes
Lessons: 40
Accredited by: CPD
Pre-requisites: None
Video duration: 2h 41m
Estimated study time: 20h for all materials

Accreditations and approvals

CPD - The CPD Certification Service.


Syllabus

1

Setting Up a Development Environment

Set up the tools you need to use JavaScript.

Video time: 05m 30s

2

Where to Use JavaScript

Where does JavaScript go? Putting JavaScript tags in the HTML head, vs body, vs external files.

Video time: 03m 42s

3

Syntax

What does JavaScript code look like?

Video time: 04m 03s

4

Output

Learn several ways to output data to the screen with JavaScript.

Video time: 03m 45s

1

Statements and Comments

Understanding the instructions that are executed by the web browser, and learning how to comment code.

Video time: 04m 41s

2

Variables

How to store data in variables in JavaScript.

Video time: 04m 56s

3

Assignment Operators

How to assign values to a variable, and do basic math assignment.

Video time: 03m 35s

4

Arithmetic Operators

How to add, subtract, multiply, and divide with JavaScript. We'll also look at the modulus, incrementing and decrementing.

Video time: 03m 47s

5

Comparison and Logic Operators

How to compare two or more variables and test with logic (and, or, not).

Video time: 04m 16s

6

Strings, Numbers, and Boolean Data Types

Understanding the difference between strings and numbers; and understanding Boolean data types.

Video time: 03m 09s

7

Arrays

What are arrays, and how does JavaScript use them?

Video time: 04m 48s

1

Objects

What are objects, and how does JavaScript use them?

Video time: 03m 45s

2

Functions

Implementing and invoking blocks of code with functions.

Video time: 03m 55s

3

If and If/Else and If/Else If Statements

Understanding conditional statements using If, If Else, and If Else If statements.

Video time: 04m 24s

4

Switch

Understanding conditional statements using switch.

Video time: 03m 46s

5

For Loops

Looping through things using For loops.

Video time: 03m 26s

6

While Loops

Looping through things using While loops.

Video time: 04m 49s

7

Intro to JSON

Introduction to JSON and why it is important.

Video time: 04m 39s

1

A Short HTML/CSS Primer

JavaScript works with HTML and CSS, let's do a quick refresher video on HTML and CSS.

Video time: 03m 52s

2

Intro to the HTML DOM

What is the DOM and why is it important?

Video time: 03m 00s

3

DOM Methods and Properties

What are the actions you can perform on HTML elements and what properties can you get and set?

Video time: 03m 52s

4

Dom Document Objects

Finding, changing, adding, and deleting elements.

Video time: 03m 11s

5

Finding Dom Elements

Finding elements by ID, by tag name, by class name, by CSS selectors, and by collections.

Video time: 04m 25s

6

Changing HTML Output, Content, and Attributes

How to change HTML output, content, and attributes with JavaScript.

Video time: 03m 18s

7

Changing CSS

How to change your CSS with JavaScript.

Video time: 04m 29s

8

Understanding Events

What is an event, and what can you do with it?

Video time: 04m 58s

9

Event Listeners

What are event listeners, and how to listen for event handlers.

Video time: 04m 15s

10

Navigating DOM Nodes

What is a DOM node and how do you navigate them.

Video time: 04m 31s

11

Creating New Nodes

Adding new nodes on the fly with JavaScript.

Video time: 03m 28s

12

The Node List

How to retrieve an array-like collection of nodes.

Video time: 04m 00s

13

Form Validating

How to validate an HTML fill-out form with JavaScript.

Video time: 03m 09s

14

Introduction to jQuery

What is jQuery, and why is it important?

Video time: 04m 14s

1

What Is AJAX

What is AJAX and what is it used for?

Video time: 03m 10s

2

AJAX Requests - GET or POST?

What's the difference between GET and POST and when should you use them?

Video time: 03m 25s

3

AJAX Response

How to handle an AJAX response.

Video time: 03m 30s

1

Putting It All Together - What We'll Build

Introduction to building a simple math flashcard app with JavaScript and Ajax.

Video time: 03m 42s

2

Create the Fill-Out Form

Let's create a fill-out form to enter our answers.

Video time: 04m 36s

3

Checking for Numbers

Let's make sure the user entered a number!

Video time: 03m 39s

4

Output the Result

How to output the answers to the screen.

Video time: 04m 38s

5

Finishing Up

Create pages for Subtraction, Multiplication, and Division and finish the app.

Video time: 05m 26s

Download syllabus