What you'll learn

Define what JavaScript is and how to install the necessary software including Brackets
Understand the fundamentals of the JavaScript language
Work with control statements including loops and conditional logic
Break out code into reusable functions
Work with strings, numbers, dates, and times
Use data structures such as arrays
Learn about the DOM, DOM Scripting, and the JavaScript event model
Validate data input within HTML forms using regular expressions
Understand the fundamentals of object-oriented programming and how it applies to JavaScript
Work with XML and JSON data using the XmlHttpRequest object
Handle errors and debug JavaScript code

Course content

13 sections • 163 lectures • 20h 46m total length

Introduction2:36
Classic Web Architecture19:03
The Core 3: HTML, CSS, and JavaScript11:42
Modern Web Architecture9:39
Future Web Architecture8:41
ECMAScript and Current JavaScript Support6:19
Explore how ECMAScript standardizes JavaScript, tracing its origins with Ecma International, Netscape, and Microsoft, and how browser support centers on the ES5 edition.
The W3C and Mozilla Foundation2:51
Basic Structure of a Web Page4:52
The Document Object Model (DOM)3:18
Including JavaScript in a Web Page3:29
Using Brackets for Editing Code7:22
Using a Browser for Testing Code5:26
Lab 01: Your First JavaScript Application "What's your name?" -16:50

Introduction1:42
JavaScript Syntax (Part 1)11:34
JavaScript Syntax (Part 2)8:10
Variables14:32
Data Types (Part 1)8:40
Data Types (Part 2)10:00
Operators8:13
Explore JavaScript operators, including assignment, arithmetic, comparison, logical, and string concatenation, with examples of modulus, increment, decrement, and the difference between double equals and triple equals.
Helpful Functions5:24
Lab 02: The Calculate MPG Application7:00
Lab 03: The Test Scores Application7:28

Introduction1:20
Block Statements2:13
Conditional Statements2:45
The if, if / else, and if / else if Statements9:18
Single Statement Suites2:33
Nested Statements5:44
The switch Statement4:12
Lab 04: The Invoice Application10:28
Looping Statements1:36
The for and for / in Loops9:08
The while Loop4:28
The do / while Loop3:08
Loop Control Statements6:56
Nested Loops5:30
Lab 05: The Calculate MPG Application v28:16
Lab 06: The Future Value Application6:00

Introduction2:35
Introduction to Functions in JavaScript2:01
Global Functions9:31
Function Declarations4:31
Passing Parameters to Functions4:03
By Value vs By Reference5:53
The arguments Object7:10
Returning Values2:31
Scope and Hoisting7:34
Strict Mode1:35
Function Expressions0:49
Creating an Anonymous Function4:15
Using Anonymous Functions to Return a DOM Element5:37
Lab 07: The Guess the Number Game10:58

Introduction2:01
Introduction to The Event Model2:38
Listening for Events the Classic Way7:54
Listening for Events with addEventListener()10:31
Common HTML DOM Events3:08
The Event Object9:55
Event Propagation (Demo 1)10:10
Event Delegation (Demo 2)4:43
Stopping Propagation with stopPropagation() (Demo 3)6:15
Preventing Default Behavior with preventDefault() (Demo 4)6:04
Lab 08: The Future Value Application v219:15

Introduction2:41
Working with Arrays5:09
Learn how to create arrays in JavaScript using constructor and literal notation, understand zero-based indexing, and access elements by index with square bracket syntax, including mixed and string arrays.
Adding and Removing Items8:10
Processing the Items in an Array11:33
Members of the Array Object1:50
Functions for Adding and Removing Items7:19
Learn how to add and remove items in an array using push, pop, shift, and unshift, including how each method returns the affected elements or new length.
Functions for Searching, Reversing, and Sorting3:59
Functions for Copying, Slicing, and Concatenating7:36
Functions for Filtering5:42
Utility Functions5:10
Lab 09: The Employee Management Application21:40
Associative Arrays5:16
Two-Dimensional Arrays6:06
Web Storage10:13
Lab 10: The Task Manager Application21:05

Introduction2:32
Introduction to DOM Scripting9:03
The DOM Core Specification and its Nodes4:01
The Node Interface13:46
The Document Interface (Part 1)8:39
The Document Interface (Part 2)11:03
The Element Interface10:36
The Attr Interface4:27
DOM HTML6:41
DOM HTML Examples3:54
Lab 12: The FAQs Application12:25
DOM HTML Examples for Forms and Form Objects19:34
Lab 13: The New User Registration Application16:53

Introduction2:10
Basic Skills for Working with Strings8:12
How to Loop Through a String3:30
Working with Case3:32
Working with Spacing1:53
Retrieving Parts of a String10:16
Finding and Replacing Parts of a String2:16
Splitting Strings into an Array2:17
Joining Strings2:07
Introduction to Regular Expressions6:23
Modifiers2:15
Brackets2:29
Metacharacters3:37
Quantifiers6:18
The RegExp Object12:21
Lab 14: The Wordlist Application14:57

Requirements

You should be able to use a PC at a beginner level
Have access to an Internet connection to download necessary software applications
Exercise files and support PowerPoint presentations are provided as additional resources at the beginning of each lecture.

Description

JavaScript is a powerful and versatile scripting language used in web applications, games, asynchronous coding, and more. Students will learn how this language can enhance a web page, allowing additional interactivity and more precise control of page elements. Students will also learn how JavaScript can be used to validate web forms and how to script for the DOM in an effort to manipulate web page elements. More advanced techniques used in creating a website and making the content more dynamic will also be taught as well as how to use JavaScript in a variety of ways from building simple games to simple financial applications.

Who this course is for:

This course is meant for beginning to intermediate programmers and Web developers aspiring to learn the JavaScript language

What you'll learn

Explore related topics

Course content

Introduction to Web Development and JavaScript13 lectures • 1hr 32min

JavaScript Essentials10 lectures • 1hr 23min

Control Statements16 lectures • 1hr 24min

Introduction to Functions14 lectures • 1hr 9min

The Event Model11 lectures • 1hr 23min

Arrays and Web Storage15 lectures • 2hr 3min

The Browser Object Model (BOM)12 lectures • 1hr 10min

DOM Scripting13 lectures • 2hr 4min

Strings and Regular Expressions16 lectures • 1hr 25min

Numbers, Math, and Dates8 lectures • 1hr 27min

Requirements

Description

Who this course is for: