free

Browse by Tag

Add Redux State Management to a React on Rails Project

Find matches excluding a pattern with grep

Search matching files by combining find and grep with xargs

Search with groups using grep

Match classes of characters using bracket expressions with grep

Specify line beginning and end in patterns using grep

Search for optional patterns with grep OR

Use grep's extended regular expressions to find complex patterns

Show context around matches using grep

Search for basic patterns using grep

Search the contents of a git repository with git grep

Use find to search for filename patterns

Search the contents of files using grep

Search directory contents recursively using grep

Catch unsafe use of "this" in TypeScript functions

Convert a QueryString to an Object using Function Composition in Ramda

Using the tabindex attribute for keyboard accessibility

Simplify asynchronous callback functions using async/await

Render Basic SVG Components in React

Setup React Native for iOS and Android

Use Scoped CSS in Vue

Get Started with Vue Components

Get up and running with vue-router

Use basic event handling in Vue

Use git add --patch for better commit history and mitigating bugs

Set up egghead audio gear to record lessons

Create Streams From Iterables With Most.js

Declaratively Map Data Transformations to Object Properties Using Ramda evolve

Public Class Fields with React Components

Select a Subset of Properties from a Collection of Objects in Ramda

Use ES6 Proxies

Curry and Uncurry Functions with Ramda

Break up components into smaller pieces using Functional Components

Create Streams From Single Values With Most.js

Create a Button Shake Animation in React Native

Creating a component with React on Rails

Implement Structural Directive Data Binding with Context in Angular 2

Assign a Structual Directive a Dynamic Context in Angular 2

Create a Template Storage Service in Angular 2

Write a Structural Directive in Angular 2

Handle Events with Angular 2 Directives

Write an Angular 2 Directive

Create a tab component using vanilla CSS

Combine Objects with Object.assign and Lodash merge

Set up a native app project with the NativeScript CLI

Create A Login Screen in React Native

Get started with higher order observables in RxJS

Add user interaction to Ember.js apps using actions

Include spell-check in text projects using Natural

Check if words sound alike using Natural

react tutorial about Add Redux State Management to a React on Rails Project

Add Redux State Management to a React on Rails Project

7:27 react

Learn how to add a simple Redux-backed React component to a new Rails 5 app using React on Rails.

otherjs tutorial about Find matches excluding a pattern with grep

Find matches excluding a pattern with grep

0:59 otherjs

What happens when you want to find things that don't contain a pattern? The -v flag lets you use grep in inverse mode. We'll use grep -v against find's output to exclude files in node_modules.

otherjs tutorial about Search matching files by combining find and grep with xargs

Search matching files by combining find and grep with xargs

2:20 otherjs

Learn to use the xargs Unix command to combine find and grep. First we can use find to identify which files we want to search; then we can use xargs to tell grep which files to search through.

otherjs tutorial about Search with groups using grep

Search with groups using grep

2:12 otherjs

By grouping your searches with parentheses, you can create even more complex searches. Grouping lets you separate out different parts of your regular expression, and apply special characters like +, ?, and * to groups of search terms.

otherjs tutorial about Match classes of characters using bracket expressions with grep

Match classes of characters using bracket expressions with grep

2:21 otherjs

You can describe classes of characters using bracket expressions. We'll use expressions such as [a-zA-Z] and [0-9] to search for alphabetic and numeric characters with grep.

otherjs tutorial about Specify line beginning and end in patterns using grep

Specify line beginning and end in patterns using grep

1:18 otherjs

Learn to use the special anchor characters ^ and $ to indicate the beginning and end of lines when writing regular expressions for grep. These line anchors are part of basic regular expressions in grep, so you don't need to escape them.

otherjs tutorial about Search for optional patterns with grep OR

Search for optional patterns with grep OR

1:07 otherjs

Describe optional patterns with grep OR using the vertical bar character |. By using the | special character, you can write either-or style patterns. In this lesson we'll look for matches on "grey" or "gray". Like the + and ? characters, the | character is part of extended regular expressions with grep, so you'll either need to escape it with a backslash, or use the -E flag.

otherjs tutorial about Use grep's extended regular expressions to find complex patterns

Use grep's extended regular expressions to find complex patterns

2:35 otherjs

Learn to use grep's extended regular expressions to describe more complex patterns. The ? and + special characters describe optional patterns. The ? character matches zero or one instance of the preceding term, and the + character matches one or more instances of the preceding term. To use these characters, you'll need to either escape them with backslashes or turn on extended regular expressions with the -E flag.

otherjs tutorial about Show context around matches using grep

Show context around matches using grep

1:59 otherjs

By default, grep displays the file path and the line where a match is found. Learn to use the flags -A, -B, -C, and -n to get more context, and view line numbers as well as the lines surrounding a pattern match.

otherjs tutorial about Search for basic patterns using grep

Search for basic patterns using grep

2:09 otherjs

By using wildcards and glob patterns with the special characters . and *, you can create regular expressions that describe what kind of text you're looking for, instead of just plaintext strings.

otherjs tutorial about Search the contents of a git repository with git grep

Search the contents of a git repository with git grep

1:46 otherjs

Learn to use git grep to only search through the tracked files in a git repo. This is especially useful when you want to exclude build artifacts or locally installed dependencies, such as webpack bundles or the node_modules directory. You'll also note that git grep is automatically colorized - we'll see how to get the same coloring effect with grep --color.

otherjs tutorial about Use find to search for filename patterns

Use find to search for filename patterns

1:33 otherjs

Learn how to use find to identify filenames matching specified patterns. We'll use find to identify all .jsx files in a directory, or all test files in a directory.

otherjs tutorial about Search the contents of files using grep

Search the contents of files using grep

2:15 otherjs

Learn the basic syntax for using grep to search the contents of a single file or files. It's like CMD+F, but better! You'll be able to quickly see all matching results in a file.

otherjs tutorial about Search directory contents recursively using grep

Search directory contents recursively using grep

1:41 otherjs

Sometimes you'll be looking for a string, but won't know which file it's in; or you'll want to find all usages of it within a directory. Learn how to use grep -r to recursively search all the files in a directory.

typescript tutorial about Catch unsafe use of "this" in TypeScript functions

Catch unsafe use of "this" in TypeScript functions

1:04 typescript

this is probably the most tricky thing to use in JavaScript and therefore TypeScript. Fortunately there is a TypeScript compiler flag noImplicit this that can help catch unsafe usages so beginners don't get caught off guard.

js tutorial about Convert a QueryString to an Object using Function Composition in Ramda

Convert a QueryString to an Object using Function Composition in Ramda

2:13 js

In this lesson we'll use a handful of Ramda's utility functions to take a queryString full of name/value pairs and covert it into a JavaScript object so we can access those properties in a more useful way. Along the way, we'll build up a composition and look at the tail, split, map and fromPairs functions, along with the crucial compose function.

html5 tutorial about Using the tabindex attribute for keyboard accessibility

Using the tabindex attribute for keyboard accessibility

5:09 html5

You can make any element keyboard interactive with the HTML tabindex attribute. But you might need a little extra JavaScript and ARIA to support keyboards and screen readers. For more on using tabindex in practice, check out my focus management lesson.

typescript tutorial about Simplify asynchronous callback functions using async/await

Simplify asynchronous callback functions using async/await

1:48 typescript

Learn how to write a promise based delay function and then use it in async await to see how much it simplifies code over setTimeout.

Lets say you want to call a function after 1s, 2s, 3s. You can use setTimeout, or you can wrap it up into a simple delay function that works with async/await

react tutorial about Render Basic SVG Components in React

Render Basic SVG Components in React

1:35 react

React loves svg just as much as it loves html. In this lesson we cover how simple it is to make SVG components in ReactJS.

Creating SVG components with React allows you to inline SVG. Inline SVG has an advantage that it can be styled with CSS just like the rest of your webpage and doesn't need a separate web request to load.

An additional advantage is of-course that you can use component props to customize the contents of the SVG.

react tutorial about Setup React Native for iOS and Android

Setup React Native for iOS and Android

4:48 react

In this lesson we'll walk through the process of installing the react-native-cli through setting up a basic react-native project on iOS. We'll get the basic project running in a simulator via XCode. We'll also setup Android, Android Studio and get the project running on an emulator with the react-native run-android command.

js tutorial about Use Scoped CSS in Vue

Use Scoped CSS in Vue

2:09 js

Let's see how to apply both scoped and global styles to components in our project, and why we need to use the scoped attribute.

js tutorial about Get Started with Vue Components

Get Started with Vue Components

1:17 js

Components are one of the most powerful features of Vue. Let's take a look at how to write our first components and make use of them in a parent component.

js tutorial about Get up and running with vue-router

Get up and running with vue-router

3:14 js

How do we set up a simple app with its own routes with their own components in Vue?

js tutorial about Use basic event handling in Vue

Use basic event handling in Vue

2:18 js

Let's use a range of events and their modifiers to look at the cool ways we can deal with event handlers in Vue.

otherjs tutorial about Use git add --patch for better commit history and mitigating bugs

Use git add --patch for better commit history and mitigating bugs

1:49 otherjs

Let's split our changes into separate commits. We'll be able to check over our changes before staging them all from the terminal. Then, we'll see the positive effect it has on our commit history.

otherjs tutorial about Set up egghead audio gear to record lessons

Set up egghead audio gear to record lessons

1:41 otherjs

Good audio starts with quality gear. You can definitely record screencasts using the built-in microphone on your laptop, but we've found that our users want to have consistent high-quality audio.

We want you to sound amazing! Because you are.

To make this happen, we send each instructor professional grade audio recording equipment.

Once you've created a draft lesson that is almost ready to be published, we will ship you a case stuffed full of audio recording toys that will have you sounding awesome in no time.

js tutorial about Create Streams From Iterables With Most.js

Create Streams From Iterables With Most.js

3:59 js

One of the more powerful functions for creating streams in MostJS is the from function.

In this lesson, we use from to create streams from various Javascript Iterables, take a look at how to throw generator functions into the mix and, for good measure, take a sneak peek at how we can limit our streams using a function called take.

As a bonus, we see what it looks like to use Function.prototype.bind for a quick and dirty way to partially apply arguments to a function.

js tutorial about Declaratively Map Data Transformations to Object Properties Using Ramda evolve

Declaratively Map Data Transformations to Object Properties Using Ramda evolve

2:44 js

We don't always control the data we need in our applications, and that means we often find ourselves massaging and transforming our data. In this lesson, we'll learn how to transform objects in a declarative way using ramda's evolve function.

js tutorial about Public Class Fields with React Components

Public Class Fields with React Components

4:52 js

Public Class Fields allow you to add instance properties to the class definition with the assignment operator (=). In this lesson, we'll look at their use case for simplifying event callbacks and state initialization with a React component.

js tutorial about Select a Subset of Properties from a Collection of Objects in Ramda

Select a Subset of Properties from a Collection of Objects in Ramda

2:59 js

In this lesson we'll take an array of objects and map it to a new array where each object is a subset of the original. We'll look at multiple ways to accomplish this, refactoring our code into a simple and easy to read function using Ramda's map, pick and project functions.

js tutorial about Use ES6 Proxies

Use ES6 Proxies

1:32 js

A JavaScript Proxy allows you to intercept operations performed on objects, arrays, or functions like property lookup, assignment, invocation, property deletion, and more to add custom behavior. In this lesson we look at how to intercept property lookup with the get "trap" that will allow us to get items starting from the end of the array with ease.

js tutorial about Curry and Uncurry Functions with Ramda

Curry and Uncurry Functions with Ramda

3:39 js

Most of the functions offered by the ramda library are curried by default. Functions you've created or that you've pulled in from another library may not be curried. Ramda's curry and curryN functions allow you to take a non-curried function and use it as a curried functions. In the case where you have a manually curried function and you want to just call it like a normal function, you can use uncurryN to get back a function that accepts all of the arguments at once.

react tutorial about Break up components into smaller pieces using Functional Components

Break up components into smaller pieces using Functional Components

2:21 react

We are going to ensure our app is structured in a clear way using functional components. Then, we are going to pass those components state values from the parent class component.

js tutorial about Create Streams From Single Values With Most.js

Create Streams From Single Values With Most.js

2:01 js

Most provides many means for creating streams, the simplest of which is the of function. In this lesson, we demonstrate the use of of to lift a single value into a stream. We also show off the just alias of of, as well as, a common method for currying a function.

react tutorial about Create a Button Shake Animation in React Native

Create a Button Shake Animation in React Native

2:38 react

In this lesson we'll use Animated.timing and TouchableWithoutFeedback to create an animatable button. We'll learn how to use interpolate to create a non-linear animation. When our button is pressed it will shake from side to side.

react tutorial about Creating a component with React on Rails

Creating a component with React on Rails

6:33 react

Learn how to add a simple React component to a brand new Rails app with React on Rails installed. You will see how to add your React component to a Rails view, including the passing of values from the controller to your React component.

angular2 tutorial about Implement Structural Directive Data Binding with Context in Angular 2

Implement Structural Directive Data Binding with Context in Angular 2

2:03 angular2

Just like in *ngFor, you're able to pass in data into your own structural directives. This is done by declaring the variable using a let statement then passing context into the createEmbeddedView call.

angular2 tutorial about Assign a Structual Directive a Dynamic Context in Angular 2

Assign a Structual Directive a Dynamic Context in Angular 2

3:01 angular2

Just like passing in an array to *ngFor, you can pass in any value into your structural directive so that it can render templates based on those values. It's crucial to understand how the *directive syntax expands into a <template> and adds a custom @Input based on the syntax you use so that you can use your own data.

angular2 tutorial about Create a Template Storage Service in Angular 2

Create a Template Storage Service in Angular 2

4:00 angular2

You need to define a <template> to be able to use it elsewhere in your app as a TemplateRef. You can store these TemplateRefs in a Service and then access them from any @Directive or @Component in your app.

angular2 tutorial about Write a Structural Directive in Angular 2

Write a Structural Directive in Angular 2

3:01 angular2

Structural directives enable you to use an element as a template for creating additional elements. Creating structural directives requires a knowledge of <template> elements, but they're easy and extremely powerful once you undrestand the concepts.

angular2 tutorial about Handle Events with Angular 2 Directives

Handle Events with Angular 2 Directives

1:35 angular2

A @Directive can also listen to events on their host element using @HostListener. This allows you to add behaviors that react to user input and update or modify properties on the element without having to create a custom component.

angular2 tutorial about Write an Angular 2 Directive

Write an Angular 2 Directive

1:42 angular2

Angular 2 Directives allow you manipulate elements by adding custom behaviors through attributes. This lesson covers how to create a Directive and attach its behavior to an element.

css tutorial about Create a tab component using vanilla CSS

Create a tab component using vanilla CSS

3:09 css

Learn how to create tabs with nothing more than good ole' CSS. Look Ma, No Javascript!

note: This approach has some accessibility issues. To make a tab component that is properly accessible, it requires some JavaScript.

js tutorial about Combine Objects with Object.assign and Lodash merge

Combine Objects with Object.assign and Lodash merge

2:28 js

Learn how to use Object.assign to combine multiple objects together. This pattern is helpful when writing libraries that have a set of default options where you want to allow a user to override specific options. You'll also learn how to use a third party library to recursively merge nested objects together.

js tutorial about Set up a native app project with the NativeScript CLI

Set up a native app project with the NativeScript CLI

2:18 js

NativeScript is a framework that let's you build JavaScript to native applications. In this lesson, we will set up a native app using the NativeScript command-line interface. We will then take a brief look at some of the project it generates.

react tutorial about Create A Login Screen in React Native

Create A Login Screen in React Native

6:21 react

In this lesson we'll build a generic login screen. We'll explore how to use a background image, how to center content with spacer views, and how to use other flex properties.

rx tutorial about Get started with higher order observables in RxJS

Get started with higher order observables in RxJS

4:35 rx

An Observable may emit values of any JavaScript type: numbers, strings, booleans, objects, etc. This means an RxJS Observable may also happen to emit values which are themselves observables too. In this lesson we will learn more about this use case and begin learning about the so-called "higher order observables".

js tutorial about Add user interaction to Ember.js apps using actions

Add user interaction to Ember.js apps using actions

3:12 js

In Ember.js, functions that are executed through user interaction with your application are called actions, which can be defined at the route, controller, or component level. In this tutorial, we look at a simple example of defining actions on the controller and hooking it up to our template in order to update properties on the controller.

js tutorial about Include spell-check in text projects using Natural

Include spell-check in text projects using Natural

3:05 js

In this lesson, we’ll see how to use Natural’s probabilistic spell-checker, which uses the trie data structure.

js tutorial about Check if words sound alike using Natural

Check if words sound alike using Natural

2:14 js

In this lesson, we’ll take a look at Natural’s phonetics feature. We’ll learn how to check whether two words sound alike, looking at both the SoundEx and Metaphone algorithms.

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