hello.js

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

Thursday, 18 January, 2018 UTC

All in One Authentication and Route Protection for a React + GraphQL App

All in One Authentication and Route Protection for a React + GraphQL App

Email, Facebook, Google, Twitter, Github and the list can go as long as you wish. These are possible options for authenticating users in your web apps. Apps built with React and GraphQL are no less candidates for such authentications. Our Tools In this ... more


Thursday, 11 January, 2018 UTC

Template Driven Form Validation In Vue.js

Template Driven Form Validation In Vue.js

Form validation (or more correctly, form field validation) forces a user to fill out all required fields in a web form. The validation is typically done where the developer can set up rules. For example: If the name field is blank, take the user back ... more


Wednesday, 10 January, 2018 UTC

Build User Registration with Node, React, and Okta

Build User Registration with Node, React, and Okta

Today's internet users expect a personalized experience. Developers must learn to develop websites that provide that personalized experience while keeping their user's information private. Modern web applications also tend to have a server-side API and ... more


Wednesday, 10 January, 2018 UTC

How to Build a Realtime Chat App with React and GraphQL

How to Build a Realtime Chat App with React and GraphQL

GraphQL and React are a match made in heaven. Their ecosystem provides a lot of tools to simplify common web programming tasks including realtime integrations. In this article, youíre going to learn how to use only React and GraphQL to make a realtime ... more


Tuesday, 9 January, 2018 UTC

A Practical GraphQL Getting Started Guide with Node.js

A Practical GraphQL Getting Started Guide with Node.js

Most of us may be very familiar with creating REST APIs. GraphQL is a query language, created by Facebook with the purpose of building client applications based on intuitive and flexible syntax, for describing their data requirements and interactions. ... more


Thursday, 4 January, 2018 UTC

Rendering CSS on Servers for Next.js (React) Apps

Rendering CSS on Servers for Next.js (React) Apps

Server-side rendering is not such an easy task. Its ambiguity is independent of the library — it’s just generally daunting. This is why some amazing developers are out there building open source tools like Next.js (React) and Nuxt.js(Vue) to help simplify ... more


Tuesday, 2 January, 2018 UTC

How to Build a Memory Matching Game in JavaScript

How to Build a Memory Matching Game in JavaScript

I recently built a matching game as one of my FEND (Front-end NanoDegree) projects, and in this post, I will be documenting the process. I guess this can be a simple tutorial for people learning javascript and want to build a real project. Let’s get ... more


Tuesday, 26 December, 2017 UTC

A Zero Configuration Module Bundler -- Meet Parcel

A Zero Configuration Module Bundler -- Meet Parcel

As developers, we love to build parts of our application as modules, being that modules help to improve, especially the reusability of code. So, writing or importing modules into an existing or a new web application is almost inevitable. To make the ... more


Wednesday, 20 December, 2017 UTC

Using Google, Github and Instagram Authentication for Login in AdonisJS 4.0

Using Google, Github and Instagram Authentication for Login in AdonisJS 4.0

The importance of security and efficient authentication in modern web apps cannot be overly emphasized. From my previous post, Using Facebook/Twitter Authentication in Adonis 4.0. Effective user authentication via Facebook and twitter was discussed and ... more


Tuesday, 19 December, 2017 UTC

Angular - Shortcut to Importing Styles Files in Components

Angular - Shortcut to Importing Styles Files in Components

In a typical Angular project, you'll have many components. Each components has it own stylesheet (css, scss, less, etc). It's quite often that you might need to include global styling files (especially variables file) in your component. We've talked ... more


Monday, 18 December, 2017 UTC

Understanding JavaScript Closures: A Practical Approach

Understanding JavaScript Closures: A Practical Approach

Learning a new language involves a series of steps, whereas its mastery is a product of patience, practice, mistakes, and experience. Some developers will have enough knowledge to deliver on features as per a client's demand, but it takes more than just ... more


Thursday, 14 December, 2017 UTC

Building a Slack Bot with Modern Node.js Workflows

Building a Slack Bot with Modern Node.js Workflows

I recently started getting more requests from my workmates to refresh a “particular report” through one of the many custom reporting scripts we have. At first I didn’t mind, but eventually, I felt it would be better if people could get these reports ... more


Tuesday, 12 December, 2017 UTC

Build a Secure To-Do App with Vue, ASP.NET Core, and Okta

Build a Secure To-Do App with Vue, ASP.NET Core, and Okta

I love lists. I keep everything I need to do (too many things, usually) in a big to-do list, and the list helps keep me sane throughout the day. It’s like having a second brain! There are hundreds of to-do apps out there, but today I’ll show you how ... more


Monday, 11 December, 2017 UTC

Build a GraphQL Server With Apollo Server and AdonisJS

Build a GraphQL Server With Apollo Server and AdonisJS

Recently, I have been exploring GraphQL. Apollo (client and server) has really made working with GraphQL awesome. Apollo server has support for some NodeJS frameworks out of the box. When it is comes to NodeJS frameworks, AdonisJS is my preferred choice. ... more


Thursday, 7 December, 2017 UTC

Setting up webpack for Any Project

Setting up webpack for Any Project

Most developers have interacted with webpack while creating React projects and most see it as a tool for use in developing React projects rather than a general development tool. webpack is a powerful module bundler that can be very efficient if used ... more


Thursday, 7 December, 2017 UTC

Creating Transcripts For Videos

Creating Transcripts For Videos

Legend has it that several years ago the inhabitants of the earth all spoke one language. They all communicated easily and there was peace in the land. Suddenly, they came together to build a tower to speak face-to-face with their maker. Their maker ... more


Monday, 4 December, 2017 UTC

Getting Started with Asynchronous Iterators and Generators

Getting Started with Asynchronous Iterators and Generators

Introduction It’s been a long while coming and I feel it’s high time I made a post about it. Asynchronous Iteration could become the next big thing in JavaScript. With the proposal to include them up all the way to stage 3, I think it’s only right to ... more


Wednesday, 22 November, 2017 UTC

Webinar: Going From jQuery to Vue - Dec 13 - 11am PST

Webinar: Going From jQuery to Vue - Dec 13 - 11am PST

Hey there Scotchers. We'll be doing a free webinar coming up on one of our favorite JS libraries, Vue. Make sure to sign up and add it to your calendar to join in on the fun. This is a good crash course for those of you that have heard about Vue but ... more


Thursday, 16 November, 2017 UTC

Vue.Js and React.Js – a Quick Comparison

Vue.Js and React.Js – a Quick Comparison

Frontend developers utilize a variety of tools. Discussion of these tools and arguing which one is the best will easily grow in a holy war, as every developer has his own preferences in terms of methods of working and using programming languages. That ... more


Wednesday, 15 November, 2017 UTC

Building a Simple Face Recognition App with Vue.js and Kairos

Building a Simple Face Recognition App with Vue.js and Kairos

Face Detection and Recognition have become an increasingly popular topic these days. It's a great advantage for a machine to know which user is in a picture. The applications of facial recognition in our world today are endless. From Face, iD unlock ... more


Wednesday, 15 November, 2017 UTC

Simple Asynchronous Infinite Scroll with Vue Watchers

Simple Asynchronous Infinite Scroll with Vue Watchers

Infinite Scroll is a UX pattern that suggests showing users few contents on page or app load. More contents are then loaded once the user starts scrolling down the page. These contents are loaded asynchrounously by making request to the server responsible ... more


Wednesday, 15 November, 2017 UTC

Build Your Own Invoicing Service with Node, Coinbase, Bitcoin, and Okta

Build Your Own Invoicing Service with Node, Coinbase, Bitcoin, and Okta

I got into Bitcoin back in 2011. Since then, I've been a fan of cryptocurrencies and have always had an interest in them. I've also built several Bitcoin projects over the years (an information website, an ecommerce site, and several others) to help ... more


Tuesday, 7 November, 2017 UTC

Proper Error Handling in JavaScript

Proper Error Handling in JavaScript

Every programmer out there wants to write code that works. In the long run, chances of your program running as expected reduce due to one thing ‒ errors. Errors in JavaScript could get complex at certain times and when that happens, programmers have ... more


Monday, 6 November, 2017 UTC

Creating Online Streaming Radio With Rails and Icecast

Creating Online Streaming Radio With Rails and Icecast

Hello and welcome to this article! Today I would like to talk about creating an online streaming radio with the Ruby on Rails framework. This task is not that simple but it appears that by selecting the proper tools it can be solved without any big difficulties. ... more


Friday, 3 November, 2017 UTC

Reference Angular Imports Absolutely for Easier Development

Reference Angular Imports Absolutely for Easier Development

Working with Angular has been a delight. Working with TypeScript, Observables, and the CLI have been great tools for development. Referencing Imports Relatively One piece of feedback I've noticed when working with Angular is when importing components ... more


Friday, 3 November, 2017 UTC

Build a Server-Side Rendered Vue App with Nuxt.js

Build a Server-Side Rendered Vue App with Nuxt.js

Usage of static websites are increasing in popularity recently. It’s not a surprise as static site generators seem to have been gaining more popular recently too. There are various static site generators which you can use to build websites. Some of these ... more


Tuesday, 31 October, 2017 UTC

Realtime GraphQL UI Updates in React with Apollo.

Realtime GraphQL UI Updates in React with Apollo.

Introduction This is the fourth and final part of a 4-part series of articles explaining the implementation of GraphQL on an Express Server and similarly in a React client using Apollo. In this article we look at how to maintain realtime UI updates after ... more


Monday, 30 October, 2017 UTC

Demystifying Vue Lifecycle Methods

Demystifying Vue Lifecycle Methods

Using components in your application is one thing but understanding how they work and knowing their lifecycle (when they are created, added to your DOM, updated or destroyed) is very important. You can hook into each of these component lifecycle methods ... more


Wednesday, 25 October, 2017 UTC

Deploying AdonisJS Apps to DigitalOcean

Deploying AdonisJS Apps to DigitalOcean

In my last post I showed how to deploy AdonisJS apps to Heroku. In this tutorial, I'll be showing you how to deploy your AdonisJS application to Digital Ocean. We'll also be deploying the task list app we built earlier on. Prerequisites This tutorial ... more


Tuesday, 24 October, 2017 UTC

Extending Vue Components with Mixins

Extending Vue Components with Mixins

When it’s a side project or something little, the DRY concept may not be tightly upheld. Yikes it’s just a “simple demo”, nothing large. When we begin to build large chunks of code not necessarily production level, thoughts of reusability and maintainability ... more