Learn Modern JavaScript: Getting Started

Steven Hancock, Founder All Things JavaScript

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
110 Videos (13h 7m)
    • About the Course

      4:21
    • HTML and CSS Primer

      5:47
    • Why Learn JavaScript

      5:30
    • JavaScript: A Short History

      5:11
    • Tools of the Trade

      3:24
    • What Makes Good Code?

      3:05
    • Writing Your First JavaScript Code

      5:15
    • Working with the Console

      4:55
    • JavaScript Coding Conventions

      8:30
    • Exercise 1

      3:30
    • 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:53
    • 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
    • Joint Exercise

      7:04
    • Exercise 2

      4:26
    • Exercise 3

      6:39
    • Introducing Loops and Conditionals

      4:45
    • Working with Conditionals Part 1

      6:48
    • Working with Conditionals Part 2

      5:42
    • Using Comparison Operators

      9:24
    • Understanding Truthy Falsey

      5:27
    • Working with String Methods 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:26
    • Exercise 6

      4:47
    • 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

      7:08
    • Using Array Methods

      6:40
    • Converting a String to an Array

      3:59
    • Using the splice Method

      5:30
    • Exercise 7

      9:45
    • 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
    • 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:15
    • Exercise 10 Part 2

      4:40
    • Exercise 10 Part 3

      4:30
    • 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
    • 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?

      3:47

About This Class

ff4159bf

n Learn Modern JavaScript: Getting Started, you are taught the fundamentals of JavaScript the right way. This course contains 11 sections, 110 different topics, over 13 hours of video tutorials, 12 exercises and everything you need for the proper grounding in JavaScript.

JavaScript has changed and matured since its humble beginnings in 1995. One of the original goals of JavaScript in those early years was to make it easy for beginners. That goal has made it accessible for all types of people. However, this has also meant that JavaScript has been taught and learned incompletely by many. We won't skip topics. Some topics may seem more advanced, but that is because they are crucial to a complete grounding of JavaScript.

If you are ready to jump into the world of JavaScript or you want to increase you new found skills, this course is for you!

If you would like see the teaching style used in this course, you can take a look at the tutorials I've published on my All Things JavaScript YouTube channel.

Make sure you download the exercise files from the class project section to help you get the most out of this course.

5

Students

--

Projects

Steven Hancock

Founder All Things JavaScript

I have 20+ years experience in training and product development and 15+ years using JavaScript. I started learning JavaScript when it was a new language used for minor affects on web pages. The growth and ubiquitous nature of JavaScript both excites and inspires me.

Currently I am the President and Lead Trainer of All Things JavaScript, a resource for anyone and everyone that hopes to increase their JavaScript skills. Our goal is to assist in the journey from JavaScript novice to exper...

See full profile