How ECMA International and the TC39 review and process new features and updates to the JavaScript programming language — JavaScript is not owned by a single organization or an entity. Then how does the language continue to evolve and keep up with changes to the technology? Moreover, there are a variety of browsers (and JavaScript engines) implementing the language. …

Learn how to import JSON as a module using Import Assert, a TC39 Stage 3 feature — Back in the day, JavaScript started with small programs. As the applications’ complexity evolved, more and more JavaScript code and files were added, there has been a need for splitting the application into multiple modules. Since ES2015, browsers have natively supported the feature to import and export JavaScript functions and…

Asynchronous programming in JavaScript — In JavaScript, we use promises extensively. A promise object with an eventual result or an error, could be confusing for some who are new to the language. iPromise_A_Response .then(success => console.log("🥂Success 🎉") .catch(error => console.error("💥failed🤬"); console.info("1️⃣ I evaluate before the promise results"); What is Async/Await? Async/await in JavaScript is syntactic sugar that simplifies…

Use this API to get the user’s attention for critical action on a mobile device. — How do you get the user’s attention for critical action on a mobile device? Imagine a cancel button that resets a form or a delete button. It is imperative to highlight data loss continuing with the action. Vibrating the device just a trickle inadvertently grabs the user’s attention. …

Better user experience with Progressive Web Apps — App icons are crucial for branding. It is the first thing a user interacts with, even before launching your app. On mobile devices, icons are placed on the home screen. A quality graphic for the icon adds to users’ intuition to tap open the application. It’s natural for mobile app…

Using build --watch script — You may use the watch option on Angular build for updating the output as and when developers make changes to the code. It is very similar to serve, except that the application runs a different web server from the default dev server. Background Most of us would have used the ng…

Use Chrome Dev Tools to visualise and debug Progressive Web Apps (PWA). The tool helps easily review manifest file content, identify issues… — Progressive Web Apps (PWA) bridge the gap between native apps and web applications. They provide the ability to install a web application and cache request/responses. Often it is difficult to identify issues with an installable web application. You may notice the PWA doesn’t show the install button. Not quite clear…

Learn about window.navigator.onLine and the events online & offline — Imagine you have a large form with approximately 8 to 10 fields in your application. A user accesses this form on a mobile device. As she fills-in the form and submits, there is a momentary drop in network connectivity. The submit action results in a “Page not found” message. You…

An alternative to NPM --global option — With the advent of NPM (Node Package Manager), each project maintains dependencies in its own node_modules. However, we install a few packages, tools, and utilities at the global level. These packages are available across projects and directories. …