Tag: javascript

Build Electron Applications With Vue.js And Webpack

May 14, 2020 (Updated) Nic Raboy

If you're like me, you thought you'd try to build a cross-platform desktop application using the very popular Electron framework as well as the very popular Vue.js JavaScript framework. At first glance it might seem as easy as defining an Electron configuration, but in reality, a little more needs to be done when using Webpack to build the project.

I had written a few tutorials a while back around Electron, and even one with Vue.js, but in that example the Vue CLI and Webpack were not part of the equation. In this tutorial, we're going to see how to create a new Vue.js application using the Vue CLI, configure it for use with Electron, and then deploy it in all its glory.

Developing A RESTful API With Node.js And MongoDB Atlas

September 28, 2018 Nic Raboy

Most modern web applications need to be able to handle data consumption requests and data manipulation requests from clients using HTTP. It is the norm to pass JSON data between these requests so it makes sense to use a NoSQL document database because JSON and similar is the common storage format, eliminating the need to marshal data to new formats in every request.

Lucky for us, leveraging these concepts and technologies is not a difficult task.

We're going to see how to create a RESTful API using Node.js and Express Framework that communicates to a cloud instance of MongoDB called Atlas.

Creating A Basic Chrome Extension

September 19, 2018 Dan Shultz

Chrome Extensions have been around for a long time. I believe they are a very under-explored technology - and if you're a traditional web developer, there's a very small learning curve since Chrome Extensions are comprised of HTML, JavaScript and CSS. Bonus - you don't have to worry about every browser under the sun, just Chrome! (though Firefox is becoming extension-friendly, it might be a good idea to not include Chrome-only web features).

Convert Data Between CSV And JSON With Simple JavaScript

August 20, 2018 Nic Raboy

A popular subject on the blog has always been around the conversion of one data format to another data format. For example we've already seen how to convert XML data to JSON data with JavaScript, but what if we wanted to work with comma separated value (CSV) data instead?

We're going to see how to take a CSV file, parse it into JSON, make some changes, and then convert it back into a CSV file using Node.js and a few readily available packages.

Convert Amazon Links In A Hugo Site To Affiliate Links With Gulp

August 13, 2018 Nic Raboy

As you may already know, The Polyglot Developer is a statically generated website built with Hugo. That means that there are no databases involved, no server side languages, only HTML, CSS, and JavaScript.

In the past I shared the automated Gulp workflow that I use when building my blog to maintain performance and a solid standing with search engine optimization (SEO).

I received a request from a subscriber recently around affiliate link generation on a Hugo website and I figured it would be an interesting topic to tackle. Typically a WordPress plugin or similar would handle the job, but since we're working with a static website, we have to be inventive with our build scripts.

In this tutorial we're going to see how to build a Gulp task that will replace all Amazon links with Amazon Associates links, which is another name for their affiliate program.

Using NW.js To Convert A Website Into A Desktop Application

August 8, 2018 Ewald Horn

A while ago, I ran into a situation where I needed to make web application into a desktop application for a corporate client. The idea was to leverage as much of the existing app as possible, while still meeting the requirement of having a "desktop" application.

As a primarily Java developer, I had no idea how to do this, so I started doing research and found out that my best bet would be using JavaScript technologies.

Enter NW.js, a powerful mashup of Google Chrome and Node.js that allows you to package a web application to be run on the desktop.

Simple Data Processing With JavaScript And The HERE API

August 1, 2018 Nic Raboy

Have you ever needed to work with comma separated value (CSV) data that wasn't formatted in a great way or figure out complete address information based on very little provided address information? While unrelated, these two topics come up quite a bit, more frequently when I'm dealing with person information or lead data that I retrieve from conferences and other events.

The great thing is that we live in a time where plenty of development libraries and services exist to make this process of data parsing and manipulation easy to accomplish in an automated fashion.

We're going to see how to take a CSV file representing partially complete people data and convert it to JSON. Then we're going to fill in the gaps when it comes to the geolocation side of things, using the HERE Geocoder API.