Blog | malcoded.com

2018

Creating a File Explorer Component in Angular

In this tutorial, we will learn how to create a file-explorer in angular. Why? Because we can! And it's fun! ![angular-file-explorer-context](./img/angular-file-explorer-context.png) We will explore how to use the angular material library to create a visual appealing component to manage our fil...

L Lukas Marx
March 30, 2018
12 min read

angular
Creating a File Upload Component in Angular (Including Backend)

Creating file-upload components can be quite hard. Not only because you need to deal with files in JavaScript. Also, because you need an API to test against before you can actually start coding. In this tutorial, we will learn how to do both. First, we will create a simple node.js express server...

L Lukas Marx
March 19, 2018
15 min read

angular
nodejs
Resizing Images in Node.js using Express & Sharp

Resizing images on the fly as a common task for an API. Implementing the API however can be a challenge. In this tutorial, we are going to take a look at how you can implement your own image-resizing API using node.js, express and sharp. We are doing so by looking closely at each step, so you ha...

L Lukas Marx
March 18, 2018
11 min read

nodejs
5 Things that Improve your Angular Codebase Right Now!

Angular can have quite a learning curve. Building applications that are maintainable and easy to read, is a form of art by itself. In this article I will share 5 actionable tips and tricks with you, that can help you improve the quality of your code. From most basic things, like how to name your...

L Lukas Marx
March 14, 2018
14 min read

angular
Reactive Forms with Angular [Using easy Examples]

Forms are arguably one point where angular really shines. So learning how forms work in angular is an essential skill. In this tutorial we are going to take a close look at one of the two ways to create forms in angular. The reactive forms. We will dive right into code and discover all the detai...

L Lukas Marx
March 3, 2018
11 min read

angular
Angular CLI Cheat Sheet: The best Commands to boost your productivity

Setting up a new project and creating all these files for every new component can take a lot of time. It is tedious work that takes a lot of fun from the development process. Fortunately, there are tools like the angular-cli, that can do all that hard work for you! In this tutorial, we are going...

L Lukas Marx
March 2, 2018
9 min read

angular