`let` vs `var` – Part 2

Here is the interview series of posts. The Part 1 of this post is here. In this tech-cartoon post, I am trying to explain the life cycle of variables, the temporary dead zone (TDZ) and how storage is created for let vs var in loops.   Reference: ExploringJS ES6 variables


`let` vs `var` – Part 1

Cover image courtesy - here. This series of posts is aimed at preparing oneself to face JavaScript technical interviews. Here is the source code. In this post, I shall talk about let vs var, scoping, and hoisting of JavaScript variables. let vs var The main difference between let vs var is that they have block vs function scope respectively. What is... Continue Reading →

D3.js force layout

Debugging the ALPHA! While I have worked with D3.js in the past, the d3-force layout library was entirely new to me and it was very interesting to learn the concepts behind the physical simulations in order to understand the networks and hierarchies of the first and the third party trackers for Lightbeam. It did take... Continue Reading →

Web workers for Lightbeam

This is an initial attempt to improve the graph's performance for large number of nodes using web workers. This PR is a work in progress. The idea here is to off-load the heavy force layout computations to the web worker. This improves performance during page load. I am also experimenting on passing the logic to... Continue Reading →

React & Observables

Over the weekend, I attempted to learn about Observables and I tried to combine React & Observables. Considering my growing obsession to create zines, here is my attempt at tech-cartoons inspired by this great article from Julia Evans. The code can be found here.

Lightbeam – the launch

Drum roll.....!!! We released Lightbeam yesterday and I am super proud of my Outreachy work. You can find Lightbeam at the Mozilla add-ons page. What is new? Below are the highlights of Lightbeam 2.0.1: Re-written from scratch to adapt to the browser web-extension API Asynchronous data capture and storage IndexedDB for data storage (data is... Continue Reading →

WebRTC – behind the browser

In this blog post I shall discuss how WebRTC works in the browser. Here is the full blog series. The browser abstracts most of the WebRTC complexity behind three primary JavaScript APIs: MediaStream: acquisition of audio and video streams RTCPeerConnection: communication of audio and video data RTCDataChannel: communication of arbitrary application data Connections between two peers... Continue Reading →

WebRTC – architecture & protocols

In this blog post I shall discuss the architecture & protocols powering WebRTC. This blog series is for my upcoming WebRTC workshop at the Web Summer Camp, Croatia 2017. While WebRTC has greatly simplified real time communication on the web through the browser, it's background comprises of a collection of standards, protocols, and JavaScript APIs! The power of... Continue Reading →

Lightbeam goes virtual!

Here is a gif from my latest aframe experiments for Lightbeam. For Mozfest 2017, I had submitted the following proposal - 'Lightbeam, an immersive experience'. While the proposal is still being reviewed, I have been experimenting with Aframe and the above gif is an initial proof of concept 🙂 Here is the excerpt from the proposal:... Continue Reading →

Blog at WordPress.com.

Up ↑