Ultimate JavaScript Arrays
4.4 (46 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,122 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Ultimate JavaScript Arrays to your Wishlist.

Add to Wishlist

Ultimate JavaScript Arrays

Master every aspect of JavaSript arrays, one of the most important elements in one of the most powerful languages!
4.4 (46 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
3,122 students enrolled
Created by Daniel Stern
Last updated 6/2016
English
English
Current price: $10 Original price: $20 Discount: 50% off
5 hours left at this price!
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • 14 Supplemental Resources
  • 9 Coding exercises
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Create a JavaScript array in 3 different ways
  • Filter unwanted elements out of arrays
  • Transform arrays into different arrays
  • Reduce arrays to just one element
  • Master the map function
  • Apply the Rest and Spread ES6 Operators
  • Work with D3.js
  • Apply several Lodash functions including chunk and intersection
  • Remove elements from arrays
  • Insert elements into the middle of arrays
View Curriculum
Requirements
  • Beginner understanding of JavaScript
  • Have access to computer with Google Chrome in order to participate in coding exercises
  • Have time to complete the quizzes / tests
  • Interest in improving coding in general
Description

How much is not understanding JavaScript arrays costing you every day?

After many years of anticipation, Daniel Stern, aka the Code Whisperer, has finally released the MOST COMPREHENSIVE course on JavaScript Arrays known to the developer at this time.

This is the ONLY course designed to FULLY appraise you of EVERYTHING array-related in JavaScript!

Before this course is over, you'll learn....

  • How to create, edit, delete and access array elements
  • How to filter, map, reduce and sort arrays
  • How to use D3.js and Lodash.js
  • So much more

I've spared no expense to create the MAXIMUM number of quizzes and coding exercises possible! It is literally impossible not to understand JavaScript arrays after watching the videos and completing the exercises. Add to this the handouts included in EVERY CHAPTER and you have a recipe for learning of epic proportions.

This course includes EIGHT action-packed chapters including...

  • All About Arrays
  • Iterating Over Arrays
  • Working with D3 and Lodash
  • Working with the Spread and Rest Operator
  • Sorting Arrays
  • And more!

If you want to take your JavaScript arrays, or just coding in general, to the next level, this is the course for YOU!

Why hesitate? If you're not 100% satisfied, just return the course for the money-back guarantee. You have literally 0 risk and huge benefits to gain.

  • Never manually write maps or filters again
  • Swiftly process data in Angular or MongoDB
  • Impress coworkers and hiring managers with your indepth knowledge of JS Arrays

I can personally say that this is one of the most exciting courses I've ever created. I'm confident anyone who takes this course will see a huge improvement in their day-to-day coding.

Who is the target audience?
  • Beginner student with very basic knowledge of JavaScript
  • Programmer coming from different coding language who wishes to learn JavaScript
  • Intermediate JavaScript Developers looking to take their knowledge of arrays to the next level
  • Front-end developers of every kind
  • Back-end developers working with Node
Students Who Viewed This Course Also Viewed
Curriculum For This Course
44 Lectures
01:25:46
+
Introduction to Ultimate JavaScript Arrays
4 Lectures 06:17

A live demonstration of arrays, in real life.

Preview 01:03

An overview of all the topics this course will be covering

  •  Basic Array Technique (Adding, Removing, Swapping Elements)
  •  Every built-in array operator
  •  Sorting Arrays
  •  Reducing Arrays
  •  Mapping Arrays
  •  All ES6 Functionality


Preview 01:12

Is this course right for you? Find out in this video.

  •  Beginner student with very basic knowledge of JavaScript
  •  Programmer coming from different coding language who wishes to learn JavaScript
  •  Intermediate JavaScript Developers looking to take their knowledge of arrays to the next level
  •  Front-end developers of every kind
  •  Back-end developers working with Node


Preview 01:09

In this video, we'll go over the programs you'll need to have installed, including Google Chrome and Node.js, to code along at home. We'll also talk about other measures you can take to maximize your benefit from this course.

Preview 02:53

Think you know arrays? Test your knowledge! Don't worry if you don't get the answers right - by the end of this course, you will know all this information.

Test Your Array Knowledge Before Starting
6 questions
+
All About Arrays
6 Lectures 09:01

We will learn what arrays are and what their purpose is in our programs and lives.

Preview 01:34

A lecture explaining what references are. As many values in arrays are stored as references, it pays to understand this concept.

Preview 01:22

To better understand arrays, we look at some concepts that are closely tied to the idea of arrays.

How Arrays Are Used In Real Life
01:19

In this video, we take a look at unique properties of JavaScript arrays that do not exist in all other programming languages.

What Makes a JavaScript Array Special?
01:53

We look at some of the differences between JavaScript arrays and JavaScript objects.

Arrays Vs Objects in JavaScript
01:56

Let's quickly review what we've learned in this chapter

Conclusion
00:57

Test your knowledge of arrays in this short quiz

All About Arrays Quiz
4 questions
+
Basic array technique
7 Lectures 13:44

Create an Array in JavaScript
1 question

In this video, we will learn how to access elements in arrays we have created.

Preview 01:48

Return the Second Element of an Array
1 question

Now that we can create arrays, we will learn how to add new elements to them.

Adding Elements to An Array
03:00

Add an Element to An Array
1 question

In this video, we will learn how to change elements of arrays without affecting the others.

Preview 01:34

Modifying Array Elements
1 question

Though it is not a best practice, strings can be used as indexes as well as integers. We will learn about this phenomenon in this video.

Preview 02:34

One of the more challenging elements of JavaScript arrays is removing elements from them. This video will explore a few way of doing so.

Removing Array Elements
01:51

Remove an Element from An Array
1 question

We will wrap up what we've learned in this chapter.

See the attached PDF for a bonus reference on arrays.

Conclusion
01:02

Have you mastered basic array technique?

Basic Array Technique Basics
8 questions
+
Array Iteration and Reduction
13 Lectures 28:43

We'll have a look at what this chapter will include.

  •  Performing the same action on some or every element of the array is called iteration
  •  Taking an array and turning it into a single value is called reduction
  •  We will cover every built in way to iterate over arrays including…
    •  Maps
    •  Filters
    •  For Each
  •  We will cover many ways to reduce arrays including…
    •  Reduce
    •  Every
Introduction to Array Iteration and Reduction
00:46

Explanation of the usefulness of iteration.

  •  Arrays often contain large amounts of information, from which it can be difficult to discern meaning
  •  Arrays can contain a variety of elements, some of which are not useful for what you need to do
  •  The elements in an array can be in incorrect, or inconsistent, form
  •  Array elements can be in the wrong order
Preview 01:14

An explanation, and demonstration, of For Loops.

  •  For Loops are basic loops that are flexible but can be difficult to understand and verbose to write
  •  Called for loop because it uses the “for” keyword, and loops through all the elements of an array
  •  For loops can be used for any operation that needs to occur a set number of times, not just array
Iterating Over Array Elements with a For Loop
03:19

In this video we discuss For Each Loops.

  • Very similar to For Loops  but ony work for arrays
  • Less flexible and less useful for other purposes, but perfect for arrays
  • A function will run once for each element of the array, and will be passed arguments corresponding to each element and its index
For Each Loops
02:19

Demonstration and discussion of the consequences of modifying arrays during loops.

  •  Removing array elements while iterating over them can cause very confusing results
  •  This operation throws an error in many other languages but not JavaScript
  •  As a general rule, do not remove elements from arrays while iterating over them, use filters instead (see later video)
  •  Possible (but confusing) solution is to use backwards for loop
What Happens When You Change an Array While Looping Through It?
04:06

We discuss and have a look at While Loops, another way to loop through arrays.

  • Most brief loop to write
  • While loops can easily crash Chrome or a Node server
  • Can be difficult to understand or “grok”
  • Not recommended for use outside of recreational coding challenges
While Loops
02:34

A demonstration and explanation of array filters, a very useful array method.

  • Used to weed out unwanted array elements
  • An array filter is a safe way to remove multiple elements from an array at once
  • Creates a copy of the original array with equal or fewer elements (original array is not changed)
Array Filters
02:46

Filter an Array
1 question

Video and demonstration of array maps.

  •  Used to transform each element of an array in the same way
  •  Can turn an array of objects into an array of strings
  •  Like filter, creates a copy
  •  Maps always have the same number of elements in them as the original
Preview 02:45

Explanation and demo of array reduction, or folding.

  •  Reducing an array means taking all the values of an array to a single value
  •  A simple example is to reduce an array of numbers to the sum of all those numbers
  •  Reductions are very useful as they crystalize (sometimes thousands) of pieces of data into just one number or Boolean or string, etc.
Array Reductions
03:21

We look at some built-in filters including every, some and find.

  • Turns an entire array into a single true or false value
  • The function passed to every or some which determines if an array element passes is called a predicate
  • .every() only returns true if the predicate is true for every element
  • .some() returns true if the predicate is true for one or more element
Array Reduction: Every, Some and Find
01:44

A brief word on Array Includes.

  •  Returns true if any element of the array matches the value that is passe
Array Reduction: Includes
00:56

A demo and explanation of chaining array methods, a useful feature of JavaScript.

  • Chaining array methods together can create complex operations like reductions or map-filters
  • JavaScript is one of the best existing langauges for chaining array methods
  • Recommended method for processing large amounts of data
Chaining Array Methods
01:49

We conclude what we have learned in this chapter.

  • It is often necessary to reduce arrays to just one value – use a reduction for that
  • While loops are dangerous to use,and removing elements from an array while looping through it is also not recommended
  • JavaScript has a rich variety of built in map, filter and reduction functions
  • Map, filter, includes, some, every and reduce are most useful built in features
  • Knowledge can be applied directly to front-end code or database code on a Node.js platfor
Conclusion
01:04

Reduce an Array to Its Sum
1 question

Do you have the array iteration knowledge it takes to move on to the next chapter?

Iteration Examination
8 questions
+
Sorting Arrays
4 Lectures 04:57
  •  Changing the order of some or all of the elements of an array, without changing of them, is called sorting
  •  We will cover all built-in sorting methods
  •  We will also look at sorting available from external libraries in a later chapter
Introduction to Sorting Arrays
00:38

An explanation of the uses of array sorting.

  • Sometimes arrays of elements are not in the order desired
  • Some operations, like converting elements of an array into text posts and appending them to a document, have different results based on the order of arrays
  • Other operations, like finding the sum of an array, are not affected by order at all


Why Sort Arrays?
00:43

An explanation and demonstration of sorting arrays.

  • The built-in array sort method can take a function as an argument
  • The function always takes two arguments, a and b, representing any two potential elements of the array
  • If a number less than 0 is returned, then a should have a lower index than b in the final array
Sorting Arrays
02:42

Sort An Array
1 question

We conclude the chapter.

  • Sorting arrays is necessary for many practical applications
  • The built in sort function should not be used without an argument as it produces unexpected results
  • Using the built in sort function modifies the original array
Conclusion to Sorting Arrays
00:54

Have you mastered array sorting?

Sorting Strain
3 questions
+
ES6 Array Operators
3 Lectures 05:19

In this video we look ahead at this chapter, and explain and demonstrate the Spread operator.

  •  Expands an array
  •  Convenient shorthand
  •  Takes an array and spreads it out into all its elements
  •  Only works while defining arrays
Introduction / The Spread Operator
03:12

Next, we look at the Rest Operator, the cousin of the Spread Operator. Includes demo.

  •  Takes all the arguments supplied to a function and turns them into an array
  •  Useful for functions where large amount of arguments are passed to it
  •  Only works inside the arguments section of a function declaration
The Rest Operator
01:37

We review what we learned in this chapter

  • It is not necessary to use Rest and Spread but usually it is clearer if they are used
  • Only work in ES6-compatible environments
Conclusion
00:30

This quiz will test your knowledge of the rest and spread operators

Rest Recollection & Spread Skills
4 questions
+
JavaScript Array Manipulation Libraries
4 Lectures 10:29

We'll take an overview of this chapter on libraries.

  • JavaScript has useful, but few, built-in array functions
  • Writing one’s own functions for simple things like sum, product, max, etc. is time-consuming
  • Libraries have been written to help manipulate arrays
Introduction / What We'll Cover
01:28

This video provides an explanation and demonstration of the array manipulation library Lodash.

  • Underscore older; Lodash newer, fresher, better tested
  • Full of utility functions for operating on arrays
Lodash & Underscore
04:06

In this video we look at and demo D3.js

  • D3’s primary purpose is to display data visually using DOM elements
  • It is also packed with loads of helper functions for working with 
D3.js Primer
03:45

We review what we learned about array manipulation libraries in this chapter.

  • D3 and Underscore have more than 50 functions to work with arrays
  • Only way to master these libraries is to practice with them
Conclusion
01:10

Test your knowledge of D3 and Lodas

External Libraries Examination
4 questions
+
Conclusion
3 Lectures 07:16

In this final lecture, we review all the things we covered in previous chapters.

Course Review
03:04

We have a look at some continued education resources to keep learning after the completion of this course. (See resources)

Continued Education
02:50

A special thank you video to congratulate you on successfully completing this course.

Thank You!
01:22

Map an Array
1 question

Determine how much you remember with this challenging quiz which covers every chapter in this course.

Ultimate Array Review
14 questions
About the Instructor
Daniel Stern
4.2 Average rating
3,852 Reviews
41,573 Students
10 Courses
The Code Whisperer

Known in development circles as “the Code Whisperer," Daniel Stern has been believed to possess a supernatural connection to computers ever since he talked the supercomputer Deep Blue off the roof of a twelve-story St. Petersburg apartment building, following its shameful loss to Gary Kasparov.

He can often be found singing softly to his tablet, or gently caressing his aluminum keyboard in his arms.

Daniel has been working as a front end and full stack developer in the tech industry since 2011. He's developed single-page applications for banks like CIBC, charities like the Ontario Institute for Cancer Research, and at ad agencies like McLaren McCann, TraffikGroup and Olson. Throughout his labors, he's worked on computer programming in his spare time because, well, he's obsessed with it.

In addition to being featured in both CSS Weekly and JavaScript weekly, Daniel is well-known throughout the open-source community for maintaining several open-source tools, most notably the Angular.js and LESS-based tool, Range .css and the Angular .js audio tool, ngAudio.

In addition to being trusted by the open source community to develop top-quality, functional code, Daniel has also been invited to speak at numerous conferences including Full Stack Conference 2014 in London, England.

Daniel is an active learner and very passionate about the following technologies,

- Node.js
- Angular.js
- TypeScript
- MongoDB
- Brackets, the Open Source Code Editor
- Esprima
- LESS
- Grunt
- Yeoman
- Many, many, many more