Working with the JavaScript Console | Steven Hancock

Autoplay
Autocomplete

Previous Lesson Complete and Continue

Learn Modern JavaScript: Getting Started (Personalized Version)

Course Introduction

Personalizing Your JavaScript Training
About This Course (4:26)
HTML and CSS Primer (5:47)

An Introduction to JavaScript

Why Learn JavaScript (5:30)
JavaScript: A Short History (5:11)
Tools of the Trade (3:24)
What Makes Good Code? (3:05)

Let's Get Started Writing Code

Writing Your First JavaScript Code (5:15)
Working with the JavaScript Console (4:55)
JavaScript Coding Conventions (8:30)
Exercise 1 (3:30)

Learn JavaScript Fundamentals

Understanding Types and Values (3:51)
Learning to Manipulate Values (5:06)
Working with Variables Part 1 (7:06)
Working with Variables Part 2 (4:16)
Declaring Variables Using let (1:26)
Creating Constants (1:54)
Understanding null and undefined (3:20)
Working with Operators (9:52)
Understanding Coercion (2:51)
Understanding Hoisting (9:14)
Introducing Objects (5:58)
Working with the Math Object (4:16)
Working with the Date Object (6:27)
Using Template Strings (3:34)
Checking the Start and End of a String (5:51)
Joint Exercise (7:04)
Exercise 2 (4:26)
Exercise 3 (6:39)

Using Control Structures

Introducing Loops and Conditionals (4:45)
Working with the if Conditional Part 1 (6:48)
Working with the if Conditional Part 2 (5:42)
Using Comparison Operators (9:24)
Understanding Truthy and Falsey (5:27)
Working with Strings in Conditionals (16:26)
Using else if Statements (4:37)
Using the Switch Statement (6:02)
Conditional Shorthand: The Ternary Operator (3:45)
Exercise 4 (8:01)
Working with the While Loop (9:22)
While Loop Example 2 (11:29)
Using the For Loop (7:51)
For Loop Example 2 (4:07)
Learning Additional Assignment Operators (5:57)
Including the Break Statement (2:03)
Understanding DRY Code (1:45)
Exercise 5 (11:36)
Exercise 6 (4:47)

Working with Arrays

Understanding and Creating Arrays (9:43)
Adding and Removing Array Elements (7:18)
Applying Arrays (3:49)
Looping Through Arrays (4:45)
Working with Sparse Arrays (5:10)
Using Array Methods (6:40)
Converting a String to an Array (3:59)
Using the Splice Method (5:30)
Exercise 7 (9:45)

Incorporating Functions

Introducing Functions (6:00)
Defining Functions (3:47)
Understanding Function Declarations and Function Expressions (9:06)
Understanding Arguments and Parameters (8:28)
Function Example (9:32)
Using the Return Statement (6:58)
Understanding Scope Part 1 (9:49)
Understanding Scope Part 2 (9:17)
Understanding Higher Order Functions (10:34)
Using Arrow Functions (10:57)
Exercise 8 (7:52)
Exercise 9 (5:32)

Using Objects

Introducing Objects (5:46)
Creating User Defined Objects (12:35)
Object Example (7:55)
Understanding this (11:52)
Removing Properties with delete (2:30)
Accessing Properties with [ ] (6:15)
Understanding How Objects are Passed (2:55)
Understanding Prototypal Inheritance (5:39)
Defining the Prototype with Object.create (9:12)
Using Constructors (11:03)
Using the Class Structure (4:07)
Exercise 10 Part 1 (6:16)
Exercise 10 Part 2 (4:40)
Exercise 10 Part 3 (4:30)

Manipulating HTML Pages

Introducing the DOM (8:52)
Using Developer Tools to Work with the DOM (5:22)
Understanding the Process for Changing the DOM (3:17)
Selecting DOM Elements Using Dot Syntax (7:47)
Selecting DOM Elements by ID, Tag or Class (13:12)
Using Console.dir (4:30)
Selecting DOM Elements Using CSS Criteria (10:59)
Working with Forms (6:17)
Traversing the DOM (15:02)
Traversing the DOM in Modern Browsers (7:47)
Modifying Attributes (8:02)
Adding Multiple Classes to a Node (6:36)
Modifying the HTML (13:48)
Creating New Nodes (7:30)
Exercise 11 (15:59)
Understanding Events (8:52)
Event Example Part 1 (9:59)
Event Example Part 2 (11:30)
Using the Event Object (5:30)
Event Exercise (13:34)
Exercise 12 (7:28)
Exercise 12 Solution (12:25)
Introducing jQuery (7:36)

The Latest JavaScript Features

How Does JavaScript Evolve (5:59)
Using ECMAScript 2016 (8:42)

Debugging and Deploying

Using the Console to Debug (17:52)
Using a Debugger (12:54)
Using Strict Mode (5:06)
Using Linting Tools (5:27)
Deploying JavaScript (11:57)

Conclusion

What Next? (03:47) (3:47)

Teach online with

Working with the JavaScript Console

Complete and Continue

Discussion

0 comments