Modernizing legacy web frontends: adding templates (part 1)

Modernizing legacy web frontends: adding templates (part 1)

These days lots of really good libraries and frameworks exist to build well structured web frontends. This is true if we start a new project on a greenfield. However using them to modernize legacy code can be quite difficult if rewriting major parts from scratch is not an option (i.e. due to time, budget or technical constraints). In this article we will incrementally modernize a jQuery web frontend by rendering fragments of HTML with templates. This article is part of a series of blog posts in which we’ll have a look at different strategies for incrementally modernizing legacy web applications.

From Callbacks and Promises to Async Functions with ES8

From Callbacks and Promises to Async Functions with ES8

This article is more of a primer on the history of writing asynchronous code with pure vanilla JavaScript. Feel free to skip to the end if you are solely interested in async functions with ES8 (a.k.a. ES2017). All of the examples below depend on each other. You should be able to follow along by pasting them one after the other into a file. The required new Javascript functionalities are available in Node.js 8 and any recent version of Chrome, Firefox, Safari, Opera and Edge.