Angular offers two different methods for creating forms, template-driven and reactive forms. This articles gives a practical example how Angular 4 can be used to build a login with reactive forms.
Continue reading
How to include Node modules with Webpack
Webpack is a really convenient tool to bundle your application. However, its configuration can be problematic. Here is a solution to a common problem on how to correctly include Node.js modules, such as fs and path in your application.
Continue reading
Webpack Template for Classic Website Setups
Almost all Webpack templates build upon the prerequisite that the main entry point of the application is a JavaScript file. However, this is usually not the case for static websites. In this article, I am going to describe my Webpack setup which uses a standard HTML file as entry point.
Continue reading
Expose Global Variables, Methods, and Modules in JavaScript
In this article, you will learn how to expose methods, variables, and modules in JavaScript to the global namespace by using the browser’s window object. Furthermore, a setup to expose methods and modules with Webpack is presented.
Continue reading
Sticky Footer with CSS3 Flexbox and Grid
Recently, I stumbled upon two new ways to easily layout websites and to position elements. The first one is CSS3 Flexible Box Layout, or short Flexbox. The second one is CSS3 Grid Layout. This articles shows you can realise a sticky footer with these techniques.
Continue reading
Alphabetical List Navigation with JavaScript, HTML, and CSS
Imagine we have a lengthy list of entries sorted alphabetically by name. Our goal is to create a navigation bar with letters from A-through-Z. These letters represent links, and when clicked the view jumps to the respective entry in the list.
Continue reading