Yogesh Singh, Author at Makitweb

A Step-by-Step Guide to File Upload with PHP AJAX and jQuery

Last updated on November 26, 2023 by Yogesh Singh

Uploading the files to a server is a common task in web development.

In PHP you can easily upload any type of file on the server using the move_uploaded_file() method. But it requires a form to be submitted for uploading the selected file.

You can make this process smoother with jQuery AJAX, it also improves user experience. You can directly display the image or file preview after it is been uploaded or alert an error if file is not validated without reloading the page.

For this FormData object is use to pass the selected file to the server using AJAX.

In this tutorial, you’ll learn step-by-step how to use PHP jQuery, and AJAX to upload files with validation and display its preview.

A Step-by-Step Guide to File Upload with PHP AJAX and jQuery

Effortlessly Verify Username Availability using jQuery and AJAX

Last updated on December 26, 2023 by Yogesh Singh

Establishing an online presence has become crucial for individuals and businesses in the digital age.

Creating a username is among the initial steps toward achieving an online presence. However, the increasing number of internet users has made it challenging to find an available username.

You can tackle this issue by creating a username availability checker that can determine if a username is already taken or not.

In this tutorial, you will learn how to use jQuery AJAX and PHP to create a simple username availability checker.

Effortlessly Verify Username Availability using jQuery and AJAX

Simple Tab content area with HTML, CSS and jQuery

Last updated on November 28, 2021 by Yogesh Singh

Tab content area occupies less space and can handle a lot of information on the web page. It displays multiple sections in a neat way.

It is used to display related information e.g. displaying different types of settings forms.

This makes it easier for the user to quickly switch from one section to the other.

In this tutorial, I show how you can create a simple Tab layout with HTML, CSS, and jQuery.

Simple Tab content area with HTML, CSS and jQuery

How to make Accordion with HTML, CSS and jQuery

Last updated on December 4, 2021 by Yogesh Singh

The accordion is a vertically stacked list of items. Each item can be “expanded” or “collapsed” to reveal the content associated with that item. There can be zero expanded items, exactly one, or more than one item expanded at a time, depending on the configuration.

Accordions are popular because they allow developers to force large amounts of content into tiny spaces on the page.

In this tutorial, I show how you can create the accordion using HTML, CSS, and jQuery.

How to make Accordion with HTML, CSS and jQuery