hello.js

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

Friday, 18 May, 2018 UTC

Get to Know React's New Context API

Get to Know React's New Context API

In a world where there are lots of different front-end frameworks, it's always hard to know which one to pick. Do I want to use the ever popular Angular? Or would diving into VueJS be beneficial to my scope of knowledge? Then we have ReactJS, a framework ... more


Tuesday, 15 May, 2018 UTC

Personalize Your UX By Location Using IPstack's Geolocation

Personalize Your UX By Location Using IPstack's Geolocation

Which site is better? This is the age-long question that many website owners are still trying to answer so they can dominate their niche. Take a look at Google Search — there's no denying that it is the most visited search engine/website in the world. ... more


Monday, 14 May, 2018 UTC

Upgrade AngularJS Sorting Filters to Angular

Upgrade AngularJS Sorting Filters to Angular

In the early days of AngularJS, one of the most celebrated features was the ability to filter and sort data on the page using only template variables and filters. The magic of two-way data binding won over many converts to AngularJS and helped it spread ... more


Monday, 14 May, 2018 UTC

Web Scraping Scotch: The Node Way

Web Scraping Scotch: The Node Way

A lot of new web technologies and design paradigms have emerged in the last couple of years. Some programming languages are beginning to gain increasing popularity. It's very likely to have heard about concepts like responsive design, hybrid mobile/desktop ... more


Thursday, 10 May, 2018 UTC

Add Authentication to Any Web Page in 10 Minutes

Add Authentication to Any Web Page in 10 Minutes

This content is sponsored via Syndicate Ads Adding authentication to web pages can be pretty annoying. While I'd like to say that over the course of my programming tenure I've learned to easily add authentication to any app I create, my attempts tend ... more


Wednesday, 9 May, 2018 UTC

8 Awesome New Features in Sublime Text 3.1

8 Awesome New Features in Sublime Text 3.1

What are developers without code editors? I can't seem to think of a clear answer to that. In recent times, code editors have evolved from traditional IDEs to smarter and faster tools. While some favor speed with a minimal user interface (Sublime Text), ... more


Monday, 7 May, 2018 UTC

Build A Scroll-Spy Navbar (Solution to Code Challenge #9)

Build A Scroll-Spy Navbar (Solution to Code Challenge #9)

Last week we put out a challenge to build out a scroll-spy navbar. Scroll-spy navbars are great and highlights the navbar menu when a specific element or portion of the page comes into view. Are you yet to take the challenge? Do so and showcase your ... more


Thursday, 3 May, 2018 UTC

Announcing THE Book on Server Side Rendering for React with Next.js

Announcing THE Book on Server Side Rendering for React with Next.js

With the high demand for SEO and high-performant web application, server-side rendering has become innevitable for commercial websites since they need to be found and ranked higher than their competitors. Building SSR with frontend frameoworks/libraries ... more


Thursday, 3 May, 2018 UTC

Building a Weather App in Django

Building a Weather App in Django

In this article we'll build a simple Django app that displays the current weather for various cities. To get the current weather data, we'll use the Open Weather Map API. Even though the app is simple, we'll work with a database and create a form, so ... more


Tuesday, 1 May, 2018 UTC

Code Challenge #9: Build A Scroll-Spy Navbar

Code Challenge #9: Build A Scroll-Spy Navbar

A navigation bar is undoubtedly a really important element considered while designing websites and web pages. In a website, it's utilized in navigating around the site through specific links. However, on a single page, navigation bars are used to quickly ... more


Monday, 30 April, 2018 UTC

Building a Mini Invoicing Application with Vue and NodeJS - JWT Authentication and Sending Invoices

Building a Mini Invoicing Application with Vue and NodeJS - JWT Authentication and Sending Invoices

In the previous parts of the series, we looked at how to create the User Interface of our Invoicing Application that allowed users to create and view existing invoices. In this final part of the series, we will look at the last important parts that haven’t ... more


Thursday, 26 April, 2018 UTC

What's New in Node 10 "Dubnium"

What's New in Node 10 "Dubnium"

Node.js 10.0.0 is the seventh major Node.js release since the launch of the Node.js Foundation. In October of 2018, it will become the next Active Long Term Support branch. Node.js version 10 is out. Yay!! This is the next LTS (Long term support) version ... more


Monday, 23 April, 2018 UTC

Password Strength Meter In React

Password Strength Meter In React

Some time ago I developed a tutorial showing how to create a password strength meter in an AngularJS application using the zxcvbn JavaScript library by Dropbox. Since React has become the most widely used JavaScript framework in the last few years, I ... more


Thursday, 19 April, 2018 UTC

Why You Shouldn’t Necessarily Start with a Monolith

Why You Shouldn’t Necessarily Start with a Monolith

For your consideration: monolith vs. microservices Conventional wisdom counsels starting out with a monolith, but are there exceptions? I asked some top CTOs about their experiences to determine what to consider when making a decision between starting ... more


Thursday, 19 April, 2018 UTC

Build an Amazon-Like Product Preview App using Vue.js

Build an Amazon-Like Product Preview App using Vue.js

If you have ever used online stores like Amazon or eBay, you have definitely used the preview feature. It shows you images or videos of the product so you know what to expect before making a purchase. In this article, we are going to examine how to build ... more


Wednesday, 18 April, 2018 UTC

Zero to Deploy: Build A Documentation System with Vue and VuePress

Zero to Deploy: Build A Documentation System with Vue and VuePress

Documentation is food for the developer’s soul, and too many times we find it arduous to build out a documentation system for projects. In this post, we shall be building out a static documentation website which is also a single page application using ... more


Wednesday, 18 April, 2018 UTC

Build An Animated Image Search with Vue.js (Solution to Code Challenge #8)

Build An Animated Image Search with Vue.js (Solution to Code Challenge #8)

Yet to take the code challenge #8 to build an animated image search? You can still do so! Send in your solutions using the comment section under the post, via Twitter with the hashtag #scotchchallenge or via the Slack channel #codechallenge in the Slack ... more


Monday, 16 April, 2018 UTC

Add Loading Indicators to Your Vue.js Application

Add Loading Indicators to Your Vue.js Application

Loading indicators improve UX (user experience) in any application web or mobile. It tells the user that an action is being carried and a result will return shortly. In web applications, there are two major events that need loaders: Network requests ... more


Saturday, 14 April, 2018 UTC

Code Challenge #8: Build An Animated Image Search

Code Challenge #8: Build An Animated Image Search

Last time on the Code Challenge, we built out an Off Canvas sidebar using plain Vanilla JavaScript. Have a look at the solution here. In this week's challenge, we shall be building an animated image search application. This simple application will have ... more


Friday, 13 April, 2018 UTC

Building a Mini Invoicing App with Vue and NodeJS : User Interface

Building a Mini Invoicing App with Vue and NodeJS : User Interface

In the first part of this series, we looked at how to set up the backend server for the mini invoicing application. In this part, let’s take a look at how to build the part of the application users will interact with, the user interface. Prerequisites ... more


Friday, 6 April, 2018 UTC

Building a Mini Invoicing App with Vue and Node : Database and API

Building a Mini Invoicing App with Vue and Node : Database and API

To get paid for goods and services provided, companies/freelancers need to send invoices to their customers informing them of the services that they will be charged for. Back then, people had paper invoices which they gave to the customers when they ... more


Thursday, 5 April, 2018 UTC

4 Things Every Progressive Web App Must Have

4 Things Every Progressive Web App Must Have

A Progressive Web App (PWA) is a web app that uses modern web capabilities to deliver an app-like experience to users. It looks and behaves as if it is a mobile app and can be kinda installed. In this post, we'll be looking at 4 things every progressive ... more


Tuesday, 3 April, 2018 UTC

Build An Avengers Off Canvas Sidebar (Solution to Code Challenge #7)

Build An Avengers Off Canvas Sidebar (Solution to Code Challenge #7)

Last week we put out the code challenge #7, to build an Avengers Off Canvas sidebar using any tool or technology. You can check out awesome submissions in the comments under the post, also on Twitter using the hashtag #codechallenge and via the Scotch ... more


Thursday, 29 March, 2018 UTC

How to Optimize Node Requests with Simple Caching Strategies

How to Optimize Node Requests with Simple Caching Strategies

One of the things that affect how users interact with our applications is its speed. Even though some users generally have a poor connection, they are expecting some minimum level of speed when using the application. To give our users a seamless experience, ... more


Friday, 23 March, 2018 UTC

How To Make Netflix-Like Swipers in Vue

How To Make Netflix-Like Swipers in Vue

If you have been building for the web for a little while, you would have like me encountered at least some issues when making swipers - for some reason, they always seem to have a mind of their own for a while and they come around. It's either, the swiper ... more


Tuesday, 20 March, 2018 UTC

Build A Pomodoro Timer with Vue.js (Solution to Code Challenge #6)

Build A Pomodoro Timer with Vue.js (Solution to Code Challenge #6)

Tried the code challenge #6? Last week, we put out the challenge to build a Pomodoro timer using any tool or technology. You can check out the amazing entries for the challenge using the hashtag #scotchchallenge on twitter on in the comment section under ... more


Monday, 19 March, 2018 UTC

Animating More Elements Along SVG Paths with JavaScript (Part 2)

Animating More Elements Along SVG Paths with JavaScript (Part 2)

In a previous tutorial we introduced a new library that allows us to animate elements along a SVG path called PathSlider . In addition, we put into practice the use of this library and developed a simple slider, with a minimum of effort. In this tutorial ... more


Friday, 16 March, 2018 UTC

Continuous Development Without Hitting Ctrl + R with webpack 4

Continuous Development Without Hitting Ctrl + R with webpack 4

A while ago, when building a lot of front end applications, once a change is made, the we browser needs to be reloaded every time. At that time, this didn’t seem like a problem at all. As the saying goes, necessity is the mother of inventions. How about ... more


Friday, 16 March, 2018 UTC

Using JSX with Vue and Why You Should Care

Using JSX with Vue and Why You Should Care

Vue.js has an easy API and several options for defining HTML templates in our components. We can use the <template> tag option, define a template property on our root component instance, or use Single-File components. The options above are awesome ... more


Thursday, 15 March, 2018 UTC

Code Challenge #6: Build A Pomodoro Timer

Code Challenge #6: Build A Pomodoro Timer

Last week on the code challenge #5 we looked at building a movie player using a provided API. Here is the solution to the challenge built with Vue.js. This week we'll be building a Pomodoro timer. A Pomodoro timer is a time management tool which breaks ... more