Javascript
JavaScript Tutorial for Beginners
28/08/2021
I have tried to put together a video tutorial series on YouTube. Please support by subscribing to my YouTube and leaving your feedback on the videos.
Google chrome debugger tool walkthrough
09/08/2021
Debugging is important in programming. There are debugging tools available for different languages one can use to help debug their code. Luckily if you are writing javascript to run in a browser, all major browser’s come with a built-in debugger tool. I have created a youtube video where I walk through Google Chrome’s debugger tool.
Handling Push Notification Subscription for multiple devices
24/07/2021
If you have added a push notification feature on your PWA. You might have stumbled upon one problem. Identifying subscription records How do I identify the subscription so that I can later notify it? The easiest way is to add a user’s ID field to it and save it in your database. For example: Max […]
Building SVG Clock using ReactJs
05/05/2021
DEMO: https://df2y4.csb.app/ GitHub: https://github.com/dejavu1987/react-svg-clock This blog post is an exercise from my previous blog post Introduction to Polar Coordinates, plotting on radial diagrams. If you have not read the post and have no idea how radial coordinates work. Please go to the post and read and come back. If you are confident, lets go build […]
Introduction to Polar Coordinates, plotting on radial diagrams
05/05/2021
Trigonometry “the foundation” the branch of mathematics dealing with the relations of the sides and angles of triangles and with the relevant functions of any angles. Google Basics of Trigonometry Trigonometry in its core has a very simple foundation. Although being so simple, it blows my mind that its the base to all the complex […]
Low waste data modeling using graph
01/05/2021
Hello internet, I decided to write this up after presenting a talk about it to my colleagues at Inviqa recently. I will try to walk you through this mindblowing journey of modeling your data from scratch to building a graphQl API, to consuming the API and then serving it in a ReactJs app.
Build Minesweeper game using ReactJs
26/04/2021
Here is the demo of Minesweeper game I built using ReactJs. http://react-minesweeper.anilmaharjan.com.np/ I will be creating a step-by-step guide on, all the possible challenges, (hard parts) and the way I approached them. These are just one of the ways we can approach these problems. I appreciate your feedback and PR with suggestions and improvements. The […]
Radar diagram visualization in VanillaJs
16/04/2021
I have recently written a vanilla javaScript library to visualize Radar diagrams. It is open source and you are free to use it and contribute. The library itself can be found in NPM https://www.npmjs.com/package/radar-diagram run npm install radar-diagram or yarn add radar-diagram in you project to add it to your dependencies. The demo radar can […]
React MD v1 w/ Gatsby No!
02/11/2020
Please avoid using ReactMD v1 with GatsbyJs, since ReactMD 2 is out with full rewrite, that could be an option if you want to stick with ReactMD. I had started to port this blog from WordPress to Gatsby and I had used React-MD ‘s Gatsby starter to start with the project. Because of issues in […]
ML5 with Webpack and TypeScript
31/10/2020
Why TypeScript? TypeScript allows you to add static typing to your javascript, which adds a possibility to type check on your code during compile time. Even better your IDE itself will be able to tell you if there are any issues with your data types, etc in realtime. Additionally, it can be used by your […]
Machine Learning – On your Browser
21/10/2020
Inviqa Engineering CoP 22.10.2020
Machine Learning on your Browser.
Awesome ES6 Features I love and you should not miss
13/06/2018
It’s all those tiny little details that makes you happy while writing javaScript code after ES6 came for a rescue. Following list contains the features from ES6 that I use mostly and has made my life easier when writing my JavaScript code. Template Literals Arrow functions Spread operators Classes Modules Default params Promises Object.entries() Object[key]
Javascript reduce function on array of objects
18/05/2018
Array.reduce() function in javascript is one of the most interesting functions, but it may be tricky if you haven’t worked with it on an array of objects.
Paging a long text into a specific size document like pages using javascript
14/01/2014
Here is a tutorial about creating pages with specific height and width out of a very long text to give a microsoft word or other document editor type look using javascript and jQuery.
Using gradient stops and transparency to dynamically fill circle partially in svg using d3js
07/12/2013
Using gradient stops and transparency we can fill circle partially in svg. Doing this dynamically using data may be great visualization tool. We will use d3 to do this.
Create filled circle to visualize data using svg
29/11/2013
Here is how to tutorial on creating filled circle to visualize data using svg and tiny bit of javascript.