const and let are features of the new JavaScript ES6. For variable declaration, instead of the old var we can now choose between const and let. const is for values that we don’t want to change and let is like…
Loader animation inside Vuetify Button with VueJs
We can show loader animation inside a button in Vuetify very simply without using any gif image. we use the buttons’s :loading prop. The loading animation inside button shows while waiting for an API response. we define a loading property…
Randomized In-place algorithm JavaScript implementation
What is a In-place algorithm? It means that the algorithm does not require any extra space. For example Quick Sort is in-place as it shuffles elements in the given array itself. But Merge Sort is out of place algorithm as…
Axios Cheatsheet for GET, POST, PUT, DELETE Requests
Axios is a promise-based HTTP client for JavaScript. It is used to send asynchronous HTTP request to REST endpoints. It can be used with plain javascript and popular front-end frameworks like React, Angular and VueJS. Below are some frequently used…
Fullscreen Toggle component in VueJS
In this post we will see how to create a VueJs component that will toggle fullscreen mode in your browser. I took this code from W3Schools: https://www.w3schools.com/howto/howto_js_fullscreen.asp and integrated it into a VueJS component. Below is the full code for…
Some common commands and file locations for Apache2 in Ubuntu
Hi, Here we will see some common file locations that you may want to access while deploying your application to Apache server in ubuntu. Locations: Error log file /var/log/apache2/error.log Configuration file /etc/apache2/apache2.conf Configuration file for default VirtualHost /etc/apache2/sites-available/000-default.conf Commands: before…
How to use .htaccess file in apache2 Ubuntu
The .htaccess file can be used in apache server to have it’s own configuration per directory. 1: First step is to enable mod_rewrite module sudo a2enmod rewrite 2: Now restart the apache server sudo service apache2 restart 3: Open the…
Dynamically Create JSON with Foreign Fields nested in Django
I struggled a lot to create a JSON object which should also contain foreign field values.So after Googling and trying a lot, I came up with this masterpiece code 🙂This code is very simple does not require any JSON serialization.…
How to Shuffle (Randomize) QuerySet in Django
Suppose you want get a random item from a QuerySet, It should be random but non repeating.In many posts I saw they use my_list = MyModel.objects.order_by(“?”) but it will produce repeating items. 1st Step: get a QuerySet my_qset = MyModel.objects.all()…
An online Drum Machine I built using Web Audio API
Hey guys today I want to share a Drum Machine application that I built using. https://www.onlinetool.in/drum-machine/. Used Web Audio API to built it. The web audio api was initially proposed by google is used for processing and synthesising audio in…