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.
Implementing login with google for your AWS Amplify application
Adding the “Login with Google” functionality to your application can be a sophisticated task. It requires you to have a basic understanding of the OAuth2.0 process.
AWS Amplify comes with a set of tools that abstracts most of the weird parts. I have created a simple step-by-step guide on how to implement AWS Amplify Auth (AWS Cognito) with further explanations about the OAuth2.0 process for your convenience.
We have to create a Google API Project to get a Client ID and Client Secret so that AWS Cognito can connect to the…
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…
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.
If you do not…
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
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…
Web developer since 1999