hello.js

var please = require('share');
console.log('thank you');

Wednesday, 23 January, 2019 UTC

javascript: Write a Generator Function to Generate the Alphabet

javascript: Write a Generator Function to Generate the Alphabet

When you need to generate a data set, a generator function is often the correct solution. A generator function is defined with `function*` and then you `yield` each result you want out of the function when you call it. Generators pair well with the `...` ... more


Tuesday, 22 January, 2019 UTC

javascript: Show More Lines in a Node.js Error Stack Trace

javascript: Show More Lines in a Node.js Error Stack Trace

Sometimes you are one or two lines short from finding the cause of the error in the stack trace but you can't because Nodejs displays only a handful of lines. In this lesson, you will learn how to increase the stack trace limit to show more lines ... more


Monday, 21 January, 2019 UTC

html: Track First Contentful Paint with PerformanceObserver and Google Analytics

html: Track First Contentful Paint with PerformanceObserver and Google Analytics

"If you can't measure it, you can't improve it." The first step when doing performance work is to measure meaningful metrics to establish a baseline for improvement. In this lesson, we'll measure Time to First Contentful Paint, a user-centric ... more


Monday, 21 January, 2019 UTC

egghead: Create Custom Emmet Snippets in VS Code

egghead: Create Custom Emmet Snippets in VS Code

Emmet is a very powerful tool that will save you a lot of typing. It also allows for extensibiltiy through a `snippets.json` file. You can configure VS Code to accept the `snippets.json` file through your VS Code settings and then start cranking out your ... more


Friday, 18 January, 2019 UTC

javascript: Intercept property access with Javascript Proxy

javascript: Intercept property access with Javascript Proxy

A Javascript Proxy object is a very interesting es6 feature, that allows you to determine behaviors whenever a property is accessed in a target object. In this lesson, you will learn how to use it to prevent users from accessing specific properties in ... more


Thursday, 17 January, 2019 UTC

javascript: Deep Merge Objects in JavaScript with Spread, Lodash, and Deepmerge

javascript: Deep Merge Objects in JavaScript with Spread, Lodash, and Deepmerge

If you are merging two objects that contain other objects or arrays, then you probably want to deeply merge those objects, instead of just shallow merging them. In this lesson, we'll look at three different ways to deeply merge objects, depending on what ... more


Wednesday, 16 January, 2019 UTC

javascript: Shallow Merge Two Objects in JavaScript

javascript: Shallow Merge Two Objects in JavaScript

This lesson looks at three methods that can be used to shallow merge two objects in javascript: `Object.assign`, both with mutating the original object and without mutation, and the spread operator. It also covers the potential danger of doing a shallow ... more


Tuesday, 15 January, 2019 UTC

javascript: Conditionally spread entries to a JavaScript object

javascript: Conditionally spread entries to a JavaScript object

In JavaScript, we often end up composing one object out of several other objects. Luckily there's a convenient [spread operator](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax) which allows us to spread entries ... more


Tuesday, 15 January, 2019 UTC

javascript: Render Hello World Text with Custom Elements

javascript: Render Hello World Text with Custom Elements

Custom elements are fun technology. In this video, you will learn how to set one up and running in less than 2 minutes. You'll learn how to create a Custom Web Element (that extends `HTMLElement`) that renders text to the browser and respond to a click ... more


Tuesday, 15 January, 2019 UTC

node: Create an Interactive Node.js Command Line Tool using Inquirer

node: Create an Interactive Node.js Command Line Tool using Inquirer

Sometimes a CLI tool is the quickest way to get a job done. In this lesson we will learn how to create an interactive CLI tool that has input validation using Node.js and Inquirer. ... more


Thursday, 10 January, 2019 UTC

[Course] react: Develop React Applications with Mobx and TypeScript

[Course] react: Develop React Applications with Mobx and TypeScript

Developing logic-rich applications is a key skill to have. The TypeScript–React combination helps you unlock that skill, and it’s a great developer experience in terms of writing understandable and refactorable HTML. But the default state management for ... more


Thursday, 10 January, 2019 UTC

javascript: Use ES6 Sets to Improve Javascript Performance

javascript: Use ES6 Sets to Improve Javascript Performance

Using Sets in ES6 to produce lists of unique objects is faster than using arrays, and less error prone than using objects. In this lesson, we explore the pitfalls of the object approach and the speed implications of the array approach. We will then instrument ... more


Tuesday, 8 January, 2019 UTC

javascript: Prevent adding/deleting properties in a JavaScript object with Object.seal() method

javascript: Prevent adding/deleting properties in a JavaScript object with Object.seal() method

Sometimes it's necessary to have a fixed set of properties on a JavaScript object, while also maintaining the option of changing those properties. In this lesson we are going to learn how to use `Object.seal()` method to prevent new properties from being ... more


Monday, 7 January, 2019 UTC

node: Reduce Boilerplate with yargs middleware in a Node.js Command Line Tool

node: Reduce Boilerplate with yargs middleware in a Node.js Command Line Tool

Sometimes you might want to transform arguments before they reach the command handler. For example, perhaps you want to validate that credentials have been provided and otherwise load credentials from a file. Middleware is simply a stack of functions, ... more


Wednesday, 2 January, 2019 UTC

javascript: Refactor es5 functions to es6 arrow functions

javascript: Refactor es5 functions to es6 arrow functions

In this lesson we'll learn how to refactor es5 functions into es6 arrow functions to decrease visual noise in our program. We'll take a step by step approach, increasing clarity with each rewrite. ... more


Thursday, 20 December, 2018 UTC

javascript: Freeze a JavaScript object with an Object.freeze method

javascript: Freeze a JavaScript object with an Object.freeze method

Even though JavaScript is a very dynamic language, sometimes we want to be _extra_ sure that it's not possible to modify an object once it was declared. Luckily, there's a method called `Object.freeze` which allows us to freeze an object so it's not possible ... more


Thursday, 13 December, 2018 UTC

javascript: Bundle and Run HTML and JavaScript in the Browser with Parcel

javascript: Bundle and Run HTML and JavaScript in the Browser with Parcel

# Up and Running with Parcel JS In this video, we will get up and running with Parcel by creating a simple Hello World application in JavaScript. ## What is Parcel? Parcel is a zero configuration web application bundler and Webpack alternative. It supports ... more


Thursday, 13 December, 2018 UTC

node: Deploy a Monorepo to Now V2

node: Deploy a Monorepo to Now V2

Now by Zeit has recently been updated and now supports multi-language monorepos. In this lesson we'll build and deploy a simple app with an API powered by Node.js and Go. If you want to follow along with this lesson, you will need to install [now-cli](https://github.com/zeit/now-cli). ... more


Thursday, 13 December, 2018 UTC

[Course] react: Modern JavaScript Tooling with React

[Course] react: Modern JavaScript Tooling with React

Building an application with React typically involves several tools. Whether you configure these on your own or use a tool meant to save you from the configuration like Create React App, the tools are still there. When you come up against a situation ... more


Thursday, 13 December, 2018 UTC

[Course] react: Progressive Web Apps in React with create-react-app

[Course] react: Progressive Web Apps in React with create-react-app

Progressive Web Apps (PWAs) allow a user to use your web app online or offline, and lets them install the app onto their iOS or Android device just like a native app. Sounds great, right? But it can be tricky to properly configure a PWA, and not every ... more


Tuesday, 11 December, 2018 UTC

[Course] javascript: Algorithms in JavaScript

[Course] javascript: Algorithms in JavaScript

Algorithms are functions that are used to solve a class of problems. Really any piece of code can be a algorithm! There are common algorithm implementations that have proven to accomplish tasks faster than others. However, speed is not measured in seconds ... more


Monday, 10 December, 2018 UTC

[Course] react: Reusable State and Effects with React Hooks

[Course] react: Reusable State and Effects with React Hooks

Previously, in order to add state or side-effects in React you had to create a Class Component. However, with the introduction of the Hooks proposal (currently pre-released), you can now add state and effects to a Function Component. In addition, you ... more


Friday, 7 December, 2018 UTC

[Course] javascript: JavaScript Promises in Depth

[Course] javascript: JavaScript Promises in Depth

ES2015 brought a native Promise to the JavaScript standard library. In this course, we’re going to take an in-depth look at how to use promises to model various kinds of asynchronous operations. First, we’re going to explore how to create promises using ... more


Thursday, 6 December, 2018 UTC

html: Efficiently write HTML and JSX using Emmet

html: Efficiently write HTML and JSX using Emmet

Frontend developers tend to write quite a lot of HTML (or JSX). This is why it's important to be able to optimize time spent writing ` ` manually to use the cognitive resources for more challenging tasks. Modern editors such as VS Code have **emmet** ... more


Thursday, 6 December, 2018 UTC

react: Manage React component classes with classnames npm package

react: Manage React component classes with classnames npm package

When developing React apps it's common that we have components that need to have different classes depending on different conditions. In such complex scenarios, we often end up with a whole lot of `if` statements (or `switch`es) just to set proper CSS ... more


Tuesday, 4 December, 2018 UTC

[Course] javascript: Data Structures and Algorithms in JavaScript

[Course] javascript: Data Structures and Algorithms in JavaScript

This course teaches you how to implement your first data structures and algorithms. In the process, you’ll learn some fundamental computer science concepts as well. We’ll build these from scratch using JavaScript, but what we learn can be taken and used ... more


Tuesday, 4 December, 2018 UTC

[Course] react: Simplify React Apps with React Hooks

[Course] react: Simplify React Apps with React Hooks

With the massive improvements to function components in React via hooks and suspense, you may be interested in seeing how to refactor a typical class component to a simpler class component that uses React Hooks features. In this course, Kent will take ... more


Tuesday, 4 December, 2018 UTC

webpack: Bundle JavaScript Files with a Zero Config Setup using Webpack 4

webpack: Bundle JavaScript Files with a Zero Config Setup using Webpack 4

Version 4 of Webpack has a great new "zero config" mode which allows you bundle your JavaScript with, you guessed it, zero config. In this lesson you'll learn how to install Webpack and use it to bundle your code. ... more


Wednesday, 28 November, 2018 UTC

node: Execute a ClojureScript Command-line App in a Node.js Environment with Lumo

node: Execute a ClojureScript Command-line App in a Node.js Environment with Lumo

We'll use Lumo, a cross-platform standalone ClojureScript compiler and Node.js environment, to create Hello as a command-line application. In this lesson, I’ll show you how to install lumo through NPM and invoke a clojurescript function in a node environment. ... more


Wednesday, 28 November, 2018 UTC

node: Create a Simple CLI Tool in Node.js with CAC

node: Create a Simple CLI Tool in Node.js with CAC

Command-line tools can help you with all sorts of tasks. This lesson covers the very basics of setting up a CLI tool in Node.js by creating your project with npm, setting up your bin script, and using CAC to parse a single argument. ... more