May 15th, 2020: What did you learn this week?

Learned GitHub Actions and integrated it into one of my projects!

Life feels...

...now.

PS: Article soon 👀

This week I learnt about HSL colors, I always used RGB in these years but programmatically HSL is really nice.

With HSL I created these with a little code session

And I learned how to draw triangles 🤣

I Started using ESLint and Prettier too, never used them, really useful

Github Actions ♥️

I finally understood one of the use cases for fantasy-land/ap. Maybe it has more but I haven't seen them yet. These things are not common on javascript so it took me a while. So it turns out that ap doesn't do much by itself, you have to combine it with fantasy-land/map. People actually do this on a helper function they call liftA2 (yes there is a liftA3, liftA4 and so on).

The closest thing to a useful real world example I could think of was something like this.

// Somewhere in a utils.js file

const Task = {}

Task.ap = function(Fn, data) {
  return data.then(value => 
    Fn.then(fn => fn(value))
  );
}

Task.liftA2 = function(fn, A, B) {
  const curried = a => b => fn(a, b);
  return Task.ap(A.then(curried), B);
}

// the thing you're actually doing

function fetch_name(url) {
  return fetch(url).then(r => r.json()).then(res => res.name);
}

function get_name(id) {
  console.log('fetch character');
  return fetch_name('https://swapi.dev/api/people/' + id);
}

function get_planet(id) {
  console.log('fetch planet');
  return fetch_name('https://swapi.dev/api/planets/' + id);
}

function whoami(name, place) {
  return `I am ${name} from ${place}`;
}

Task.liftA2(whoami, get_name(1), get_planet(1))
  .then(console.log);

This should show.

fetch character
fetch planet
I am Luke Skywalker from Tatooine

So I took a regular function that takes two arguments (whoami) and made it work in the context of a Promise, this what they call lift. The A2 part is because it works with two arguments (I guess). Now, for this pattern to be actually useful you would have to design your own data structure that follows some of the rules in fantasy-land.

My company is migrating from GSuite to Outlook (😞) so this week I learned a lot about Outlook's APIs and how they differ from GSuite's APIs.

Trying to move from a front end developer to a full stack developer. Started to learn nodejs from udemy.
udemy.com/course/the-complete-node... this is the course that am following.
Please do suggest some noob project to do after the course and what are the other things to learn,?

Finally started working with animations on Flutter, and really like the feel of completion they give to the app. Also learned to blur widgets and listen to user location changes.

Been getting back motivation for Flutter lately 👌🏼

Continued this week learning Node via Wes Bos' learnnode.com/ course. I am a longtime PHP/Drupal dev who has been diving into JAM Stack to see what it's all about. I became fascinated enough with it to do a talk on "All the Ways! [to build a website]" alltheways.website

There sure are lots of ways these days! A bit hard to decide which is "best" for what: Next, Gatsby, Express, straight React to an API, etc. + lots more. ;-)

I have learned to use Behat with Symfony 5, Mink, and Behat API Extension.
It was very hard because I haven't used BDD before and I had a lot of problems. Incorrect Gerkin, misconfiguring Behat. It took me almost two weeks and I still need to cover a lot of things. The next step is to figure out how to organize tests. Because I am testing API request-response with Behat, I need to test the frontend part with Behat and Selenium or Mink, and also I need to make coverage test 100% with PhpUnit. A lot of work to be done. Actually it really scares me. It's an adventure. Wish me luck.

Recently unemployed so a bunch of spare time to work on things.
I decided one day to make a static website engine - actually learned a bunch as I was creating Saishō. Regex, caching files, more about PHP, and so on.