Tag: javascript

Containerizing A Node.js With Express Image Processing RESTful API Using Docker

December 15, 2017 Nic Raboy

Docker is a great way to package and deploy web applications. Applications that have been containerized can easily be created, destroyed, or even moved between servers, as long as the servers are using the Docker runtime.

Not too long ago I wrote about creating a RESTful API that could process images and generate Android compliant launcher icons. This article was titled, Create an Android Launcher Icon Generator RESTful API with Node.js, and Jimp and it was powered by Express Framework. The application could be served on any properly configured server with Node.js. The catch here is that server configuration is never easy or quick.

We're going to see how to package our web application into a container using Docker.

Create An Android Launcher Icon Generator RESTful API With Node.js, And Jimp

December 11, 2017 Nic Raboy

When you're developing an Android mobile application, it is critical that you come up with a nice launcher icon for all possible Android screen densities. If you're not too familiar with Android, there are mdpi, hdpi, xhdpi, xxhdpi, and xxxhdpi densities as of now. This number could change in the future.

Once you've got your icon, resampling or resizing it for each possible screen density can become a pain in the butt. Instead, it makes sense to use or create a script for this.

If you've been keeping up, you'll remember I wrote about image generators in an article titled, Generating Splash Screens and Application Icons for NativeScript Mobile Apps. Since we're talented developers, we're going to create our own service this time around.

We're going to see how to create a RESTful API that accepts an image and generates various sizes of that same image, bundled within a ZIP archive. We're going to accomplish this task with Node.js and Express.

Upload Files To A Remote Web Service Via A Vue.js Web Application

December 4, 2017 Nic Raboy

A few weeks back I wrote about accepting file uploads in a Node.js application that uses Hapi framework. This was a followup to an article I wrote titled, Upload Files to Node.js Using Angular. What if we wanted to use a different front-end framework instead of Angular?

We're going to take a look at using FormData and Vue.js to upload files, such as images, to a remote web service. Either of the two web services that we've previously created, whether it be with Hapi or Express, will work for this example.

Navigate Nested Child Routes In A Vue.js Web Application

November 29, 2017 Nic Raboy

Not too long ago I had written a few tutorials around navigation in a Vue.js web application. I had written about navigating between routes as well as passing data between routes in the form of route parameters and query parameters.

When developing a web application with a successful user interface, you're going to want to recycle as many features as possible. Using Vue.js, it is possible to create a multiple level UI by assigning child routes to a parent route within the application. This opens the door to new possibilities in navigation.

We're going to see how to use nested routes in a Vue.js web application by assigning child routes and views.

Manage Cross-Origin Resource Sharing In A Node With Hapi Application

April 5, 2019 (Updated) Nic Raboy

To continue down my path of solving the worlds cross-origin resource sharing (CORS) problems, I wanted to adventure into Hapi, a Node.js framework that I've been heavily using lately. If you're not familiar with cross-origin resource sharing, it is something that frequently comes up when you try to use front-end JavaScript to access content from another host or port.

Previously I had written about exploring CORS in an Express with Node.js application. While Express is probably the most popular framework, it certainly isn't the only framework, which is why we're going to take a look at CORS in Hapi.

Create A Basic Todo List Application With The Vue.js Framework

November 24, 2017 Nic Raboy

When getting started with a new development technology or framework, a basic todo list style application is often in the examples used for learning. It makes a great example because todo lists often make use of a variety of things such as forms, loops, and other binding events, all while remaining short and easy.

We're going to see how to create a very basic todo list that demonstrates components, form binding, loops, and click events, using the Vue.js JavaScript framework.

Pass Data Between Routes In A Vue.js Web Application

November 22, 2017 Nic Raboy

A few weeks ago I had written about creating routes and navigating a Vue.js web application. It was a basic example of getting around in an application.

Often, when building navigation into your application, you'll find that you need to pass data from one screen to another. For example, maybe you're following the master-detail pattern where you have a list of data and you get more information about a particular item in the list by drilling deeper.

We're going to see how to pass data between routes in a Vue.js web application using a router and URL parameters as well as query parameters.