ZSH and Oh-My-Zsh on Windows Subsystem for Linux (WSL)

In this posting, I will show how to install ZSH and Oh-My-Zsh on Windows PC (WSL). This will be helpful if you want to setup a Linux development environment on

Using Windows Subsystem for Linux (WSL) in Windows Terminal

In this video, I will show how to customize the bash prompt of Windows Subsystem for Linux and how to add the bash program to Windows Terminal. I assume that

Using Linux on Windows (Git Bash & Windows Terminal)

In this post, I will explain how to customize the Linux bash prompt on Windows and add it to Windows Terminal. There are several ways to use Linux on a

Deploy a MEAN app with Nginx and PM2

This is a short summary of how to deploy a MEAN app (MongoDB, Express, Angular, and Node.js) on Nginx and run the app with PM2. 1. Install Node/NPM on a production server curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.

Git Hooks for app deployment

Git is a great tool to manage development code bases. git push upload local codes into a remote repository, which can be purposed for a backup or code sharing. Another useful case of git is to deploy an application. Traditionally, we have used a

Youtube download

Do you need some music downloads to listen before travel? I find a great program, youtube-dl, online. It is a command-line program to download videos from YouTube and many other video sites. For details, visit its official github. There are various ways to install

Computing for Scientists

Last Fall, I could have a great opportunity to take a master course of Computing for Scientists at Chapman University. Professor Dressel was an awesome teacher, who was knowledgeable about different programming languages although he teaches as a physic professor. The course requires various

Sierra API and Visualized Data Analysis

This is one of presentation slides that I prepared for 2017 SCIUG conference presentation. I used Plotly library to visualize library business data. Data come through Sierra SQL API. Plotly has Python offline plotting APIs, which are very useful to chart data in the

Docker Volume Mount

Docker provides two ways of data persistence: 1) named volume and 2) bind mount. Named volume is a recommended way because Docker manages the volume and the volume can be reused in different services and in multiple containers. Bind mount is basically mounting a

Twelve Factors

This is my summary of twelve factors for building a web app, software as as service. (https://12factor.net/), which is published by Heroku co-founder Adam Wiggins. 1. Codebase: use a version control, which maintains a single codebase per an web app. One codebase

SCIUG 2016

I had an opportunity to present at the 2016 SCIUG conference. I introduced our summer project of creating a study room reservation system. Particularly, my highlight was the integration of LibCal with Sierra using REST APIs.

Politics of JavaScript

A good presentation for JavaScript learners. The speaker, Angus Croll, pointed out in the speaking that there were some blind sides in JavaScript community. Although it was in 2013, the message is still valid today and in the future, non only in the domains

async in Node

JavaScript callbacks are not readable when nested in many layers. Async [https://www.npmjs.com/package/async] library is a great tool to overcome this. I find a good tutorial [http://www.sebastianseilund.com/nodejs-async-in-practice] with case examples written by Sebastian Seilund. Introduced control

Twitter and geolocation data

I have worked on a twitter api project. The goal was to create a Twitter Map service (visit the site, "Twitter Explorer" [https://twitterexplorer.kevinprogramming.com]) that can make users search tweets and display them on Map (using Google Map). I utilized Twitter REST

Upgrade Node and NPM on Winodws

Simply, install the latest Node which is available at https://nodejs.org. It will remove the old version and install the new one. Another nice thing is that this installation will also update NPM version too.

Geo Data Sources

US * The U.S. Census Bureau [http://www.census.gov] (also FactFinder [http://factfinder.census.gov/]) * Census Reporter [http://censusreporter.org/] *American Community Survey * Data.gov [https://www.data.gov] * National Centers for Environmental Information [https://www.ncei.noaa.gov/] * Sunlight Foundation [http://sunlightfoundation.

Setup IISNODE

I am setting an IISNODE to run an node.js application on Windows server. There are quite a few online guides about how to use IISNODE. This is a good start presentation by Tomasz Janczuk, the author of iisnode. This is another helpful document

IUG Hackathon

I was in the hackathon during 2016 IUG conference in San Francisco. It was a great experience to develop a small app in such a short time of period. It was a little bit stressful because I had to participate in conference sessions while

A One Page FAQ

JavaScript & jQuery: The Missing Manual, 3rd Edition, by David McFarland [http://sawmac.com/]. Published by O'Reilly Media, Inc [http://oreilly.com/], p.174-181. I've heard that JavaScript is the long-lost fountain of youth. Is this true? Why, yes it is! Studies prove that learning

Usability isn't enough

Quote from https://37signals.com/26.html, > Usability this, usability that. With all the talk about usability people sometimes forget the other "u" word, usefulness. > You can have the most usable site in the world but if it doesn't provide a useful, helpful service,

Currying and Bind

Currying is a technique to bind a function to a subset of arguments (Effective JavaScript by David Herman, p.75). In the example, we can see that two arguments (protocol and domain) are passed as the arguments of the function simpleURL, when it is

D3 data binding

This is an sample code that shows how D3 bind data to DOM elements. It uses CSS selectors to select the container(#placeholder). The method data() passes dataset array, whose elements are placed 'virtually' by the method enter() to selected elements (p). The method

Insert Sort

Compare each element of the unordered array (original array) to each element of the ordered array. The first element of the original array is counted as the first element of the ordered array (notice that the outside loop starts from the second element, index

D3 Column Bar Chart

I created a sample bar chart using D3, based on Let's Make a Bar Chart, III [http://bost.ocks.org/mike/bar/3/] (Mike Bostock). Visit here [http://lab.kevinprogramming.com/columnAxis.html]. D3 is the most low level JavaScript visualization tool. Really cool!

URL, Hash, and History API

Single Page App (SPA) brought a possibility to change application states from the client-side. AJAX using XMLHttpRequest object is the core technique of SPA development. SPA is cool because users can experience desktop application feeling, because SPA does not reload the entire page on

Subscribe to