Introduction When it comes to building web applications, selecting the best frontend framework for 2024 is crucial. It sets the tone for your development process and impacts the user experience. With so many options available, it’s essential to u ...
Selenium: Navigating CKEditor 5 Challenges
Introduction Automating web-based tools like CKEditor in Selenium has always been a part of modern testing strategies. However, with the update to CKEditor 5, many developers, including myself, have encountered challenges that were not presen ...
How To Develop Cloud-based Fullstack Application From Scratch?
So, from today we are going to start developing a personal finance system from the ground up where we can track our expenses, income, get an idea of where our money goes, have a birds-eye view of our financial status, and generate some statistical r ...
var vs const vs let in JavaScript
When programming in JavaScript, developers have three main options for declaring variables: var, let, and const. Each of these options has its own advantages and use cases, and understanding the differences between them is crucial to writing efficie ...
Why database should be taught before programming in universities?
Learn Database before Coding Often students from the initial semester ask me how do we store our data in our programming projects? When students join university to learn about computer science and technology they are usually taught programming fi ...
Different color for each menu item in WordPress
In a recent project, I got a requirement that each menu item should be highlighted in a different color when visited. The menu items and their required active colors were: Home - Green Portfolio - Blue Team - Yellow Contact - Red These colo ...
Rollover image – Change image on hover/mouse over
Often when designing websites static or dynamic, PHP or ASP.Net, Laravel or WordPress, you have to design in a way that if the user hovers an image it gets changed and an alternate image is displayed. This can be easily achieved via simple HTML event ...
How To: Offline access to Vue.js documentation
If you are working with Vue.js Javascript framework to build your next generation web apps then you might be frequently visiting the Vue.js guide section (https://vuejs.org/v2/guide/) to see how certain things work in Vue.js. Most of the time you go ...
Event handling with custom components in Vue.js
If you've been working with Vue.js lately and developing custom components to build your apps you might come across how to communicate from child component to parent. There are couple of scenarios here. Immediate parent child components If you want i ...
One reason why you should refactor your code often
Once upon a time, a consultant made a visit to a development project. The consultant looked at some of the code that had been written; there was a class hierarchy at the center of the system. As he wandered through the hierarchy, the consultant saw t ...
AngularJS vs BackboneJS vs EmberJS? What I decided and why?
What I was looking for that framework should be easy to learn and should be integrated in the project easily. Keeping in that mind I searched a little bit about each and went through some reviews. What I concluded I’ll just say it in one line for each.
Create your first real-time AngularJS application
In my previous article I talked about creating real-time PHP application. That was on the server side and I demonstrated a very very basic client to connect with it. Let's take that to next step and create a Javascript client with AngularJS. Code ang ...
Create your first real-time PHP application
If you ever wondered if there is a way to write a real-time web application using PHP where any event or message is delivered/pushed to all recipients as they occur, in real-time? Then you are at the right place. We'll be building a sample real-time ...
Global Variables in AngularJS
I’ve followed the angularjs tutorial and I noticed that I wasn’t able to have global variables. Turns out to be actually simple but Angular doesn’t mention it. You will need to edit your app module (app.js ) var app = angular.module('appName',); //A ...