JavaScript

These are all about my journey towards JavaScript's mastery. I express myself through code.

 JavaScript
JavaScript
Day 30: JavaScript Challenge

Day 30: JavaScript Challenge 28 September 2017

After 4 months trying to get into the DOM and Web API (without libraries, frameworks, or tooling), I finally finish 30 day JavaScript challenge! Read on.

JavaScript
Day 29: JavaScript Challenge

Day 29: JavaScript Challenge 27 September 2017

Making a custom timer for procrastinator like me is quite fun and useful. What an interesting challenge! Read on.

JavaScript
Day 28: JavaScript Challenge

Day 28: JavaScript Challenge 26 September 2017

Speeding up and down the video by moving up and down that fancy slider back and forth... That sounds boring. Read on.

JavaScript
Day 27: JavaScript Challenge

Day 27: JavaScript Challenge 26 September 2017

Scrolling that fancy carousel by grabbing and moving it back and forth... That sounds boring. Read on.

JavaScript
Day 26: JavaScript Challenge

Day 26: JavaScript Challenge 18 September 2017

This is improvement for day 22 JavaScript challenge (copying Stripe feature). It's not so bad. Read on.

JavaScript
Day 25: JavaScript Challenge

Day 25: JavaScript Challenge 16 September 2017

It's very important for the one who build user-facing features on top of DOM and Web API to understand event propagation, bubbling, and capturing. Read on.

JavaScript
Day 24: JavaScript Challenge

Day 24: JavaScript Challenge 16 September 2017

It's about sticky navigation bar most modern web pages bother to have. Read on.

JavaScript
Day 23: JavaScript Challenge

Day 23: JavaScript Challenge 3 September 2017

I've done the similar challenge in day 20 before (Hawking's voice synthesizer), but it's more challenging (not really). Read on.

JavaScript
Day 22: JavaScript Challenge

Day 22: JavaScript Challenge 27 August 2017

I don't think following along and highlighting the link while hovering over it is important. Read on.

JavaScript
Day 21: JavaScript Challenge

Day 21: JavaScript Challenge 25 August 2017

I don't have Mac, so doing the actual challenge might be frustrating. However, playing (copy-pasting) with Google Map API doesn't leave bad taste in my mouth. Read on.

JavaScript
Day 20: JavaScript Challenge

Day 20: JavaScript Challenge 22 August 2017

Mozilla has yet to implement SpeechRecognition interface for Firefox, so I turn the challenge into Stephen Hawking's voice synthesizer. Read on.

JavaScript
Day 19: JavaScript Challenge

Day 19: JavaScript Challenge 20 August 2017

Taking a photo from webcam and painting it to canvas seemed magical before this challenge. Read on.

JavaScript
Day 18: JavaScript Challenge

Day 18: JavaScript Challenge 20 August 2017

It's kind of boring, but at least it has something to do with the DOM. It's yet another boring JavaScript's Array manipulation. Read on.

JavaScript
Day 17: JavaScript Challenge

Day 17: JavaScript Challenge 19 August 2017

It's such a "cooling down" challenge. Nothing more boring than sorting list using built-in JavaScript Array's methods. Read on.

JavaScript
Day 16: JavaScript Challenge

Day 16: JavaScript Challenge 19 August 2017

Dynamically changing box shadow in accord to mouse movement is quite fun to me. Read on.

JavaScript
Day 15: JavaScript Challenge

Day 15: JavaScript Challenge 30 July 2017

LocalStorage and event delegation are concepts I am familiar with. However, I am very excited doing this challenge! Read on.

JavaScript
Day 14: JavaScript Challenge

Day 14: JavaScript Challenge 16 July 2017

Copying Array or Object can be tremendously confusing if we don't know that they are different from primitive typed values like string, boolean, or number. Read on.

JavaScript
Day 13: JavaScript Challenge

Day 13: JavaScript Challenge 15 July 2017

It's all about debounce function and the scroll event I care about. Read on.

JavaScript
Day 12: JavaScript Challenge

Day 12: JavaScript Challenge 3 July 2017

Type "magic" and see what happens next! I can assure you how interesting it is! Read on.

JavaScript
Day 11: JavaScript Challenge

Day 11: JavaScript Challenge 1 July 2017

I was very excited building custom HTML5 video player using vanilla JavaScript. Read on.

JavaScript
Day 10: JavaScript Challenge

Day 10: JavaScript Challenge 30 June 2017

It's been 15 days since the last challenge. In this challenge, we are going to "steal" multiple checkbox selection's feature from Gmail. Read on.

JavaScript
Day 9: JavaScript Challenge

Day 9: JavaScript Challenge 14 June 2017

It's a demo-less post. Nothing to show but a lot to explain. We are going to play with the console. Read on.

JavaScript
Day 8: JavaScript Challenge

Day 8: JavaScript Challenge 9 June 2017

Let's play around with the canvas! What a great API! Read on.

JavaScript
Day 7: JavaScript Challenge

Day 7: JavaScript Challenge 7 June 2017

As for now, I am romantically attached to 3 girls I met in high school, college, and office. How could I manage them? Read on.

JavaScript
Day 6: JavaScript Challenge

Day 6: JavaScript Challenge 6 June 2017

I was using fetch method which really shows me the Promise and its early usage for AJAX programming. Read on.

JavaScript
Day 5: JavaScript Challenge

Day 5: JavaScript Challenge 1 June 2017

I know nothing about CSS flexbox! Read on.

JavaScript
Day 4: JavaScript Challenge

Day 4: JavaScript Challenge 31 May 2017

I have to do it on and on until I get it. Never underestimate the power of JavaScript's Array! Read on.

JavaScript
Day 3: JavaScript Challenge

Day 3: JavaScript Challenge 29 May 2017

I am doing it so fast in the office. Not quite interesting. Read on.

JavaScript
Day 2: JavaScript Challenge

Day 2: JavaScript Challenge 28 May 2017

It's so hard to keep up with it. I am struggling even if it's seemingly an easy task (making analogue clock). Read on.

JavaScript
Day 1: JavaScript Challenge

Day 1: JavaScript Challenge 27 May 2017

In this lovely month, I would love to spend my meaningless life on something that's meaningful. It's 30 day JavaScript challenge. Read on.