Introduction

In this post, We would try to develop and publish a visual studio code extension using VSCode samples, APIs, and TypeScript. The extension we will make is called Oops and is currently available at the VSCode Marketplace and GitHub if you want to check it out for yourself.

This extension will be a simple and straightforward one as the functionalities are limited to these four items:

1. Install essential packages:

Sources: https://github.com/sj26/mailcatcher/issues/144#issuecomment-152839748
https://github.com/sj26/mailcatcher/issues/144#issuecomment-48008579

2. Install Mailcatcher

How to consume APIs inside Laravel?

If you want to fetch, save, crawl, or fire a one-time request to a remote server that exposes API, there are a variety of options for Laravel. An example use-case would be updating the IMDB rating for a batch of movies and series for your film listing web application.

The popular ones are:

Things to keep in mind…

Heads Up! if the API you are going to consume in your application is well-known and complex, there is a high chance that someone else has already developed a library to just work with that API, like this Laravel package by Mustapha Alaouy that specifically calls YouTube API.

I just created a simple Vue.js spinner using SVG and CSS animation to iterate along with the different colors.

The default spinner comes from Glenn McComb post, where he created a spinning SVG circle using CSS animation. I have slightly adjusted it to put in a Vue.js template.

The HTML part is straight forward; we have a circle in 100 by 100 view box, centered at 50 with a radius of 45.