Introduction to JavaScript

by John Elder

2h 37m

Auto
  • HD
  • 360p
1.00x
  • 0.50x
  • 0.75x
  • 1.00x
  • 1.25x
  • 1.50x
  • 1.75x
  • 2.00x
cc
Auto
  • HD
  • 360p
1.00x
  • 0.50x
  • 0.75x
  • 1.00x
  • 1.25x
  • 1.50x
  • 1.75x
  • 2.00x
cc
Auto
  • HD
  • 360p
1.00x
  • 0.50x
  • 0.75x
  • 1.00x
  • 1.25x
  • 1.50x
  • 1.75x
  • 2.00x
cc
Auto
  • HD
  • 360p
1.00x
  • 0.50x
  • 0.75x
  • 1.00x
  • 1.25x
  • 1.50x
  • 1.75x
  • 2.00x
cc

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 introductory course can help you use JavaScript in conjunction with HTML and CSS to add interactive, dynamic elements to your web pages.


Syllabus

Setting Up a Development Environment5m 34s

Set up the tools you need to use JavaScript.

Watch lesson

Where to Use JavaScript3m 36s

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

Syntax 3m 57s

What does JavaScript code look like?

Output3m 39s

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

Statements and Comments4m 35s

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

Variables4m 50s

How to store data in variables in JavaScript.

Assignment Operators 3m 29s

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

Arithmetic Operators3m 41s

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

Comparison and Logic Operators4m 10s

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

Strings, Numbers, and Boolean Data Types3m 02s

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

Arrays4m 42s

What are arrays, and how does JavaScript use them?

Watch lesson

Objects3m 39s

What are objects, and how does JavaScript use them?

Functions3m 49s

Implementing and invoking blocks of code with functions.

Watch lesson

If and If/Else and If/Else If Statements4m 18s

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

Switch3m 40s

Understanding conditional statements using switch.

For Loops3m 20s

Looping through things using For loops.

While Loops4m 43s

Looping through things using While loops.

Intro To JSON4m 33s

Introduction to JSON and why it is important.

A Short HTML/CSS Primer3m 46s

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

Intro to the HTML DOM2m 54s

What is the DOM and why is it important?

DOM Methods and Properties3m 46s

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

Dom Document Objects3m 05s

Finding, changing, adding, and deleting elements.

Finding Dom Elements4m 19s

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

Changing HTML Output, Content, and Attributes3m 12s

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

Changing CSS4m 23s

How to change your CSS with JavaScript.

Understanding Events4m 52s

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

Event Listeners4m 09s

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

Navigating DOM Nodes4m 25s

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

Creating New Nodes3m 22s

Adding new nodes on the fly with JavaScript.

The Node List3m 54s

How to retrieve an array-like collection of nodes.

Form Validating3m 06s

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

Introduction to jQuery4m 08s

What is jQuery, and why is it important?

What Is AJAX3m 03s

What is AJAX and what is it used for?

AJAX Requests - GET or POST?3m 19s

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

AJAX Response3m 24s

How to handle an AJAX response.

Putting It All Together - What We'll Build3m 36s

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

Create the Fill-Out Form4m 30s

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

Checking for Numbers3m 33s

Let's make sure the user entered a number!

Output the Result4m 32s

How to output the answers to the screen.

Finishing Up5m 20s

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


Description

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.


Accreditations and approvals

CPD - The CPD Certification Service.

Reviews2

Good organization of basic concepts & when, where to use & how to us Java Script.. Also mentioned how to prevent errors by emphasizing ending in semi colon & avoiding dashes that read a minus signs. Thanks for putting challenging formulas in resource note area & instructor in videos giving us permission to cut & paste into our regular notes. Next time show how you can create blank HTML pages from Windows Note pad ap to see results of one's practice in a web browser.

— Bonnie Haufe

I like the way the vids are made - quickly to the core, no unnecessary talks. The things were explained clearly which enabled me to briskly go through it while playing with Cloud9 and own codes. The difficulty of the course seemed little low for me since I used to learn how to code at the University course (XML oriented) where we went through JavaScript just in one lecture which was hell for me (nodes everywhere). I appreciated I had the opportunity to went through it in my own pace without stress of solving some crazy task meanwhile. I would be surely interested in another lvl of the course (with some more games and such stuff). However sometimes the links for the new lecture were not working correctly and opened the wrong vids. That is only thing I would like to point up as a flaw.

— Klara Czyzova

View all reviews