A coders paradise
Learn how to duplicate a mysql database in 2 simple steps. Many a times, you want to duplicate a database to create a backup, to test against real data or just because you want to. Lets quickly checkout how this can be done step-wise. We will be using the command line utility to duplicate the database. Duplicate a Mysql database – Assumptions Lets assume that the database you wish to …read more
Webpack analyzer bundle helps you to visualize the output of webpack in an interactive map. It displays the size that each bundle uses before and after being minified and compressed (gzipped). This can help you to discover which bundles are huge and if any of the bundles got in by mistake. Lets check this out by installing the bundle first. 1. Installing Webpack Analyzer Bundle The easiest way to have …read more
There are several ways to kill a process in Ubuntu/Linux, discover the quickest way to force kill unresponsive program in 3 quick actions. This applies to any unresponsive application or process as well. How to force kill unresponsive program? 1. Hit Ctrl + Alt + T to open up your Terminal OR Alt + F2 to run a command 2. Type xkill. Your mouse cursor will turn into a small …read more
You try to setup a project with relative urls only to discover that the browser displays an unexplainable error (“page not found” or the famous “localhost not working” error). You ensure that the rules in the htaccess are correct. Still the same thing. Suddenly, it hits you – probably the htaccess is not being read correctly or maybe not being read at all! Well you couldn’t be more right! How …read more
Configuring JWT Authentication with Symfony can be quite tricky, especially for beginners. We’ll guide you through a step-by-step tutorial getting you up to speed. We use LexikJWTAuthenticationBundle to setup JWT Auth in less than 10 mins. Our setup for JWT Authentication with Symfony Symfony 3.x, 4.x, 5.x FosUserBundle (you may use any other user provider as well) LexikJWTAuthenticationBundle (used to setup JWT authentication) If you are very new to JWT(JSON …read more
FFmpeg can be used to encode videos into difference formats. It can re-encode videos and join, merge or split videos at ones will. FFmpeg is a powerful tool compatible with major Operating Systems (Linux, Mac, Windows). FFmpeg has a lot of options/parameters and sometimes these can get quite convoluted, so we will go through the most common video tasks explaining in detail the options/parameters to be passed. If you haven’t …read more
Lazy Loading Images in VueJS is important to save bandwidth, rank your page better, improve performance considerably and provide a better User Experience, especially if your website has several images. In this tutorial of Lazy loading images with Vue.js, we will be using an extremely swift and lightweight package called Lozad.js that does the major heavy-lifting behind the scenes. But Why Lozad, you ask? Lightweight – < 1kb(978 bytes) minified …read more
Learn how to integrate twitter typeahead search powered by Bloodhound directly into your Vuejs app. Using Twitter typeahead with Vuejs may seem tricky at first, but its far from the truth. Moreover, it is very well suited for traditional web apps as well as SPAs. If you are new to twitter Typeahead/Bloodhound, here’s a tutorial – Smart Search with Twitter Typeahead that I recommend before going ahead. Requirements: – VueJS (v2.5 and …read more
A custom twig filter is required when the available twig filters cannot do the job for you. Base64 encoding and decoding for example, cannot be done using the built-in filters even though these functions exist in pure PHP. So how do you create a custom twig filter in Symfony? Requirements: Symfony 3.4 and above Create Custom Twig Filter For the sake of an example, we will be creating 2 filters …read more
As your VueJS App grows, the number of components keeps growing, giving rise to the need for state management to communicate between components. Vuex is the recommended tool for State Management built specifically for Vuejs apps. Before proceeding, lets refresh a few concepts… What is State? State is like a container/Object that stores some value/values. What is State management? The way in which a state is modified is referred to …read more
