JavaScript® (often shortened to JS) is a lightweight, interpreted, object-oriented language with first-class functions, most known as the scripting language for Web pages, but used in many non-browser environments as well such as node.js or Apache CouchDB. It is a prototype-based, multi-paradigm scripting language that is dynamic, and supports object-oriented, imperative, and functional programming styles.

javascript

Learn Javascript

Anything related to JavaScript performance

Javascript Performance

We see three varied examples of where natural transformations come in handy.

Apply Natural Transformations in everyday work

`some` returns a `boolean` value after passing each item in the source array through the test function that you pass in as the first parameter. This makes it well suited to the types of queries that require a simple `yes` or `no` answer. In this lesson we look at 2 practical use-cases for `some`. The first shows how it can be used with a ternary operator to switch a `class` on an element & the second shows how `some` can be used in an `if` conditional.

Use Some as a Ternary Operator or Conditional

In this lesson, we look at how you can build up complex animations by assigning one shape as the parent of another, creating a branching display tree. 

Parenting in GIF Loop Coder

The Chrome Developer Tools (DevTools for short), are a set of web authoring and debugging tools built into Google Chrome.

chrome-devtools

Get more mileage from your console output by going beyond mere string logging - log entire introspectable objects, log multiple items in one call, and apply C-Style string substitution to make the console work for you.

Advanced Console Log Arguments

In this video we define monoids and promote our semigroups

Ensure failsafe combination using monoids

Organize your log output by grouping your logs into collapsable hierarchies using console.group().

Grouping and Nesting Console Log Output

With ECMAscript 6 we get the luxury of default parameters for our functions.

Default Values for Function Parameters in ES6

The spread operator allows you to "explode" an array into its individual elements.

Using the ES6 spread operator

`Array.from()` lets you convert an "iterable" object (AKA an _array-like_ object) to an array. In this lesson, we go over grabbing DOM nodes and turing them into an array so that we can use methods like `Array.filter()` and `Array.forEach()` on them.

Converting an array-like object into an Array with Array.from()

Fast, reliable, and secure dependency management.

yarn

Yarn is a new JavaScript package manager that aims to be speedy, deterministic, and secure. See how easy it is to drop yarn in where you were using npm before, and get faster, more reliable installs.

Yarn: A JavaScript Package Manager

We rewrite the Box example using lazy evaulation

Delay Evaluation with LazyBox

We demonstrate how to build a WebAssembly module that depends on malloc, linking in a pre-built malloc implementation at runtime, using a JS binding trick to handle the circular reference between the two WebAssembly modules. We then optimize the load process to ensure we are fetching these modules in parallel.

Malloc implementation: https://github.com/guybedford/wasm-stdlib-hack/blob/master/dist/memory.wasm

WASM Fiddle: https://wasdk.github.io/WasmFiddle/?1feerp

Demo Repo: https://github.com/guybedford/wasm-intro

Allocate Dynamic Memory in WebAssembly with Malloc

We'll look at using array.reduce to transform an array of strings into an object that counts the occurrence of each string in the array.

Reduce an Array into a Single Object

Learn how to use the reduce function on javascript arrays to transform a list of values into something else. In this introduction we'll be taking a list of numbers and reducing them into a sum.

Transform an Array into a Single Value using Reduce

Learn how two common array functions - map() and filter() - are syntactic sugar for reduce operations. Learn how to use them, how to compose them, and how using reduce can give you a big performance boost over composing filters and maps over a large data set.

Use Reduce to Filter and Map over Large Datasets

We use semigroups to find the intersection of sets, then expand that to work on as many artists as we'd like. Finally, we use foldable to show a pair of intersection and sum to shed more light on the final result set.

Find the intersection of sets with Semigroups

Map is one of the most useful array methods. It creates a new array with the exact same number of items as the source and can be used to modify values, change their type, add fields to objects, simplify objects etc. In this lesson we focus on practical use-cases for map & see it in conjunction with other array methods.

Modify Values in an Array with Map

Now that we have everything set up with semantic-release and we have a feature commit, let's push that up and watch TravisCI use semantic-release do our library release automatically.

Automatically Releasing with TravisCI

We refactor 3 functions, taking line by line imperative code to a single composed expression using Box container type.

Refactor imperative code to a single composed expression using Box

We can identify the start and end of a line using Line Anchors.  When dealing with multiple line matches we can utilize the multiline regular expression flag.

Topics

Instructors

Content Type

Free or Pro