Tag: JAVASCRIPT

Readings for Lunch — [ 19 Dec 2018 ]

IMAGE OF THE DAY
Visual markers for web performance timings in Chrome 72 DevTools (source)

JAVASCRIPT

JavaScript Getter-Setter pyramid

"The cornerstone of JavaScript is the function. It is a flexible abstraction that works as the basis for other abstractions, such as Promises, Iterables, Observables, and others.
I have been teaching these concepts in conferences and workshops, and over time I have found an elegant summary of these abstractions, layed out in a pyramid. In this blog post I’ll provide a tour through these layers in the pyramid."

QUOTES

The best quotes I read in 2018

In this article Peter Gasston presents the quotes he read this year that he felt were worth saving and sharing. The quotes aren’t necessarily from this year (some of them date back to the 19th Century) but they were new to him.
Most of them, in some way, are linked to technology, which is both pleasure and work to him.

Readings for Lunch — [ 21 Nov 2018 ]

IMAGE OF THE DAY
How to make an heart with Illustrator (source)

JAVASCRIPT

How to get the most out of the JavaScript console

Do you think the only way to use the console to debug is with console.log()? Think again: here a list of useful tips on how to use its full capabilities.

TALKS

How I Won the Lottery

Most people are lucky if they finish a couple side projects in a year. A few years ago, Darius Kazemi released 72, averaging one every five days. In this hilarious talk, he explains how that happened.

Readings for Lunch — [ 12 Nov 2018 ]

IMAGE OF THE DAY
@NASA just released this phenomenal image of Jovian clouds (source)

JAVASCRIPT

Taming this in JavaScript with Bind operator

Dealing with this in JavaScript can be tricky.
But what if instead of fight against it we could leverage on it to achieve nice stuff like function composition with virtual methods?
This is what we are going to explore in this article about one of the potential upcoming JavaScript features: The Bind Operator.

DATA

I asked an online tracking company for all of my data and here's what I found

It’s 3:10 P.M. on April 18, 2018, I’m in the Privacy International office, reading a news story on the use of facial recognition in Thailand. On April 20, at 21:10, I clicked on a CNN Money Exclusive on my phone. At 11:45 AM on May 11, 2018, I read a story on USA Today about Facebook knowing when teen users are feeling insecure.

How do I know all of this? Because I asked an advertising company called Quantcast for all of the data they have about me.

Readings for Lunch — [ 17 Oct 2018 ]

IMAGE OF THE DAY
A handy map of every city in Europe (source)

JAVASCRIPT

Why is 'ß'.toUpperCase()' equal to 'SS'?

Did you know `toUpperCase` is not guaranteed to preserve `length`? Reddit discusses.

CSS

Creating horizontal scrolling containers the right way

Ever since Netflix became a household name we’ve been scrolling sideways in mobile layouts. Instead of stacking everything on top of each other, horizontal scrolling containers (or lists) have become a common layout practice, as it helps reduce the vertical space of devices with smaller screens.

Readings for Lunch — [ 05 Oct 2018 ]

IMAGE OF THE DAY

KNOWLEDGE

The simple truth behind reading 200 books a year

"I didn’t quite make 500 pages a day, but, in these last two years, I’ve read over 400 books, cover to cover. That decision to start reading was one of the most important decisions in my life."

JAVASCRIPT

30 seconds of code

"The core goal of 30 seconds of code is to provide a quality resource for beginner and advanced JavaScript developers alike.
We want to help improve the JavaScript ecosystem, by lowering the barrier of entry for newcomers and help seasoned veterans pick up new tricks and remember old ones.
In order to achieve this, we have collected hundreds of snippets that can be of use in a wide range of situations."

Readings for Lunch — [ 17 Sep 2018 ]

IMAGE OF THE DAY
Essential mathematical GIFs that will make mathematics finally make sense (source)

WORK

My best Extreme Contract lately

Last spring I had again the chance to negotiate an Extreme Contract as a freelance consultant and it went amazingly fine, with a true win-win outcome for me and my customer. I really loved every bit of the story I am about to tell you and I hope it may give you some clue on how a freelance knowledge worker like me could get better deals than usual.

JAVASCRIPT

Dead Simple Animation with React Pose

React Pose finally makes JavaScript animation even simpler than CSS! In this talk by its creator we'll hear about the thinking behind Pose and learn how to perform previously complicated animations in… a flash! 🙂

Readings for Lunch — [ 14 Sep 2018 ]

IMAGE OF THE DAY
TIL: The ampersand is a ligature of ‘et’ meaning ‘and’ in Latin! (source)

JAVASCRIPT

Next generation package management

What if installs were so fast they could happen in the background, just by using Node?
What if working on a new project was as simple as clone and run?
What if your build tools got out of your way?

DELIVERY

Advancing the bridge

The way forward is not more pipelines. Nor is it event more bash scripts or configuration that wishes it were code. The way forward is not updated separately for each delivered application.

The way forward is to do more with code.

Readings for Lunch — [ 10 Sep 2018 ]

IMAGE OF THE DAY
My one day at Burning Man (source)

PRIVILEGE

Deconstructing privilege

Can you describe a situation that caused to realize you were privileged?

Patricia Aas asked many people that question now, and what she has learned is that privilege is an Unconscious Incompetence. Being privileged is a non-event.
In this talk, Patricia hopes to make you realize that we all have privilege and to start a journey through self reflection to becoming Consciously Incompetent.

JAVASCRIPT

Removing jQuery from GitHub.com frontend

Github has recently completed a milestone where they were able to drop jQuery as a dependency of the frontend code for GitHub.com.
In this post, they will explain a bit of history of how we started depending on jQuery in the first place,
how we realized when it was no longer needed, and point out that—instead of replacing it with another library or framework—we were able to achieve everything that we needed using standard browser APIs.

Readings for Lunch — [ 06 Sep 2018 ]

IMAGE OF THE DAY
If Screen Product Designers Designed Physical Products (explained with comics) – see the whole series

JAVASCRIPT

What is `…` (the rest/spread syntax) in JavaScript?

A short video-lesson about this such important and "widespread" (pun intended) syntactic operator.

GAMING

The Surprising Inspiration Behind Monument Valley’s Most Beautiful Levels

Monument Valley is one of the most beloved mobile games all time. One of its art directors explains how each of the levels had its own special unique inspiration.

Readings for Lunch — [ 28 Aug 2018 ]

IMAGE OF THE DAY
JAVASCRIPT

I created the exact same app in React and Vue. Here are the differences.

I decided to try and build a fairly standard To Do App that allows a user to add and delete items from the list. Both apps were built using the default CLIs (create-react-app for React, and vue-cli for Vue)

COMPANIES

The Two Most Valuable Things that I Learned From Interning at Facebook

“Building a growth mindset” and “How to conduct effective communication”.

Readings for Lunch — [ 20 Jul 2018 ]

IMAGE OF THE DAY
@sophiescott explored the neuroscience and psychology behind our modern use of emojis to communicate emotions in the #xmaslectures – this art by @yungjake takes it to a whole new level (source)

JAVASCRIPT

An introduction to the JavaScript MutationObserver API

I had a play with the JavaScript MutationObserver API recently and came away very impressed.
I’m already considering all the places I could probably tidy up code by making use of them. In case you haven’t heard about them before, here’s a little primer.

DESIGN

Designing with data

Things to keep in mind as a UX designer working with data.

Readings for Lunch — [ 17 Jul 2018 ]

IMAGE OF THE DAY
East London from the hyperreal lens of @chrisdb1 for @HoxtonMiniPress (source)

DESIGN

What every product designer should take away from Lyft’s new UI

If you Google why search bars are at the top, a Quora post with this exact question pops up. “Users have been trained to expect a search (if there is one) at the top. It’s a convention that a designer breaks at their own risk,” says the top answer.

A product designer at Lyft did exactly this, and in a magnificent way.

JAVASCRIPT

This one line of Javascript made FT.com 10 times slower

It started off with an alert, telling us that the error rate for the Front Page application is above the 4% threshold…

Readings for Lunch — [ 28 Jun 2018 ]

IMAGE OF THE DAY
Need to hear more about the graphic designer on Alexandria Ocasio-Cortez's campaign
because her main poster was stirring as hell
it manages to feel both vintage without being cheesy and modern without being dry

instagram.com/maaarenas
instagram.com/carlosbycarlos
instagram.com/newalchemy
instagram.com/gaptoothgrin

(source)

JAVASCRIPT

What I've learnt reading Jason Miller's source code

A tour of useful JavaScript tricks from his minimal open-source projects

KOTLIN

5 reasons why N26 is moving to Kotlin

Like any modern technology company, we use many tools to bring our banking platform to life.
Many of our backend services, for example, are implemented in Java. And our engineering team has tried out both Scala and Typescript — but later decided it wasn’t for us.

Readings for Lunch — [ 22 Jun 2018 ]

IMAGE OF THE DAY
The way we programmers explain what we've written (source)

DESIGN

The new design tools on the block

While Sketch, Adobe XD, Figma and Invision Studio are all building the same product with slight differences in their focus areas and execution, some new cool kids just arrived to ease painful parts of our workflow.

JAVASCRIPT

Vintage concepts, fresh applications — CS-in-JS

What happens when you take a classic Computer Science concept and apply it directly to modern web/app development, in particular Finite State Machines and React for UI state management?

Readings for Lunch — [ 21 Jun 2018 ]

IMAGE OF THE DAY
Down the rabbit hole…

THINK

The Machine Fired Me

It was 7am when my phone rang. Instead of an alarm, it was my recruiter disturbing me from a pleasant dream. It was too early for a phone call or to be caught off guard, so I did not answer…

JAVASCRIPT

Understanding Generators in ES6 JavaScript

ES6 introduced a new way of working with functions and iterators in the form of Generators (or generator functions). A generator is a function that can stop midway and then continue from where it stopped.

Readings for Lunch — [ 05 Jun 2018 ]

IMAGE OF THE DAY
Broken things by Chilean artist Livia Marin. (source)

REACT

Beyond React

React fundamentally changed how we build UI in JavaScript, yet the principles behind React are equally powerful outside the JavaScript ecosystem.
What if we could build a design tool based on these principles, allowing us to design flexible, composable component systems?
What if we could transpile these components into any language on any platform, such as a Swift components on iOS, or Kotlin components on Android?

JAVASCRIPT

Event delegation in JavaScript

In this article, Aurelio De Rosa discuss how a web developer can optimize the addition of event listeners in all these situations by employing a technique called event delegation.

Readings for Lunch — [ 04 Jun 2018 ]

IMAGE OF THE DAY

PEOPLE

Neha's Story

Neha Sharma's talk was one of the most inspiring (and moving) talks at JS Conf EU. She managed to create a community of more than 2000 JS developers, against all the social restrictions a woman has in India. Here is her amazing story.

JAVASCRIPT

10 Things I Regret About Node.js

Ryan Dahl, creator of Node.js, in his closing keynote looks back at the "errors" he made in these years while around the Node ecosystem. Here the slides of his talk.

During the talk he announced Deno: a secure TypeScript runtime on V8 that aims to undo some of these errors and offer a better platform for JavaScript development on both client and server.

Readings for Lunch — [ 15 May 2018 ]

IMAGE OF THE DAY
Visualization of the terms and conditions of different apps (source)

UX

How LEGO Run Design Sprints at Scale

A case study about how LEGO scaled Design Sprints throughout its organisation (which is kind of unbelievable considering that they are a company that produces physical products, not just digital ones).

JAVASCRIPT

BigInt: arbitrary-precision integers in JavaScript

BigInts are a new numeric primitive in JavaScript that can represent integers with arbitrary precision. This article walks through some use cases and explains the new functionality in Chrome 67 by comparing BigInts to Numbers in JS.

Readings for Lunch — [ 26 Apr 2018 ]

IMAGE OF THE DAY
@practicingdev (source)

JAVASCRIPT

An in-depth guide to event listeners

In this article, I’ll explain what event listeners are, and how to add and remove them from a web page. I’ll show several examples and talk about patterns to avoid when dealing with event listeners.
The topic will be discussed in depth.

COLOR

Color: from hexcodes to eyeballs

Why do we perceive background-color: #9B51E0 as purple?
This is one of those questions where I thought I’d known the answer for a long time, but as I inspected my understanding, I realized there were pretty significant gaps.

Readings for Lunch — [ 18 Apr 2018 ]

IMAGE OF THE DAY
Actions for Happiness – We all feel sad at times. It’s perfectly natural. Fortunately there are lots of simple actions that can help (source)

JAVASCRIPT

ES modules: A cartoon deep-dive

Many JavaScript developers know that ES modules have been controversial. But few actually understand how ES modules work. Let’s take a look, using cartoons, at what problem ES modules solve and how they are different from modules in other module systems.

CODE REVIEW

Radical Candor in Code Review

Ian Feather's shares his take-aways on a new book, called Radical Candor, and how one can apply the principles and approaches illustrated in the book to the process of code review.

Readings for Lunch — [ 13 Mar 2018 ]

IMAGE OF THE DAY
Realifecharts – Lovely charts from found objects by Michelle Rial (source)

JAVASCRIPT

Habits of Successful React components

In this post Jack Franklin shares a set of guidelines that he has come up over the last few years, and that he tends to follow when writing React components.

LIFE

How to Build Any Habit

There are four steps to building a habit: clarifying, pairing, measuring, and iterating. Using this framework, Helen Tran was able to go from couch potato to physique competitor and long-distance hiker, bilingual to trilingual, and designer to design manager.

Readings for Lunch — [ 06 Mar 2018 ]

IMAGE OF THE DAY
Fox (source)

JAVASCRIPT

Fear, trust and JavaScript: When types and functional programming fail

Many developers working with JavaScript borrow useful ideas from functional programming and strongly-typed programming languages […] these ideas together in JavaScript, however, they come with severe trade-offs, work together poorly, and ultimately fail in the goal of effectively transferring trust from developers to code and tools.

APPS

Gifski – Convert videos to high-quality GIFs.

A macOS app for the gifski encoder, which converts videos to GIF animations using png quant's fancy features for efficient cross-frame palettes and temporal dithering. It produces animated GIFs that use thousands of colors per frame.