Learn Modern JavaScript: Getting Started

Name: Learn Modern JavaScript: Getting Started
Rating: 4.7 (710 reviews)

JavaScript for Beginners; In Depth Training to truly Learn JavaScript; Gets You Started as a JavaScript Programmer

Created bySteven Hancock

Last updated 7/2024

English

What you'll learn

Understand the strengths and weaknesses of JavaScript.
Write JavaScript code and link it to a web page.
Test JavaScript code using the browser console.
Declare variables and manipulate values.
Work with operators.
Explain coercion and hoisting.
Use the Date and Math object.
Use template strings for displaying output.
Incorporate if conditionals in your code.
Use a switch statement when appropriate.
Understand and apply the while and for loop.
Create an array.
Add and remove elements from an array.
Use array methods.
Create user defined functions.
Create arrow functions.
Explain scope.
Create user defined objects.
Explain prototypal inheritance.
Use the constructor and class structure to create objects.
Explain the DOM.
Select and modify elements from the DOM.
Create event handles to respond to user actions.
Debug your code.
Optimally deploy your JavaScript code.

Course content

12 sections • 118 lectures • 13h 43m total length

About this Course4:21
Explore how modern JavaScript, including ES6 concepts and best practices, empowers you to use the full language—from loops and conditionals to DOM manipulation and debugging—beyond the browser.
HTML and CSS Primer5:47

Understanding Types and Values3:51
Learning to Manipulate Values5:06
Working with Variables Part 17:06
Working with Variables Part 24:16
Declaring Variables Using let1:26
Creating Constants1:53
Understanding null and undefined3:20
Working with Operators9:52
Understanding Coercion2:51
Understanding Hoisting9:14
Understand JavaScript hoisting by watching how variables sit in memory before execution, why undefined appears, and how declaring variables at the top with the var keyword prevents issues.
Introducing Objects5:58
Working with the Math Object4:16
Working with the Date Object6:27
Using Template Strings3:34
Checking the Start and Ending of a String5:51
Joint Exercise7:04
Exercise 24:26
Exercise 36:23

Introducing Loops and Conditionals4:45
Working with the if Conditional Part 16:48
Working with the if Conditional Part 25:42
Using Comparison Operators9:24
Understanding Truthy and Falsey5:27
Working with String Methods in Conditionals16:26
Using else if Statements4:37
Using the Switch Statement6:02
Conditional Shorthand: The Ternary Operator3:45
Exercise 48:01
Working with the While Loop9:22
While Loop Example 211:29
Using the For Loop7:51
For Loop Example 24:07
Learning Additional Assignment Operators5:57
Including the Break Statement2:03
Understanding DRY Code1:45
Exercise 511:36
Exercise 64:47

Introducing Functions6:00
Defining Functions3:47
Understanding Function Declarations and Function Expressions9:06
Understanding Arguments and Parameters8:28
Illustrates how functions accept arguments via parameters in declarations and expressions, sums two numbers, and logs the result; compares missing-argument handling using conditionals and default parameter values.
Function Example9:32
Using the Return Statement6:58
Understanding Scope Part 19:49
Understanding Scope Part 29:17
Understanding Higher Order Functions10:34
Not necessary, but if you want to watch more on the topic of Higher Order functions, here is a link to a tutorial on my YouTube channel: https://youtu.be/O9lMynNdka4
Using Arrow Functions10:57
Exercise 87:52
Exercise 95:32

Introducing Objects5:46
Creating User Defined Objects12:35
Object Example7:55
Understanding this11:52
Removing Properties with delete2:30
Use the delete operator to remove properties from objects and, with arrays, understand that deleting elements can create sparse arrays.
Accessing Properties with [ ]6:15
Understanding How Objects are Passed2:55
Understanding Prototypal Inheritance5:39
Defining the Prototype with Object.create9:12
Using Constructors11:03
Using the Class Structure4:07
Exercise 10 Part 16:15
Exercise 10 Part 24:40
Exercise 10 Part 34:30

Introducing the DOM8:52
Using Developer Tools to Work with the DOM5:22
Understanding the Process for Changing the DOM3:17
Selecting DOM Elements Using Dot Syntax7:47
Selecting DOM Elements by ID, Tag or Class13:12
Using Console.dir4:30
Selecting DOM Elements Using CSS Criteria10:59
Working with Forms6:17
Traversing the DOM15:02
Traversing the DOM in Modern Browsers7:47
Modifying Attributes8:02
Adding Multiple Classes to a Node6:36
Modifying the HTML13:48
Creating New Nodes7:30
Exercise 1115:59
Understanding Events8:52
Event Example Part 19:59
Event Example Part 211:30
Using the Event Object5:30
Event Exercise13:34
Exercise 127:28
Exercise 12 Solution12:25
Introducing jQuery7:36

Requirements

Prior to taking this course, it is best, but not required, to have some familiarity to HTML and CSS.
As for tools, you will need a browser and a text editor.

Description

In Learn Modern JavaScript: Getting Started, you are taught the fundamentals of JavaScript the right way. We won't skip topics. Some topics may seem more advanced, but that is because they are crucial to a complete grounding of JavaScript. Most importantly, you are taught the why, not just the what and how.

We cover all the necessary topics to get you started on your way to becoming a JavaScript programmer. This course will start with the basics and very quickly begins increasing your knowledge of JavaScript. With all the hands-on exercise, you will get plenty of time to practice.

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. Not in this course!

This course contains 12 sections, over 115 different topics, over 13 hours of video tutorials, 12 exercises and everything you need for the proper grounding in JavaScript.

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

Who this course is for:

This course is intended for those who are getting started with JavaScript or who would like a refresher that includes the latest JavaScript.

Learn Modern JavaScript: Getting Started

What you'll learn

Explore related topics

Course content

Course Introduction2 lectures • 10min

Introducing JavaScript4 lectures • 17min

Lets Get Started Writing Code5 lectures • 22min

Learn JavaScript Fundamentals18 lectures • 1hr 33min

Using Control Structures19 lectures • 2hr 10min

Working with Arrays9 lectures • 59min

Incorporating Functions12 lectures • 1hr 38min

Using Objects14 lectures • 1hr 35min

Manipulating HTML Pages23 lectures • 3hr 32min

The Latest JavaScript Features5 lectures • 28min

Requirements

Description

Who this course is for: