hello.js

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

Friday, 23 February, 2018 UTC

Code Challenge #4: Build An Eye-Tracking Alien with JavaScript

Code Challenge #4: Build An Eye-Tracking Alien with JavaScript

Hi and welcome to our Code Challenge #4. This week on the challenge we shall be delving into mouse tracking with JavaScript and simple animations with CSS. The Challenge The challenge is basically to build this Alien from Mars. We were browsing CodePen ... more


Friday, 23 February, 2018 UTC

Infinite Scroll in React Using Intersection Observer

Infinite Scroll in React Using Intersection Observer

The most dreaded features when building frontend apps are features that need you to take control of the scroll events, behavior and properties. Not only are they hard to implement because of numbers crunching, but more often they are prone to affect ... more


Thursday, 22 February, 2018 UTC

Build an Elastic Range Input with SVG and anime.js

Build an Elastic Range Input with SVG and anime.js

Among all the fascinating web components we can found in any UI, forms are usually the most boring part. In the past, there used to be only a few text input elements, where the user had to enter the data manually. Then with HTML5 things improved a lot, ... more


Friday, 16 February, 2018 UTC

Code Challenge #3: CSS Lightsaber Checkbox

Code Challenge #3: CSS Lightsaber Checkbox

Welcome to our Code Challenge #3. Way back when about five years ago when we started Scotch.io, one of our very first articles was to create lightsabers using plain CSS. Let's bring that back and see how we can build out the same thing in this week's ... more


Thursday, 15 February, 2018 UTC

Build a React Native App and Authenticate with OAuth 2.0

Build a React Native App and Authenticate with OAuth 2.0

With Okta and OpenID Connect (OIDC) you can easily integrate authentication into a React Native application and never have to build it yourself again. OIDC allows you to authenticate directly against the Okta API, and this article shows you how to do ... more


Wednesday, 14 February, 2018 UTC

Object Oriented Programming in JavaScript

Object Oriented Programming in JavaScript

Object-Oriented Programming is a popular style of programming that has taken root in JavaScript since the beginning. It's so deeply rooted in JavaScript that many of JavaScript's native functions and methods are written in the Object Oriented style; ... more


Monday, 12 February, 2018 UTC

Laravel 5.6 is Out! What's New?

Laravel 5.6 is Out! What's New?

Laravel has come a long way becoming better with each new release. During the recent Laracon Online, Taylor Otwell announced the official release of Laravel 5.6. Just like Laravel 5.5, this new version will require PHP 7.0+. Without further ado, let's ... more


Wednesday, 7 February, 2018 UTC

Building a New Parse Server & MongoDB Atlas-Based Application

Building a New Parse Server & MongoDB Atlas-Based Application

Whether you're migrating from the deprecated Parse.com (api.parse.com) or building a new application, the Parse Server community is alive and strong, and since Parse Server version 2.1.11, there is support for MongoDB 3.2 which makes MongoDB Atlas an ... more


Wednesday, 7 February, 2018 UTC

How to Test NodeJS Apps using Mocha, Chai and SinonJS

How to Test NodeJS Apps using Mocha, Chai and SinonJS

Not having tests in your app is a pain because, chances are every time you make slight adjustments to your app you have to manually check every single part of your app to see if anything broke. Writing tests however, also feels for the most part a chore. ... more


Friday, 2 February, 2018 UTC

Build a Download Button Full of Micro Interactions

Build a Download Button Full of Micro Interactions

We often see websites and apps that really get our attention throught some UI details and well designed animations. Those little animation pieces that complement the design are also known as micro-interactions, and they often makes the difference between ... more


Friday, 2 February, 2018 UTC

Set Up A React Project With Parcel: The Zero Configuration App Bundler

Set Up A React Project With Parcel: The Zero Configuration App Bundler

When it comes to web application bundling, there's a new kid on the block and that's Parcel. ParcelJS is a relatively new bundler that was launched sometime around October, last year. Parcel describes itself as a blazing fast, zero-configuration web ... more


Wednesday, 31 January, 2018 UTC

​Why Wix Code Uses JavaScript

​Why Wix Code Uses JavaScript

Wix has many tools and features available to its site owners. Wix Code gives you the ability to add your own code to a Wix site. We chose JavaScript as the language we support both in both the front-end and the backend , and as the language of our APIs. ... more


Monday, 29 January, 2018 UTC

Zero to Deploy: A Practical Guide to Static Sites with Gatsby.js

Zero to Deploy: A Practical Guide to Static Sites with Gatsby.js

Since the advent of the modern web, performance has been a key consideration when designing a website or a web app. When a website requires no server interaction whatsoever, what is hosted on the web is served to a user as is, this is referred to as ... more


Thursday, 25 January, 2018 UTC

Build Your Own Giphy Clone with React and Cloudinary

Build Your Own Giphy Clone with React and Cloudinary

We’ve all seen and used them… animated GIFs they are funny, distracting and seem to be everywhere. We have Alex Chung and Jace Cooke to thank for this incredible distraction and waste of everyone’s time. Seriously. It’s a distraction. The initial idea ... more


Monday, 22 January, 2018 UTC

Building an Events App with Meteor and React

Building an Events App with Meteor and React

Meteor is an open source, fullstack javascript platform. This allows you to develop in one language. It has some really cool perks the best of which is; It provides complete reactivity; this means your UI reflects the actual state of the world with little ... more


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