Jack of all trades

Long playlist that hits the broad strokes of alot of topics

Watch User Created Playlist (44)

This playlist is user created.

pro-course-rss-logo

PRO RSS Feed

How to authenticate with GitHub using SSH

How to squash multiple git commits

Overview of Cycle.js

Hello World in Cycle.js

Elm in 7 minutes

Convert a UI Route into an Angular Directive

P

Redirect the browser using JavaScript

JavaScript's Call Stack

Compose functions with reduce

P

Intro to Recursion - Refactoring to a Pure Function

Learn to flatten and flatmap arrays with reduce

P

Overview of Angular 2 and what to learn next...

Angular 2 - Hello World (es6)

P

Automated screenshots of your e2e Protractor tests

e2e Testing AngularJS Apps with Protractor and SauceLabs

P

$apply vs $digest

Transclusion Basics

Directive with Transcluded Elements

P

Using $resource for Data Models

Directive to Directive Communication in AngularJS

Introduction to CSS Transitions

CSS Transitions: Delays and Multiple Properties

CSS Transitions: Easing and Other Timing Functions

P

Building a React.js App: Utilizing Stateless Function Components

Building stateless function components (new in React 0.14)

Normalize Events with Reacts Synthetic Event System

Introduction to Isomorphic React

P

Introduction to Server-Side React

P

Manage Memory and Garbage Collection in Node.js

P

Including dependencies in your AWS Lambda function

P

Use AWS Lambda and API Gateway to return resume data

Add and Remove EventEmitters in Node.js

P

Creating Demo APIs with json-server

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

Using the ES6 spread operator

An overview of RxJS reactive concepts

P

Understand Reactive Programming using RxJS

Reactive Programming - Why choose RxJS?

P

An Introduction to JSPM (JavaScript Package Manager)

P

Immutable.js: Introduction - Easing the Pains of Mutability

Riot JS - Getting Started with this React-like micro-library

Get Started with LeafletJS Mapping

Interactive Leaflet Maps with GeoJSON data

P

Build a calendar from scratch in 7 minutes with D3

js tutorial about How to authenticate with GitHub using SSH

How to authenticate with GitHub using SSH

3:34 js

Anytime you push code to GitHub, you must be authenticated so GitHub knows you are authorized to make changes. In this lesson we’ll learn how to authenticate with GitHub using SSH so we don’t have to enter our username and password each time we push code to GitHub.

js tutorial about How to squash multiple git commits

How to squash multiple git commits

2:53 js

Often, project maintainers prefer that a single pull request be represented by a single commit. It makes the git history cleaner and easier to understand. So before your pull request is merged you’ll want to do an interactive git rebase to squash all of your commits and fix your commit message.

rx tutorial about Overview of Cycle.js

Overview of Cycle.js

2:28 rx

This lesson shows what can be learned next as a continuation of this course, and gives a recap on the core concepts: main for pure logic, drivers for side effects, run() to connect main and drivers, sources for read effects, sinks for write effects, and nesting Cycle.js apps to work as components.

rx tutorial about Hello World in Cycle.js

Hello World in Cycle.js

4:44 rx

Now you should have a good idea what Cycle.run does, and what the DOM Driver is. In this lesson, we will not build a toy version of Cycle.js anymore. Instead, we will learn how to use Cycle.js to solve problems. We will start by making a simple Hello world application.

elm tutorial about Elm in 7 minutes

Elm in 7 minutes

6:54 elm

We are going to take a high-level look at what an Elm application looks like? We show how to structure apps, as well as, Elm’s elegant syntax by building a small app.

angularjs tutorial about Convert a UI Route into an Angular Directive

Convert a UI Route into an Angular Directive

2:49 angularjs PRO

In this lesson, we are going to turn two forms into Angular directives in preparation for turning them into Ionic modals. This isn’t a complicated step, but it puts us in a better place for creating the modals.

js tutorial about Redirect the browser using JavaScript

Redirect the browser using JavaScript

2:13 js

There are two common ways to redirect the browser in JavaScript. Both use window.location but they differ in how they interact with Session History (and hence, the browser's back button). In this lesson, you'll learn how they're different and how to use each of them.

js tutorial about JavaScript's Call Stack

JavaScript's Call Stack

3:45 js

JavaScript has a concurrency model based on an "event loop". Yet, we know that JavaScript is single-threaded, which means only one task can happen at a time. To understand how JavaScript has a concurrent model yet is single threaded, we'll take a look at how the browser is working to interpret your JavaScript.

Specifically, we'll start by looking at the Stack implemented by browser engines (e.g. V8 or SpiderMonkey). The JavaScript engines use the call stack to keep track of what functions are running -- a function is added to a stack when the engine reaches a function that needs to be executed, and it cleared from the stack when the function returns.

js tutorial about Compose functions with reduce

Compose functions with reduce

8:19 js PRO

Javascript has first-class functions which means that any function can stored, passed around, and returned just like an Object can. This allows for a lot of flexibility with how you call functions. This allows us to use array reduction to create functional pipelines by composing arrays of functions.

js tutorial about Intro to Recursion - Refactoring to a Pure Function

Intro to Recursion - Refactoring to a Pure Function

3:37 js

Our previous solution used forEach and a globally available array that could be mutated from inside our function. We can improve upon this and create a function that is easier to maintain & test by swapping our forEach loop for reduce. By removing the global array and instead making getTasks return a value directly we end up with a pure function.

js tutorial about Learn to flatten and flatmap arrays with reduce

Learn to flatten and flatmap arrays with reduce

8:06 js PRO

Learn a few advanced reduction patterns: flatten allows you to merge a set of arrays into a single array, the dreaded flatmap allows you to convert an array of objects into an array of arrays which then get flattened, and reduceRight allows you to invert the order in which your reducer is applied to your input values.

angular2 tutorial about Overview of Angular 2 and what to learn next...

Overview of Angular 2 and what to learn next...

4:33 angular2

This lesson recaps how all of the pieces of Angular 2 fit together. It ends with encouraging you to learn the latest JavaScript features as Angular 2 will make heavy use of the latest JavaScript language features and patterns.

angular2 tutorial about Angular 2 - Hello World (es6)

Angular 2 - Hello World (es6)

2:57 angular2 PRO

Getting started with Angular 2 involves a new focus on building out components. John walks through the process of bootstrapping your first component as well as how to include one component inside another.

angularjs tutorial about Automated screenshots of your e2e Protractor tests

Automated screenshots of your e2e Protractor tests

7:52 angularjs

It can be useful to capture screenshots of your end-to-end functional tests with protractor. Because protractor tests are "just node", it is very straight forward.

angularjs tutorial about e2e Testing AngularJS Apps with Protractor and SauceLabs

e2e Testing AngularJS Apps with Protractor and SauceLabs

6:48 angularjs PRO

When you are running end-to-end (e2e) tests against your AngularJS apps, they will need to be run against a rainbow of varied browsers. This can be a logistics nightmare, but luckily there are services like SauceLabs that can make this much more manageable. In this lesson, we will take a look at configuring and running e2e tests with SauceLabs.

angularjs tutorial about $apply vs $digest

$apply vs $digest

2:25 angularjs

$apply and $digest are both methods on AngularJS scopes that allow you to manually trigger the updates to bound properties on your scopes.

Transclusion Basics

2:48 angularjs

Uh oh. Transclusion? What the heck? It's a big word, but it is actually a very simple concept. In this episode John shows you how transclusion is used in your AngularJS directives...

Directive with Transcluded Elements

4:46 angularjs PRO

Create a wrapWith directive using advanced transclusion techniques.

Using $resource for Data Models

5:29 angularjs

AngularJS's $resource service allows you to create convenience methods for dealing with typical RESTful APIs. In this video, Brett will show you the basics of using $resource, as well as talking about some of the drawbacks with using this service for your data models.

Directive to Directive Communication in AngularJS

8:01 angularjs

In Angular JS, you can use one directive as an element and other directives as attributes to the element, allowing you to specify different functionality for elements based on the attributes in the element. This lesson shows you how to take a group of directive elements and give them each unique functionality based on their directive attributes.

css tutorial about Introduction to CSS Transitions

Introduction to CSS Transitions

2:27 css

Learn how to use native CSS transitions to automagically add motion to your application. By specifying a simple transition rule, changes to the values of specific properties can be interpolated over time to give a graceful, polished look and feel to what used to be a jarring and sudden transition.

css tutorial about CSS Transitions: Delays and Multiple Properties

CSS Transitions: Delays and Multiple Properties

3:33 css

Learn how to spice up your CSS Transitions using delays and compound transition rules that specify independently varying rules for transitions to multiple properties on the same object.

css tutorial about CSS Transitions: Easing and Other Timing Functions

CSS Transitions: Easing and Other Timing Functions

3:55 css PRO

Learn how to apply timing functions to CSS transitions. We'll talk about pre-defined functions like 'ease-in', 'ease-out' and 'step', and then look at how to specify a custom function capturing the exact transition effect you're looking for.

react tutorial about Building a React.js App: Utilizing Stateless Function Components

Building a React.js App: Utilizing Stateless Function Components

5:01 react

As of React 0.14 we can now create components with functions rather than React.Component or createClass. In this video, we'll walk through transferring all our Class Components to Stateless Function Components.

react tutorial about Building stateless function components (new in React 0.14)

Building stateless function components (new in React 0.14)

4:14 react

In React 0.14+, you can write stateless components as pure functions called "stateless function[al] components"; in well designed apps, these "pure" components should be the majority of your application and can be tied together by a few "smart" wrapper components that control your state and pass down needed data to the pure components. In this lesson, we walk through the syntax of stateless function components, converting to them from stateless classes, and best practices in using them with stateful (aka "smart") components.

This lesson assumes use of ES6 and JSX.

react tutorial about Normalize Events with Reacts Synthetic Event System

Normalize Events with Reacts Synthetic Event System

2:45 react

Event handlers are passed an instance of SyntheticEvent in React. In this video we'll take a look at the wide range of events available to us, including Touch events.

react tutorial about Introduction to Isomorphic React

Introduction to Isomorphic React

5:47 react PRO

React enables us to write isomorphic applications that pre-render on the server and then respond to user interaction on the client side.

react tutorial about Introduction to Server-Side React

Introduction to Server-Side React

3:22 react PRO

Rendering React components from the server allows you to pre-render the initial state of your components and speed up initial page loads by not requiring the browser to wait for any JavaScript to load before presenting the component.

node tutorial about Manage Memory and Garbage Collection in Node.js

Manage Memory and Garbage Collection in Node.js

8:40 node PRO

In this lesson, you will learn how to use view and interpret the garbage collection activity of your node.js app via the console. You will also learn how to take heapdump snapshots and analyze them with Chrome Developer Tools to identify possible memory leaks. A sample app with a known memory leak is provided as part of the walk-through to illustrate how to use the tools in your own environments.

node tutorial about Including dependencies in your AWS Lambda function

Including dependencies in your AWS Lambda function

5:07 node PRO

This lesson teaches you how to use dependencies, such as faker.js in your Lamdba functions. We will update the lambda code from the Lambda and API Gateway lesson to generate random work history and endorsements using the faker npm module then upload our code to Lambda and test.

node tutorial about Use AWS Lambda and API Gateway to return resume data

Use AWS Lambda and API Gateway to return resume data

5:35 node

In this lesson, you will learn how to create a simple AWS Lambda function to submit a name via an API Gateway and return a resume for that person. At the end of the lesson, you will be able to create a Lambda function, and API Gateway, and understand how to submit data via the API Gateway that will be accessible via the Lambda function

node tutorial about Add and Remove EventEmitters in Node.js

Add and Remove EventEmitters in Node.js

6:00 node PRO

In this lesson, you will learn what an EventEmitter is and how it works. We start with a simple example creating an instance of the EventEmitter class, then expand on it by building listeners and emitting events to trigger them. You will learn how to view listeners in the global emitter object, as well as how to remove them and understand what the EventEmitter memory leak message means. We wrap everything up by examining the http server class to illustrate how node.js uses EventEmitters in many places for core features.

node tutorial about Creating Demo APIs with json-server

Creating Demo APIs with json-server

6:02 node

json-server makes it extremely easy to setup robust JSON apis to use for demos and proof of concepts. John walks you through the process of using pre-built json files for a server and how to generate larger datasets using lodash and faker.

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

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

2:19 js

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.

js tutorial about Using the ES6 spread operator

Using the ES6 spread operator

1:40 js

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

rx tutorial about An overview of RxJS reactive concepts

An overview of RxJS reactive concepts

2:14 rx PRO

This video gives an overview of the concepts of reactive programming we saw during this series, and explains how reactive programming can provide true separation of concerns.

rx tutorial about Understand Reactive Programming using RxJS

Understand Reactive Programming using RxJS

4:31 rx

This lesson introduces Reactive Programming using RxJS in simple terms, with a concrete example and no scary terminology.

rx tutorial about Reactive Programming - Why choose RxJS?

Reactive Programming - Why choose RxJS?

4:05 rx PRO

This lesson helps you think in Reactive programming by explaining why it is a beneficial paradigm for programming. See how reactive programming helps you understand the dynamic behavior of a value evolving over time.

js tutorial about An Introduction to JSPM (JavaScript Package Manager)

An Introduction to JSPM (JavaScript Package Manager)

3:09 js PRO

JSPM can handle installed packages, transpiling ES6, and bundling all from the command-line. This video gives a quick overview of install JSPM, installing packages with JSPM, writing a very simple app in ES6 that uses those packages, then bundling up for production.

js tutorial about Immutable.js: Introduction - Easing the Pains of Mutability

Immutable.js: Introduction - Easing the Pains of Mutability

3:22 js

By utilizing immutable data structures, we can write code that is easier to reason about, avoid mutation-related bugs, reduce complexity, and even gain some performance benefits along the way.

Before diving too far into Facebook's Immutable.js library, let's take a moment to examine some of the pains and obstacles that mutable data structures present.

We'll take a brief glimpse at putting the Immutable "List" data structure to work by example. We will convert our usage of Javascript's native Array to use Immutable.List in order to address a mutation-related "bug" caused by multiple objects "sharing" a mutable structure (array) by reference.

js tutorial about Riot JS - Getting Started with this React-like micro-library

Riot JS - Getting Started with this React-like micro-library

2:43 js

Getting started with Riot JS. We'll discuss riot's compile and mount process and build a small hello world component with simple data-binding.

js tutorial about Get Started with LeafletJS Mapping

Get Started with LeafletJS Mapping

3:13 js

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

js tutorial about Interactive Leaflet Maps with GeoJSON data

Interactive Leaflet Maps with GeoJSON data

3:53 js PRO

Rendering GeoJSON data on a map and interacting via mouse over, mouse out, and click.

d3 tutorial about Build a calendar from scratch in 7 minutes with D3

Build a calendar from scratch in 7 minutes with D3

7:14 d3

Using nothing but a simple data module and D3, you can build a respectable calendar in (almost) less time than it takes to Google "free calendar component".

HEY, QUICK QUESTION!
Joel's Head
Why are we asking?