The introductory guide to AssemblyScript

WebAssembly (or Wasm) is a relatively recent addition to web browsers, but it has the potential to drastically expand what the web is capable of as a platform for serving applications.

While there can be a steep learning curve for web developers to get started with WebAssembly, AssemblyScript provides a way to get around that. Let’s first take a look at why WebAssembly is such a promising technology, and then we’ll see how AssemblyScript can help to unlock its potential.


What’s New in ES2019?

ES2019 or ES10 is the 2019 version of JavaScript. After the major 2015 update, JavaScript has been evolving every year. Developers get a small set of useful features, that helps us balance between innovation and stability.


What’s new in Preact X?

Preact is a JavaScript library that describes itself as a fast 3kB alternative to React with the same modern API. It has one of the fastest virtual DOM libraries compared to similar frameworks. You can start writing Preact in your React/ReactDOM code without any changes to your workflow or codebase.

With over 24,000 ️stars on GitHub and a host of dedicated community members constantly providing support, it has never been easier to build highly efficient, small, performant, blazing fast frontend applications in JS.


Exciting new features in Vue 3

As you could expect, Vue 3 brings a lot of new exciting features. Thankfully Vue team mostly introduced additions and improvements over current APIs rather than major changes so people that already know Vue 2 should quickly feel comfortable with new syntaxes.


Vuetensils 0.4: awesome components and helpful directives

The latest release of Vuetensils is out, and with it comes some exciting improvements including 2 brand new components (VFile, VResize), and some handy directives (autofocus, clickout, copy). These additions will make it faster and easier to create robust, accessible UIs with Vue.js with your own designs, and no bloat



World Wide Web Consortium (W3C) brings a new language to the Web as WebAssembly becomes a W3C Recommendation

The World Wide Web Consortium (W3C) announced today that the WebAssembly Core Specification is now an official web standard, launching a powerful new language for the Web. WebAssembly is a safe, portable, low-level format designed for efficient execution and compact representation of code on modern processors including in a web browser.


Adaptive Loading - Improving Web Performance on low-end devices

Any user can have a slow experience. In a world with widely varying device capabilities, a "one-size" fits all experience may not always work. Sites that delight users on high-end devices can be unusable on low-end ones, particularly on median mobile and desktop hardware and in emerging markets. What if we could adapt how we deliver pages to better cater for our user's constraints?


Multiple-column Layout and column-span in Firefox 71

Firefox 71 is an exciting release for anyone who cares about CSS Layout. While I am very excited to have subgrid available in Firefox. Firefox 71 implements column-span from Multiple-column Layout. In this post I’ll explain what it is and a little about the progress of the Multiple-column Layout specification.


What's New In DevTools (Chrome 80)

  • Support for let and class redeclarations in the Console
  • Improved WebAssembly debugging
  • Request Initiator Chains in the Initiator tab
  • Highlight the selected network request in the Overview
  • URL and path columns in the Network panel
  • Updated User-Agent strings
  • New Audits panel configuration UI
  • Per-function or per-block code coverage modes
  • Code coverage must now be initiated by a page reload



Lite YouTube Embed

Provide videos with a supercharged focus on visual performance. This custom element renders just like the real thing but approximately 224X faster.



Web DNA Report 2019

What are the Top 10 Frustrations for Web Developers and Designers? Lessons from the 2019 MDN Developer Needs Assessment.


The Complete Guide to JavaScript Classes

JavaScript uses prototypal inheritance: every object inherits properties and methods from its prototype object.

The traditional class as the blueprint to create objects, used in languages like Java or Swift, does not exist in JavaScript. The prototypal inheritance deals only with objects.

The prototypal inheritance can emulate the classic class inheritance. To bring the traditional classes to JavaScript, ES2015 standard introduces the class syntax: a syntactic sugar over the prototypal inheritance.


Why Do We Need Strict Mode in JavaScript?

Strict mode is an important part of modern JavaScript. It is a mode that lets us opt-in to a more restricted syntax of JavaScript.

The semantics of strict mode is different from the old “sloppy mode” of JavaScript that has a looser syntax and makes errors in code that are silenced. This means that errors are ignored and the code might run with unexpected results.


Understanding Streams in Node.js

Streams in Node.js have a reputation for being hard to work with, and even harder to understand.

Streams are one of the fundamental concepts that power Node.js applications. They are data-handling method and are used to read or write input into output sequentially.


Angular SEO: How to Make Search-Friendly Pages

Angular Framework, a structural javascript based framework for web applications, is used to create dynamic web pages with content rendered via web services. The angular framework is very developer-friendly and has been around for several years.

Search Engine Optimization (SEO) has become one of the most important investments for any online business today. In the past, the web applications being developed were fairly simple and contained mostly static pages. These pages contained all the required information pre-coded into them. As the web application development evolved, we entered an era of dynamic content rendering where the content for the web pages is stored somewhere and fetched as needed.


Angular Promises Versus Observables

Both observables and promises help us work with asynchronous functionality in JavaScript. Promises deal with one asynchronous event at a time, while observables handle a sequence of asynchronous events over a period of time. Let’s see the difference between these two.


A domain-driven Vue.js Architecture

This story focuses on the architectural side of things.


Using Vue Observable as a State Store

Vue.Observable can be used as a state store instead of Vuex in simple applications. Here’s a simple way to get started:

Version 2.6.0 of Vue.js added Vue.Observable.This is a function that returns a reactive instance of a given object. In Vue, objects are not automatically reactive. That means that if we want to react when properties on an object change, we need to do some extra work. Vue.Observable makes that super easy


npm vs Yarn Commands Cheat Sheet

There’s a lot of similarities between npm and Yarn. As the newer technology Yarn (released 2016) drew a lot of inspiration from npm (2010).

On the flip-side, their similarities can lead to confusion and silly mistakes if you find yourself using both package managers. Hopefully this cheat sheet will serve as a handy reference!


//For fun

How I Got Over My Fear of webpack


The Fullstack Tutorial for GraphQL


JavaScript Composition vs Inheritance  (YouTube)


ES7-ES9 Features #2 Object.getOwnPropertyDescriptors