In web applications, auto populating dropdowns are commonly used to simplify user input and ensure data consistency. When a user selects a value from one dropdown, another dropdown with rela… Read More

Pagination is an essential part of web development that allows users to navigate through a large list of data easily. It divides the data into small chunks and displays them in a structured… Read More

Column charts are one of the most common and widely used chart types. It is a visual representation of data that uses bars to show the values of different categories. Google charts API allow… Read More

Web development has, for a while, been a breeze with the range of frameworks and tools available to create great projects with minimal effort. A front-end framework can be considered a toolb… Read More

Event calendars are a powerful tool that keeps track of upcoming events, schedules, appointments, and deadlines. I am using FullCalendar plugin to create a calendar layout and make it dynami… Read More

Select2 is a popular jQuery plugin that makes the default HTML select element to lot more funtional. With element it is not possible to search on the list and add an image to an option, cus… Read More

jQuery UI library provided different types of user interface widgets that are easy to implement on the page. One of the powerful widget is autocomplete. It displays the suggestion list while… Read More

Functions are very useful to perform the same task with different parameters. Similar to programming languages you can create your own custom function to perform a task and return a response… Read More

Dynamic-dependent dropdowns are very helpful to restrict user selection. You may have already seen this on the registration or profile page of the website where you need to select country, s… Read More

Asynchronous file upload gives the user a more seamless experience by allowing them to upload files without having to reload the page. Handle the file on the client side using jQue… Read More

AJAX (Asynchronous JavaScript and XML) is an important part when building a dynamic web application. You can send requests to a server and update parts of a web page without reloading the wh… Read More

If you are using Livewire then you don’t need to include any external library or write a script to detect if a user is online or offline. Livewire already provided a utility to perform… Read More

If you are using Livewire then you don’t need to include any external library or write a script to detect if a user is online or offline. Livewire already provided a utility to perform… Read More

In Livewire you can prefetch the data from the database before the user click on the HTML element. Data will show instantly on click if it is already loaded. For this, you have to add prefet… Read More

The global cloud computing market is a rapidly growing one, valued at over 405.65 billion USD in 2021. According to predictions from Fortune Business Insights, professionals in the cloud com… Read More

Storing file upload details in the database provide more flexibility and control over file handling and management. You can easily keep track of who uploaded this file and when. In this tuto… Read More

File uploads are a common feature in web applications. It allows users to upload and share files, such as images, videos, and documents. CakePHP 4 already has built-in File handling classes… Read More

Adding pagination on the page becomes easier with the DataTables plugin. It comes with all the basic features that require in pagination like – searching, sorting, rows per page, etc… Read More

CKEditor 5 is a rich text editor. It has a wide range of features that are meant to make the user’s experience as pleasant as possible. In this tutorial, I show how you can initialize… Read More

CodeIgniter 4 already has an Image Manipulation class for customizing images. With this, you can resize, change quality, rotate, crop, and add a watermark to the image. It supports GD and Im… Read More

The 5 star rating system allows users to rate articles on a scale of 1 to 5. It is a popular way for visitors to merchant websites to rate the quality of products and services. It is also co… Read More

Model are used to interact with the specific database table and perform operations like – retrieving, inserting, updating, and deleting records. In this tutorial, I show how you can cr… Read More

Template in the CakePHP 4 is a .php file where define the HTML layout of the page. Template files automatically get loaded on the page. For this need to create files in a specific pattern. F… Read More

In JavaScript FileReader class is available to read the data of the file. Using this you can read and view the file content before uploading it to the server. In this tutorial, I show how yo… Read More

Offline.js is a JavaScript library to detect if a user is connected to the internet or not. It displays an alert message when the internet connection is lost similar to Facebook and Gmail. I… Read More

cURL is widely used for making HTTP requests. With this, you can send requests to API to retrieve or manipulate data, submit form, file upload, etc. CodeIgniter 4 already provided CURLReques… Read More

CakePHP is a widely used PHP framework for small and large-scale projects. It is based on the MVC (Model View Controller) architecture which makes the development process easier if you are f… Read More

Autocomplete widget in the jQuery UI library displays an items list that matches with the search value in the textbox. You can either predefine its data or load it dynamically. In this tutor… Read More

CKEditor 5 is easy to use and has lots of features. User can preview the content how it will display on the page while adding data in the editor. In the editor you can add paragraph, heading… Read More

Storing files in a  database makes managing large amounts of data easier, particularly if they are interrelated with a record. For example – A profile picture or documents of a us… Read More

If you are performing currency conversion on your project then it is important to stay up-to-date on the latest currency rates. This is not possible with only using database. There are many… Read More

Using pagination you can divide a large list of records into multiple pages and show a limited number of records per page. But if the search filter is not available with pagination then trav… Read More

CKEditor is a widely use WYSIWYG (What You See Is What You Get) editor. It provides all the basic features that are required for formatting. The editor works perfectly but you need to write… Read More

Google reCAPTCHA v3 is an invisible type of captcha where the user doesn’t have to interact. It tracks the user behavior on the site and returns a score between 0 to 1 with the respons… Read More

DataTables already comes with a single search box for searching globally on the records. Sometimes requires to filter records on the basis of available data in the element. For example, filt… Read More

Validation is very important when you are allowing the user to submit or data manipulation using AJAX. Laravel already provided validation rules that you can use to validate the data. You c… Read More

Data is dynamically loaded on the page when the user reaches the bottom of the page while scrolling. User doesn’t have to click on any action button to load new records. For doing this… Read More

Migration makes table creation and managing them easier. Using this you can recreate tables or update a table without losing its data. In this tutorial, I show how you can update table struc… Read More

Similar to accordion tabs are also used to group related data on the page. Only one tab content is visible at a time. It occupies less space on the page. In this tutorial, I show how you can… Read More

Validation rules help to validate the form. You don’t need to write long if statement conditions for every element. While validating your form elements if your requirement is not… Read More

Google reCaptcha helps to protect the website against spam and bot submissions. It is mainly applied to login, registration, contact us, and add comment forms. There are 2 versions of Google… Read More

Pagination is very useful when you have to show a huge list of records on the page. It divides the records into multiple pages. Limited number of records shown at a time. Livewire has provid… Read More

Accordion is an expandable and collapsible container which used to manage related data. It consumes less space and shows content in a user-friendly format. There are already lots of jQuery p… Read More

Sometimes need to modify a field value while retrieving records using Laravel Eloquent e.g. get date from datetime field, make field value in upper case, etc. To do that you can either use s… Read More

Livewire has provided the WithFileUploads trait for making the uploading process easier. In this tutorial, I show how you can upload file using Livewire component and display a preview after… Read More

DataTables allows to export data in multiple formats like – CSV, Excel, and Pdf. This is not by default enabled. Required including some more libraries to start using it. In this tutor… Read More

In Laravel with the use of scope in Model, you can save time of writing the same script in multiple places in your project. For example, selecting records based on their status – activ… Read More

If you are using Laravel for your web development, then you may have come across a requirement to auto-populate a dropdown with the database data. For example, you may have a form with a cou… Read More

Autocomplete textbox helps the user to pick an item from the suggestion list based on the input. It occupies less space on the page. Data is not preloaded on the page. When the user types an… Read More

Using jQuery UI sortable you can enable HTML element dragging on your page. Initialize it on the element that you want to allow the users to reorder. In this tutorial, I show how you can reo… Read More

With the use of autocomplete textbox user can search and pick an item from the suggestion list. Suggestion list is dynamically updated according to the input. In this tutorial, I show how yo… Read More

Livewire provides a simple abstraction over AJAX that allows us to easily fetch records from the database and update the UI without having to write any JavaScript. In this tutorial, I show h… Read More

Laravel does not come with pre-installed packages. You will need to install them manually before you can make use of them in your project. Installing these packages using composer is simple… Read More

Uploading files (images, documents, etc.) on web pages is an essential part of most websites. If you are on the same server and upload file then you can easily upload it either directly usin… Read More

In Laravel using Yajra DataTables package, you can easily add pagination in less time. To add edit delete button in the DataTable need to use addColumn() method. In this tutorial, I am assum… Read More

In a database, a foreign key is a field that references another table. They keep track of related records and which table they exist in. They also let you know what record they relate to, wh… Read More

Database seeding is a way of populating a database with test data that can be used for initial testing to explore the various functions of your application instead of having to create test u… Read More

A Helper function is a small piece of code that performs a specific task or operation and can be used anywhere in your application. In Laravel you need to create a new PHP file to write Help… Read More

DataTables is a jQuery library for implementing pagination. For adding AJAX pagination needs to write a long script that – count total records with and without filters, fetch records… Read More

CSS classes are very helpful when need to add same style on multiple HTML elements. Sometimes need to perform an action based on a class element has. In this tutorial, I show how you can che… Read More

The CURLRequest class that comes pre-installed in Codeigniter 4 makes it easy to send cURL request from the application. It allows you to make requests via GET, POST, PUT, and other methods… Read More

Have you ever built a website or a web application that requires users to login and register to use its features? If so, you’ve probably realized how much work it can be to create your… Read More

When developing an application, you will at some point need to send cURL requests. In Laravel, you can send a cURL request either using the default PHP way or using the Guzzle HTTP client pa… Read More

In Laravel seeding is a process by which you can insert dummy or sample data into a database. Seeding is a helpful tool for development because it allows you to insert data into your databas… Read More

When creating an online community, website, or social profile, it can be challenging to come up with a username that’s not already taken. If the username is available, then the user ca… Read More

Database is used to store and maintain data. Based on stored data generate report, perform actions, etc. You can also use it to manage the collection of related files. For this, you can eith… Read More

If you allow the users to upload profile,  product, items photos, or documents and during updating file process if you are not deleting the previously uploaded file then in that case fi… Read More

The print() function is been used to print value in Python. You need to pass your printing variable or value in print(). In this tutorial, I show how you can use print() in Python using some… Read More

DataTable by default has a single search box that uses for searching globally. If default search filter is not fulfilling your requirement then you can customize and add you own filter eleme… Read More

Bootstrap modal is a popup box that use to display information and input form. You can also update its content dynamically each time when its open using AJAX. In this tutorial, I show how yo… Read More

When you are allowing users to upload files then it is hard to manage when they are huge in numbers. To resolve it you can store them in a database that makes the retrieving, updating, and d… Read More

Google reCaptcha v3 is a new version of reCaptcha where user doesn’t have to interact. It returns a score for each request which use to restrict form. At the bottom of the page “… Read More

CodeIgniter 4 allows creating helper files to store collection of reusable functions. Require loading the helper before using that helper file function. Files are stored in app/Helpers/ fold… Read More

HTML checkboxes are used for picking multiple items from the list and for allowing a single selection HTML radio button to be used. Sometimes it is required to use a checkbox instead of a ra… Read More

Retrieving data is one of the basic requirement when working with AJAX. Data gets loaded without reloading the whole page. In this tutorial, I show how you can fetch records using the GET an… Read More

Using Google reCaptcha you can protect your website from spam. Form will not get submitted until the user selects a specific number of images according to the question from the captcha box… Read More

Infinite scroll displays a limited number of records on the page, new records automatically load when the page scroll reached the bottom of the page. In this tutorial, I show how you can loa… Read More

Dropzone is a Javascript library that allows uploading files by drag and drop. To load existing files on dropzone need to send an AJAX request while Dropzone initialization. In this tutorial… Read More

Traits are a collection of reusable methods that are accessible in multiple classes. To access these methods in a class first need to define the trait using the use keyword and call the meth… Read More

Bulk importing data is a useful feature to add records stored in a file to the database. Data may be stored in – CSV, Excel, XML, ODS, etc format. In this tutorial, I show how you can… Read More

In Laravel, you don’t have to write long code to export your data, there is already a package available for that – Laravel Excel. It allows exporting data in various formats like… Read More

QR (Quick Response) code is scannable black and white square box that stores data. They are commonly used to store information, redirect users to a website, download files, payment, etc. In… Read More

DataTables is a popular pagination jQuery library. It has many features like – search filter, sorting, change default page length, etc. One of them is the export feature. It has the fo… Read More

Dropzone display preview after file upload but thumbnail gets removed after page reload. To recreate thumbnails require to send AJAX request while Dropzone initialization. In this tutorial… Read More

Dynamic dependent dropdown restricts the user selection based on the previous dropdown selection. In this tutorial, I show how you can auto populate dropdown with MySQL database data using J… Read More

Dropzone makes file upload implementation easier. It allows uploading files by directly drag and drop on the Dropzone container. Displays a preview after the image file upload. In this tutor… Read More

With the use of jQuery AJAX you can instantly display the entered username is already been used or not by another user. User doesn’t have to submit form. In this tutorial, I show how y… Read More

By auto-populating dropdown you can restrict users selection based on the parent dropdown selection. Data is changed on child dropdowns every time selection is changed. In this tutorial, I s… Read More

With infinite page scroll new content loads dynamically while scrolling the page. It is user-friendly and improves page speed. In this tutorial, I show how you can load MySQL database conten… Read More

In Laravel with the use of migration, you can create tables in the database. Using this you can also update the existing table structure. In this tutorial, I show you 2 ways to update table… Read More

With the use of Dropzone, you can easily add drag & drop file upload area. It displays a thumbnail after file upload but does not display a downloadable link. In this tutorial, I show ho… Read More

jQuery UI autocomplete allows user to select an item from the suggestion list based on the typed value. You can load suggestion list with and without AJAX. In this tutorial, I show how you c… Read More

A foreign key is a field that is used to establish the relationship between two tables via the primary key (You can also use a non-primary field but not recommended). In this tutorial, I sho… Read More

With pagination, you can display lots of data on the page in an effective way. You can implement this easily using DataTables jQuery plugin. In this tutorial, I show how you can create DataT… Read More

Dropzone is a Javascript plugin that provides drag and drop file uploads with image previews. It is not dependent on external JavaScript libraries like – jQuery. It is easy to add on t… Read More

Select2 jQuery plugin which makes the HTML select element more user-friendly. It allows loading data with and without AJAX. In this tutorial, I show how you can dynamically load data from Po… Read More

Infinite scroll is a type of pagination where data load automatically while the user scrolling the page. MySQL database data is loaded using AJAX. The process will continue until all data is… Read More

Laravel Share package lets you dynamically generate social share buttons from popular social networks to increase social media engagement. These allow website visitors to easily share the co… Read More

With pagination, it is easier to display a huge list of data on the page. You can create pagination with and without AJAX. There are many jQuery plugins are available for adding pagination… Read More

jQuery UI has different types of widgets available, one of them is autocomplete. Data is loaded according to the input after initialize autocomplete on a textbox. User can select an…… Read More