July 3rd, 2020: What did you learn this week?

I learnt how to send mouse events programmatically to create something like this:

It was requested by a user that needed something like that for disabled users that couldn't handle a mouse.

Time is really precious.

I have learnt this for a while, but just to recap.

Run npm ci or yarn --frozen-lockfile inside Dockerfile, but before that, don't forget to copy lock-file.

COPY package.json yarn.lock ./
RUN yarn --production --frozen-lockfile

And, I also noticed that Yarn is already installed by default in the Docker image, no need to apk add yarn.

Websites have far too many adverts and other spammy rubbish on them. More than I realised.

I only noticed after visiting some sites I frequent after adding Pi Hole to my network and seeing the number of intercepted requests.

I continue my journey into the "functional side" of javascript. I've been playing around with sanctuary, which is like a hardcore version of ramda (which in turn is the functional version of lodash). It's been interesting and weird, you get this cool utility functions but you also get error messages like this.

 error: Uncaught TypeError: Type-variable constraint violation

 insert :: String -> a -> StrMap a -> StrMap a
                     ^           ^
                     1           2

 1)  true :: Boolean

 2)  "Incorrect" :: String

 Since there is no type of which all the above values are members, the type-variable constraint has been violated.

I guess this is good if you know haskell (that type signature is a haskell thing for sure), but it takes time to get used to if you don't.

I made a little guessing game with it. Click on a hex color and an alert pops.

I've learned about how to use Python and PHP to send notification via incoming Slack WebHook to monitor our crawler services.

I learned about nuxt js and am currently working on using my already developed api to develop an app with it. It was tough use your custom api with nuxt/auth the docs are still lacking.

I learned there are HTML canvas APIs equivalent to the CSS filter and mix-blend-mode properties which enable me to create this Instagram filter clone with Export function. 🥳

Recreating Instagram Filter Functionality with CSS and Canvas APIs

Jason Leung 🧗‍♂️👨‍💻 ・ Jun 30 ・ 3 min read

#showdev #javascript #css #todayilearned

I started learning Combine this week on the Apple platforms and discovered it's not as scary as it first seems. But I also want to believe it's because I've been using a fair amount of JavaScript lately that helped me get that functional reactive head space working.

This week I wrote test cases for the flutter app, I am still struggling to write test cases. Maybe next week I can write some better ones. Also this week I haven't took time to write any blog posts ;-(