Javascript

JavaScript Tutorial for Beginners

JavaScript Tutorial for Beginners

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

Google chrome debugger tool walkthrough

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

Handling Push Notification Subscription for multiple devices

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

Building SVG Clock using ReactJs

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

Introduction to Polar Coordinates, plotting on radial diagrams

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

Low waste data modeling using graph

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

Build Minesweeper game using ReactJs

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

Radar diagram visualization in VanillaJs

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 […]

Comfey

Comfey

Comfey is a tiny data binding and state management library inspired by React hook useState. https://www.npmjs.com/package/comfey

React MD v1 w/ Gatsby No!

React MD v1 w/ Gatsby No!

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

ML5 with Webpack and TypeScript

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

Machine Learning – On your Browser

Inviqa Engineering CoP 22.10.2020
Machine Learning on your Browser.

Awesome ES6 Features I love and you should not miss

Awesome ES6 Features I love and you should not miss

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

Javascript reduce function on array of objects

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.

Angular | Watch an object or an array

Angular | Watch an object or an array

  $scope.$watch(‘objectOrArray’,function(newVal, oldVal){ // Do Something },true);  

Paging a long text into a specific size document like pages using javascript

Paging a long text into a specific size document like pages using javascript

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

Using gradient stops and transparency to dynamically fill circle partially in svg using d3js

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

Create filled circle to visualize data using svg

Here is how to tutorial on creating filled circle to visualize data using svg and tiny bit of javascript.