Learn These Modern Web Development Tools

Browse Lessons by Technology

Browse all lessons.

showing All 474 lessons...

Exporting Modules in Node

PRO

Reloading React component tests using webpack-dev-server

Transforming raw JSON data to meaningful output in AngularJS

PRO

Refactoring: Array.prototype by example [filter, some, forEach]

Demystifying Cold and Hot Observables in RxJS

Angular Automation: Gulp Tasks

PRO

Building a React.js App - ES6 Refactor: Firebase and React Binding with re-base

Building a React.js App - ES6 Refactor: Routing without Mixins

Building a React.js App - ES6 Refactor: propTypes in ES6

Building a React.js App - ES6 Refactor: createClass to JavaScript Classes and propTypes

Building a React.js App - ES6 Refactor: Non Components

Building a React.js App: componentWillReceiveProps and React Router

Node.js tutorial about Exporting Modules in Node

Exporting Modules in Node

5:50 Node.js PRO

In this lesson, you will learn the difference between the exports statement and module.exports. Two examples are demonstrated, each accomplishing the same task but one using export statements and one using module.exports. You will also learn the basic thumb rule to identify which is appropriate for your current needs.

React tutorial about Reloading React component tests using webpack-dev-server

Reloading React component tests using webpack-dev-server

2:16 React

Unit testing a React component using Webpack and Jasmine, can involve slow and repetitive tasks when confirming that tests are passing when your code changes. For example, manually running commands instructing webpack to compile code plus refreshing the browser. This lesson demonstrates how to speed up your development time by automating these tasks using webpack-dev-server.

AngularJS tutorial about Transforming raw JSON data to meaningful output in AngularJS

Transforming raw JSON data to meaningful output in AngularJS

6:38 AngularJS PRO

JSON from server often exposes raw data you have to transform to present to your end users. In this lesson, we cover a few solutions to make it happen.

JavaScript tutorial about Refactoring: Array.prototype by example [filter, some, forEach]

Refactoring: Array.prototype by example [filter, some, forEach]

5:42 JavaScript

Refactoring is a great opportunity to learn and we have an existing Javascript function that is lengthy, hard to understand, and overcomplicated. We'll take a look at putting some of Javascript's built in Array.prototype methods to use to help us clean this up and learn by example through refactoring.

By taking a few minutes to refactor this existing code, we can get a glimpse at how we can harness the power of the Array and lean on some built in Array functions available to us in Javascript's core without any added utility libraries.

In this lesson we touch on just a few of the Array methods:

RxJS tutorial about Demystifying Cold and Hot Observables in RxJS

Demystifying Cold and Hot Observables in RxJS

3:50 RxJS

Have you ever been caught by complications surrounding Cold and Hot Observables with RxJS (Reactive Extensions for JavaScript)? Worry no more, there is only one "catch" to understand, and then the whole issue will make sense to you when developing reactive applications.

AngularJS tutorial about Angular Automation: Gulp Tasks

Angular Automation: Gulp Tasks

3:45 AngularJS PRO

In this lesson, we will learn how tasks work in Gulp. We will talk about how to define a task and what each parameter in the definition does. We will see how task dependencies work and talk about how to handle asynchronous issues using run-sequence.

React tutorial about Building a React.js App - ES6 Refactor: Firebase and React Binding with re-base

Building a React.js App - ES6 Refactor: Firebase and React Binding with re-base

9:26 React

In this lesson, we’ll finish refactoring our application to ES6. Along the way, we’ll learn how to get route parameters in React Router without mixins as well as learn about re-base, a library for building React applications with Firebase in ES6.

React tutorial about Building a React.js App - ES6 Refactor: Routing without Mixins

Building a React.js App - ES6 Refactor: Routing without Mixins

5:14 React

In this video, we’ll walk through refactoring the routing of our application to get away from mixins and be compatible with JavaScript Classes through context.

React tutorial about Building a React.js App - ES6 Refactor: propTypes in ES6

Building a React.js App - ES6 Refactor: propTypes in ES6

2:43 React

In this video, we’ll refactor our Repos and UserProfile components and along the way we’ll learn how to utilize propTypes in React with JavaScript classes.

React tutorial about Building a React.js App - ES6 Refactor: createClass to JavaScript Classes and propTypes

Building a React.js App - ES6 Refactor: createClass to JavaScript Classes and propTypes

4:08 React

In this video, we’ll walk through refactoring all of our note components to learn how to go from createClass to utilize JavaScript classes to build our React components as well as how to handle propTypes with ES6.

React tutorial about Building a React.js App - ES6 Refactor: Non Components

Building a React.js App - ES6 Refactor: Non Components

6:33 React

In this video, we’ll walk through refactoring all of our non component files to utilize new ES6 features like the module system, template strings, destructuring, and arrow functions.

React tutorial about Building a React.js App: componentWillReceiveProps and React Router

Building a React.js App: componentWillReceiveProps and React Router

2:58 React

In this lesson, we’ll learn how React Router uses the componentWillReceiveProps life cycle method in order to give you any route changes that occurs in your application. We’ll leverage this to fetch new data about different users when the user requests that data.