You’re here because Instagram’s Legacy API, or their ‘Basic Permissions’ has been deprecated in June 2020. In order to continue using their services, and to ensure your latest application or website functions the same way, you have to go through with learning how to access their new API.

The problem? Facebook’s documentation for Instagram’s API sucks. Hard.

Now I can go on a several minute tirade about how the examples they provide are unclear and the links send you to random examples that loop you around like a boring rollercoaster, but you already knew that. If not, let me save…


I have selected my personal Top 8 VSCode Extensions that I believe every developer should have installed for productivity!

Why use Visual Studio Code (VSCode)? Well essentially, it is one of the most popular code editors out there. It’s free, it has a simple interface, and it has countless extensions which adds productivity and fun to your overall coding experience.

Remember, these are strictly my own preference, though I do believe these suggestions will also help newbie developers and perhaps some more seasoned veterans. Let’s get started!

1. One Dark Pro Theme

Themes are useful depending on each individual person. The provide a sense of…


Okay, so you made a mistaken commit and you want to go back in time. Fortunately using this code in the terminal has helped:

git reset --hard HEAD~1

But then you’ve taken you too far and you’ve lost precious commits! All of a sudden you’re back to the very beginning and you have no clue how to get back! Rest assured you can! With this:

git reflog

Using this will bring up a log of all the previous commits you made in the past then with using:

git reset --hard HEAD@{whichever number was next to that commit you want to go back to}

And voila! You’re back in business. Hope this article saved ya time and trouble :)

Originally published at https://www.andrewjly.com on October 27, 2020.


What is Web Testing and Why should I Test?

Website testing is checking your web application or website for potential bugs before its made live and is accessible to the general public. Web Testing checks for functionality, usability, security, compatibility, database performance, and interface of the web application or website.

During this stage issues such as that of web application security, the functioning of the site, its access to handicapped as well as regular users, and its ability to handle traffic is checked. …


Why Use The Gatsby Image API

So you’ve built a site using GatsbyJS and you want to implement an image component. It’s not the same as throwing an image tag as you would with a typical HTML and CSS site. But rather, the part that makes GatsbyJS sites so blazing fast is how the framework approaches to handling and optimizing its images. The gatsby-image is a React component designed to work with GatsbyJS' native image processing capabilities, which is powered by GraphQL and gatsby-plugin-sharp to easily and completely optimize image loading for your sites.

Setting up Gatsby Image

To start working with Gatsby Image, install the gatsby-image package along with…


Currently, there are two ways of building websites: as multi-page applications (MPAs) or as single-page applications (SPAs). SPAs are more modern, but that does not invalidate MPAs. The decision between a single-page and multi-page application depends on business goals and the future architecture.

Here some of the pros and cons of single-page and multi-page applications.

What’s a Single Page Application?

A SPA works in the browser and requires no page reloads and no extra time for waiting. The page doesn’t need to be updated since content is downloaded automatically. Facebook, Gmail, Twitter, Google Drive, or even GitHub are excellent examples of single-page apps.

SPAs use…


Accelerated Mobile Pages or AMP for short, is a framework toted by Google since 2015 and has supported well-known companies such as: Adobe, LinkedIn, Reddit, WordPress, Vimeo, eBay, Pinterest, Washington Post, Wired, Gizmodo, and much more. It’s an open framework built entirely out of existing web technologies, which allows websites to build light-weight webpage. AMP does not simply replace your existing website.

Essentially it is another site with the same content, but stripped down for mobile users.

How AMP Works

AMP is made of 2–3 main components:

  1. AMP HTML. This is a subset of HTML that you’re allowed to use. It restricts the…

What’s the difference between Arguments and Parameters?

Arguments and parameters are often referred to interchangeably, but they are in fact, different. Not by much but in order to speak the language among coders, and for the purpose of this quick tip tutorial, we will make the distinction.

Parameters (or formal parameters) are the variables given inside the function declaration

VERSUS

Arguments (or actual parameters) are the values passed to the function.

The distinction is subtle, but parameters are what is initially put into the function definition, whereas the arguments are what you pass in after. Let’s take it one step further with an example function:

function foo(param1…

To enable Emmet depends on the code editor of your preference. In the case of Visual Studio Code (VSCode), if you want to configure it for current work space you’ll just need to follow these easy steps:

First, get to your Settings by:

This shortcut for PC users: Ctrl + ,

This shortcut for Mac users: Command + ,

Or if you prefer not to use shortcuts for some reason: File > Preferences > Settings

Next, get into the Workspace section:


this is the bane of existence for new developers

Welcome back to another edition of the Coding Writer’s Guide, this time we’ll be discussing the this keyword! In JavaScript, this is also different compared to other languages, which also adds to the confusion, especially when new developers try to apply it to their code. I hope after reading this short and simple explanation that you get a better understanding for a fundamental topic, or if you already know what this does, then perhaps this’ll provide a decent refresher.

Let’s dive right in!

What is the this keyword and how is it used?

In short the this keyword exists in all JavaScript functions. The this value is determined at the…

Andrew Ly

Founder of Neo Typewriter. He is a published author, podcast host, digital marketer, and full-stack web developer. Read more at: www.andrewjly.com

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store