I always wanted to try out Vue. Now is the time!
I will try to create seven apps in 100 days using Vue.JS and write about it on Medium and Twitter. I dare you to take on the #100daysofcode challenge with me.
Migrating from API Gateway to API Gateway V2 using Typescript and the AWS CDK.
Some months ago, it was not that easy to use ApiGatewayV2 in your CDK projects since it was in beta and not really ready to use. Parts of the V2 are still experimental — but you can use the most important bits now. See my post on Stackoverflow for a quick way of converting ApiGateway to ApiGatewayV2. I have also made a video on YouTube for migrating from V1 to V2 (links to SO and YouTube below).
Using the new API Gateway V2 is a 3-steps-process:
Day 1 of the #100daysOfCode challenge: Writing a simple todo app.
Todo apps can be really boring. This is the “Hello World” of apps, after all. And who am I to break with tradition? But I still want to spice things up a little.
I will use the CAB learning strategy, which I explained in the last article. In short: I build on things I already know to expand my knowledge instead of just learning something new.
Considering the small size of the app that I will be writing, these goals are the low-hanging fruits. The easy-to-achieve objectives. …
The first days of me contributing to Open Source.
I don’t have time for it. I have so much on my hands right now. I am not ready for it. I still have to learn to do it. I don’t understand any of it.
Those were some excuses I have made in the past to not contribute to Open Source. I still did not feel ready this year, but I finally found the courage to participate in Hacktoberfest 2020, and I wouldn’t want to miss it!
What I really liked about Hacktoberfest is the diversity of projects that you will learn about. However, there’s also a bad side to it. Many of the repositories opened during Hacktoberfest seem to be spam, but certainly not all of them. I found especially the NMF-App and WildAid among my more meaningful contributions. …
What are TypedArrays, and why do we have them?
As opposed to Arrays, TypedArrays are just array-like constructs. They do not have many of the Array functions like push or pop. Their main use-case is working with raw binary data.
There are 11 different kinds of TypedArrays .
Int8Array 1 Byte
Uint8Array 1 Byte
Uint8ClampedArray 1 Byte
Int16Array 2 Byte
Uint16Array 2 Byte
Int32Array 4 Byte
Uint32Array 4 Byte
Float32Array 4 Byte
Float64Array 8 Byte
BigInt64Array 8 Byte
BigUint64Array 8 Byte
There is no general
TypedArray constructor. TypedArrays are only accessible through the constructors mentioned above.
Two different concepts with the same syntax.
A Rest Parameter is used as the last argument of a function declaration. It is enabling the user to specify any number of parameters.
A function can also have common parameters as long as the Rest Parameter is the last one.
Arguments is an Array-like Object; we cannot directly apply Array-functions to it. We have to make use of the Spread Operator to unfold the Arguments Object in an Array first. For instance: In the last example, we could apply the join method directly to our
While syntactically the same, the Rest Parameter and Spread Operator are different concepts. Consider the following…
What are Mixins and how to use them?
Mixins are a way to extend an Object without using inheritance. Some of the features that I am going to show will require ES6 or even ESNext features (for instance: classes and decorators). To use them, you might need Typescript or another transpiler, like Babel.
Closures are functions that remember the environment in which they have been created.
In the above example, we define
sumWith10 by another function. We preset a parameter, and what we get is another function (that is returned by sum). The newly created
sumWith10 remembers its context.
The above function can also be called with double brackets; you might have already seen this syntax.
Especially testing libraries make use of named functions. You might have seen this syntax, using a testing library. …
Arrow-Functions are a great addition to the existing anonymous and named functions.
In this article, I will give a short overview of the syntax of Arrow-Functions and the most important differences between Arrow-Functions and regular ones.
You have probably already seen a function like this:
It can be a confusing syntax at first. The main reason for this is that the example above represents a shorthand syntax. So let us take a look at some rules regarding Arrow-Functions.
The default Arrow-Function might be easier to understand because everything that is different from an anonymous function is that we omit the function keyword and add a double-arrow
=> between the argument list and the function body. …