hello.js

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

Tuesday, 11 July, 2017 UTC

node: Setup an Nginx Proxy for a Node.js App

node: Setup an Nginx Proxy for a Node.js App

Learn how to setup an Nginx proxy server that sits in front of a Node.js app. You can use a proxy to control the flow of frontend requests hitting your app, as well as to achieve better performance and scalability. We'll create a sample Node.js app and ... more


Friday, 7 July, 2017 UTC

[Course] js: Build a desktop application with Electron

[Course] js: Build a desktop application with Electron

Electron is a framework that makes it easy to create cross-platform desktop apps with JavaScript, HTML, and CSS. Electron and open-source tools give you everything you need to create a compelling desktop app--native user interface elements like menus ... more


Tuesday, 4 July, 2017 UTC

react: Create Animated Map Markers Linked to Scrolling Content in React Native

react: Create Animated Map Markers Linked to Scrolling Content in React Native

We'll construct a map using `react-native-maps` and custom animated map makers. We'll build a scroll view that when scrolled horizontally it will animate the marker that it is associated with. Once an item is scrolled to the map will automatically animate ... more


Thursday, 29 June, 2017 UTC

angular2: Setup automated deployment with Angular, Travis and Firebase

angular2: Setup automated deployment with Angular, Travis and Firebase

Automate all the things!! Automation is crucial for increasing the quality and productivity. In this lesson we will learn how to automate the deployment of our Angular app to Firebase Hosting, by using GitHub and Travis. By the end of the lesson we will ... more


Thursday, 29 June, 2017 UTC

angular2: Build and deploy your Angular app to Firebase Hosting

angular2: Build and deploy your Angular app to Firebase Hosting

Firebase not only provides you a real-time, powerful database, but recently also added a hosting capability to its offers. In this lesson we will learn how to use the Firebase CLI to setup and configure our Angular project for deploying it to Firebase ... more


Tuesday, 27 June, 2017 UTC

react: Create a Reusable Scroll View Component with Animated scrollTo in React

react: Create a Reusable Scroll View Component with Animated scrollTo in React

In this lesson we'll show how to build a `ScrollView` and `ScrollElement` component that do not add additional markup. We'll use `context` and `findDOMNode` to register nested items and then expose a `scrollTo` function our `ScrollView` that allows for ... more


Sunday, 25 June, 2017 UTC

[Course] node: Build a Node.js REST API with LoopBack

[Course] node: Build a Node.js REST API with LoopBack

In this course the developer will learn how to create a LoopBack API and build it out to an API that can be used as a backend for apps. We will start by creating a basic LoopBack API project and gradually enhance it to a production ready API. The API ... more


Tuesday, 20 June, 2017 UTC

html5: Generate multiple HTML components from an array with the "for loop" in TwigJS

html5: Generate multiple HTML components from an array with the "for loop" in TwigJS

In this lesson, we transform a series of TwigJS "includes" into a clean "for loop". We store our content into an array and let the loop generate one HTML component for each entry. ... more


Tuesday, 20 June, 2017 UTC

typescript: Create a TypeScript Library using typescript-library-starter

typescript: Create a TypeScript Library using typescript-library-starter

Creating a library is always a cumbersome process with lots of setup and decisions to make. [TypeScript library starter](https://github.com/alexjoverm/typescript-library-starter) makes this process very easy and automated, using latest in tech configs ... more


Friday, 16 June, 2017 UTC

react: Create a Responsive Animated Progress Bar in React Native

react: Create a Responsive Animated Progress Bar in React Native

In this lesson we'll show how to structure views to create a responsive progress bar (without defining a set width). It will allow for dynamic border, bar, and fill colors. We'll finish off by showing how to add animation to make the progress indicator ... more


Thursday, 15 June, 2017 UTC

html5: Make your HTML components dynamic with the "with" keyword in TwigJS

html5: Make your HTML components dynamic with the "with" keyword in TwigJS

In this lesson, we make TwigJS components output custom content via the "with" keyword of the "include" tag. We also set up fallback values to make our component work in a variety of scenarios. ... more


Thursday, 15 June, 2017 UTC

react: Create a Virtualized List with Auto Sizing Cells using react-virtualized and CellMeasurer

react: Create a Virtualized List with Auto Sizing Cells using react-virtualized and CellMeasurer

In this lesson we'll use `CellMeasurer` and `CellMeasurerCache` to automatically calculate and cache the height of a row. This will allow us to remove the predefined `rowHeight` on list and allow for dynamically sized rows. ... more


Thursday, 15 June, 2017 UTC

angular2: Bind async requests in your Angular template with the async pipe and the "as" keyword

angular2: Bind async requests in your Angular template with the async pipe and the "as" keyword

Angular allows us to conveniently use the `async` pipe to automatically register to RxJS observables and render the result into the template once the request succeeds. This has some drawbacks, especially if we want to bind the same data in multiple parts ... more


Wednesday, 14 June, 2017 UTC

html5: Create reusable HTML components with the "include" tag in TwigJS

html5: Create reusable HTML components with the "include" tag in TwigJS

In this lesson, we take a repeating block of HTML and turn it into a dynamic, reusable TwigJS component. The "include" tag allows us to generate multiple instances of the component, each with their own custom content. ... more


Wednesday, 14 June, 2017 UTC

react: Create an Auto Resizing Virtualized List with react-virtualized

react: Create an Auto Resizing Virtualized List with react-virtualized

In this lesson we'll show how to use the `AutoSizer` component from `react-virtualized` to automatically measure the width/height of our content area. We'll then use the`List` component to render our set of data as a virtualized list into the DOM using ... more


Wednesday, 14 June, 2017 UTC

typescript: Use Prettier with TSLint without conflicts

typescript: Use Prettier with TSLint without conflicts

[Prettier](https://github.com/prettier/prettier) is an amazing code formatting tool that has support for TypeScript. With Prettier, you don't need care about code formatting rules. [TSLint](https://palantir.github.io/tslint/) is a static analysis tool ... more


Tuesday, 13 June, 2017 UTC

angular2: Show a loading indicator in Angular using *ngIf/else, the as keyword and the async pipe

angular2: Show a loading indicator in Angular using *ngIf/else, the as keyword and the async pipe

The network may be unreliable and loading data may take time. Thus it is important to give the user some feedback about what's going on as fast as possible. In this lesson we learn how to leverage the `else` block of the `*ngIf` directive to show a simple ... more


Tuesday, 13 June, 2017 UTC

react: Use React.cloneElement to Modify and Add Additional Properties to React Children

react: Use React.cloneElement to Modify and Add Additional Properties to React Children

In this lesson we'll show how to use `React.cloneElement` to add additional properties to the `children` of a React element. We'll also show that you can add additional properties not declared on the element. ... more


Monday, 12 June, 2017 UTC

otherjs: Use Yarn to Create an Alternative Import Name of an Installed Library

otherjs: Use Yarn to Create an Alternative Import Name of an Installed Library

In this lesson we'll show how to use yarn to alias the names of same npm libraries but install different versions. This could allow for easy migrating from one library version to an upgraded version. ... more


Thursday, 8 June, 2017 UTC

react: Convert Imperative Code to a Declarative React Component

react: Convert Imperative Code to a Declarative React Component

In this lesson we'll show how to take a `beforeUnload` call and convert it to a declarative React Component. It will handle subscribing to events, and automatically unsubscribing to prevent memory leaks. ... more


Wednesday, 7 June, 2017 UTC

js: Convert CommonJS Requires to ES6 Imports

js: Convert CommonJS Requires to ES6 Imports

In this lesson we'll use `cjs-to-es6` to convert CommonJS requires to ES6 imports. We'll also show how to convert over a exported default object to take advantage of named exports. ... more


Wednesday, 7 June, 2017 UTC

node: Use babel-preset-env with Native Node Features and Also Use Babel Plugins

node: Use babel-preset-env with Native Node Features and Also Use Babel Plugins

In this lesson we'll show how to setup a `.babelrc` file with presets and plugins. Then create npm scripts that use `babel-node` and `babel`. With `babel-preset-env` we'll show how to target specific versions of node and how to use babel plugins, while ... more


Tuesday, 6 June, 2017 UTC

otherjs: Fix Only Committed Files with Prettier and lint-staged

otherjs: Fix Only Committed Files with Prettier and lint-staged

In this lesson we'll use `prettier` and `lint-staged` to run prettier only on files that have been changed and committed to git. This will allow you to prettify files as you change them, and prevent massive lint only git check ins. ... more


Tuesday, 6 June, 2017 UTC

otherjs: Create a VSCode Snippet with Tab Stops and Named Variables

otherjs: Create a VSCode Snippet with Tab Stops and Named Variables

In this lesson we'll create a VSCode snippet for quickly reusing code. We'll show how to setup tab stops orders to move the cursor in a specific order when tab is pressed. Then we'll show how to create named variables with default values. ... more


Friday, 2 June, 2017 UTC

react: Disable and Ignore Yellow Box Warnings in React Native

react: Disable and Ignore Yellow Box Warnings in React Native

Yellow box warnings in react native can be intrusive. We will use `console.disableYellowBox` to disable the yellow box entirely. We'll also use `console.ignoredYellowBox` to selectively disabled warnings. ... more


Thursday, 1 June, 2017 UTC

[Course] js: Ember 2 Fundamentals

[Course] js: Ember 2 Fundamentals

Ember is a javascript framework that provides a rich set of tools for building modern web applications. Unlike many frameworks, Ember comes with opinions and a way of doing things so you aren't left with a ton of decisions to make about problems that ... more


Thursday, 1 June, 2017 UTC

otherjs: Use licensee.js to Check Dependencies for Accepted Library Licenses

otherjs: Use licensee.js to Check Dependencies for Accepted Library Licenses

In this lesson we'll use licensee.js to see how to configure accepted license types for our project. We'll also explore how to use whitelist overrides to allow specific libraries that may not match our license configuration. We'll also setup an npm script ... more


Thursday, 1 June, 2017 UTC

otherjs: Create Circles and Rects in the SVG DOM

otherjs: Create Circles and Rects in the SVG DOM

In this lesson we go over how to draw basic shapes in SVG using the coordinate system: circles, ellipses, squares and rectangles, and rounded rectangles. ... more


Thursday, 1 June, 2017 UTC

otherjs: Create Polygons and Polylines in the SVG DOM

otherjs: Create Polygons and Polylines in the SVG DOM

In this lesson, we go over how to draw any polygon element, as well as how to convert it to a polyline ... more


Friday, 26 May, 2017 UTC

[Course] css: Maintainable CSS using TypeStyle

[Course] css: Maintainable CSS using TypeStyle

Having your CSS co-located with your UI code provides the same sort of advantages in refactor ability and maintainability that React provides for the DOM using JSX. TypeStyle allows you to do that with the additional safety of TypeScript. In this course ... more