JavaScript

JavaScript 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.
Site: https://developer.mozilla.org/en/docs/Web/JavaScript

Videos

The Array map method

Added The Array map method

In this lesson we will demonstrate how to use the Array's map method to easily perform this operation with less code than a loop would require.

 Watch

Principles of Vue.JS

Added Principles of Vue.JS

VueJS is a simple framework for handling your views

 Watch

Why Javascript?

Added Why Javascript?

Why Javascript must be learned and what it represents in the spectrum of programming languages

 Watch

Promises.all

Added Promises.all

This is a practical video about how to use and work with Promises.all() function.

 Watch

Destructuring operator in javascript ES6

Added Destructuring operator in javascript ES6

How to use the new DS6 destructuring operator

 Watch

Maps objects in Javascript ES6

Added Maps objects in Javascript ES6

The new Map objects have a rich variety of methods to iterate on values and keys

 Watch

Const and Let in Javascript ES6

Added Const and Let in Javascript ES6

New ways to declare variables and values in Javascript

 Watch

Object properties extensions in Javascript ES6

Added Object properties extensions in Javascript ES6

ES6 introduced several extensions for manipulating object properties. See what is this about.

 Watch

Template literals in JavaScript ES6

Added Template literals in JavaScript ES6

With the new template literals, you can define more clearly strings, including embedded newlines and othe symbols. It also allow sophisticated variable substitutions as several template languages.

 Watch

How to use the spread operator in JavaScript ES6

Added How to use the spread operator in JavaScript ES6

The spread operator separate an array of values in several separate items.

 Watch

Working with ES6 today using Babel

Added Working with ES6 today using Babel

How to use Babel to transpile your code and make it compatible with the old ES5 standard, so to run everywhere.

 Watch

How are the new 'fat arrow' functions in JavaScript ES6

Added How are the new 'fat arrow' functions in JavaScript ES6

This is a new more concise and elegant way to define functions in Javascript.

 Watch

Generators and Iterators in JavasScript ES6

Added Generators and Iterators in JavasScript ES6

With the new function* operator, you can define generator functions and construct iterators with a pause statement (yield) to tame async operations easily

 Watch

Promises in JavaScript

Added Promises in JavaScript

How to make plain and logical your code with a promise instead of a callback function and at the same time avoid the pyramid of doom.

 Watch

Principles of DOM manipulation

Added Principles of DOM manipulation

Learn how to modify your DOM (Domain Object Model) and change the webpage html to fill your needs.

 Watch

HTML Canvas and Images

Added HTML Canvas and Images

In addition to vector drawing, you can draw bitmap images into a canvas, and also retrieve a bitmap based on the content in a canvas.

 Watch

Drawing Text on Canvas

Added Drawing Text on Canvas

With the HTML canvas you can easily draw text as well as graphics. Let's take a look at basic text manipulation on the canvas.

 Watch

Simple drag and drop with Observables

Added Simple drag and drop with Observables

Armed with the map and concatAll functions, we can create fairly complex interactions in a simple way. We will use Observable to create a simple drag and drop example with basic DOM elements.

 Watch

Using the map method with Observable

Added Using the map method with Observable

Like an array, Observable has a map method that allows us to transform a sequence into a new Observable.

 Watch

Introducing the Observable

Added Introducing the Observable

In this lesson we will get introduced to the Observable type. An Observable is a collection that arrives over time. Observables can be used to model events, asynchronous requests, and animations. Observables can also be transformed, combined, and consumed using the Array methods we learned in the previous lessons.

 Watch

Create an Array concatAll method

Added Create an Array concatAll method

In this lesson we will write a new Array function 'concatAll' which will automatically flatten nested arrays buy one dimension. This will remove the need to ever use a nested loop to flatten a nested array.

 Watch

Chaining the Array map and filter methods

Added Chaining the Array map and filter methods

In this lesson, we will learn how to build nontrivial programs without using any loops at all.

 Watch

The Array filter method

Added The Array filter method

In this lesson we will demonstrate how to use the Array's filter method to easily perform this operation with less code than a loop would require.

 Watch

Reactive Programming

Added Reactive Programming

Reactivity is new game for views handling, as is present in many modern frameworks such as Meteor, React, Vue, and others.

 Watch

The Array forEach method

Added The Array forEach method

One of the most common uses of the for loop is to iterate through the items in an array. In this lesson, we will learn how to replace the for loop with the Array's forEach method - and shorten your code in the process.

 Watch

Get Started with LeafletJS Mapping

Added Get Started with LeafletJS Mapping

Leaflet makes creating maps in the browser dead simple. With some HTML and 3 lines of JavaScript, we can quickly have a map displaying.

 Watch

Gradient Fills on the HTML5 Canvas

Added Gradient Fills on the HTML5 Canvas

When drawing on the HTML5 canvas element, your fills aren't limited to flat colors. You can use gradients to get smoothly blended color fills on your drawn elements.

 Watch

Drawing Path - Curves and Arcs

Added Drawing Path - Curves and Arcs

When drawing on your HTML canvas in JavaScript, you aren't restricted to straight lines. Using curves and arcs you are able to create smooth curved lines.

 Watch

Drawing Styles on HTML5 Canvas

Added Drawing Styles on HTML5 Canvas

You aren't limited to boring black lines when drawing on the HTML5 canvas element. Using styles, you can program interesting colorful images with JavaScript.

 Watch

Drawing Paths - Lines and Rectangles

Added Drawing Paths - Lines and Rectangles

Now that we have an HTML5 canvas to draw on, let's take a look at drawing simple lines and rectangles with JavaScript.

 Watch

Introduction to the HTML Canvas element

Added Introduction to the HTML Canvas element

The HTML Canvas element allows us to access powerful drawing APIs from JavaScript. In this lesson, the first in a series, we will learn about canvas, and get ready to start drawing.

 Watch

Functions Scope Basic

Added Functions Scope Basic

This or that? Javascript scoping can be confusing. This lesson covers the very basics of function scoping.

 Watch

Introduction to Lodash

Added Introduction to Lodash

Lodash is a toolkit of Javascript functions that provides clean, performant methods for manipulating objects and collections. It is a 'fork' of the Underscore library and provides additional functionality as well as some serious performance improvements. If you aren't using Lodash, you should be.

 Watch

ECMAscript 6 Arrow function

Added ECMAscript 6 Arrow function

ECMAscript 6 introduces the 'arrow function' as a shortcut for creating anonymous functions with this scope bound.

 Watch

ECMAscript 6 Array comprehensions

Added ECMAscript 6 Array comprehensions

With ECMAscript 6 you have access to powerful array comprehensions for generating new arrays from existing arrays based on criteria you specify.

 Watch

ECMAscript 6 String templates

Added ECMAscript 6 String templates

ECMAscript 6 lets us use string templates to gain a lot more control over strings in JavaScript.

 Watch

ECMAscript 6 Generators

Added ECMAscript 6 Generators

Generators in ECMAscript 6 are first-class coroutines that produce encapsulated suspended execution contexts. Whew! Yield values and iterate over them until no more values exist in the generator. We'll talk more about practical use later.

 Watch

Introduction to ECMAScript 6

Added Introduction to ECMAScript 6

Welcome to What's Coming to JavaScript. ECMAScript 6 introduces many new features to the language. We won't look at all of them, but we will spend time with the big new features that will fundamentally change the way we write JavaScript.

 Watch

Picking the ECMAScript 6 environment

Added Picking the ECMAScript 6 environment

Because ES6 is not finalized, we will not find an environment that implements 100% of the specification. There are two environments we'll use: Google Traceur and Firefox Nightly

 Watch

SOLID JS In A Wobbly World Wide Web

Added SOLID JS In A Wobbly World Wide Web

In this episode, you’ll see the following SOLID principles covered and see how they apply to JavaScript.

 Watch

AMD Build With Grunt And Rigger

Added AMD Build With Grunt And Rigger

In this episode, you’ll see: UMDJS, Project Dependencies with NPM, Grunt-Rigger and AMD Build.

 Watch

The Jasmine Standalone Runner

Added The Jasmine Standalone Runner

In this episode I will show you the basics of how to install and use the standalone version of the Jasmine testing framework, to write unit tests for your JavaScript applications.

 Watch

ES6 Arrow Functions

Added ES6 Arrow Functions

Arrow functions are a short, succinct syntax for building functions in ES6. Not only do they make for more powerful functional code, they also help inside of callback by lexically binding this.

 Watch

ES6 Template Strings

Added ES6 Template Strings

Template strings will make it easy to build strings, localize strings, and sanitize HTML. A marvelous addition to JavaScript.

 Watch

ES6 Rest Parameters

Added ES6 Rest Parameters

Rest parameters make functions with a variable number of arguments easy, readable, and safe.

 Watch

ES6 Default Parameter Values

Added ES6 Default Parameter Values

There is a new syntax to provide default values for missing parameters.

 Watch

ES6 Spread

Added ES6 Spread

The spread is syntactic sugar we can use to spread an array across function parameters, or into an array literal.

 Watch