Author: <span class="vcard">Yogesh Singh</span>

WordPress is a free open source software, that means you can download, install and modify it. It is mainly popular for creating blogging website but you can create any kind of website in it.

It is customizable with themes and plugins.

You can easily install it on your local system for creating your project and testing it before making it live.

It this tutorial I am installing WordPress on Windows and using XAMPP.

How to install WordPress on Windows System

How To

Setting up multi-language support is a good way to attract the new users to your website but there is no direct way to implement it to the website.

You need to write extra code and update existing hard coded text content to enable multiple languages.

For maintaining this you can either create separate files or use MySQL table.

In this tutorial, I will create simple examples to show multi-language support on the website.

Implement Multi-language support to website with PHP


You need to include an external library to embed date picker on the elements with Bootstrap.

It is easy to add on the element like jQuery UI datepicker and have available multiple options, method, and events to control the date picker.

How to add datepicker in Bootstrap


On WordPress, you have noticed that while writing a blog post it will autosave the post as a draft after the specified interval.

In this tutorial, I am creating the similar type of functionality with jQuery and AJAX. Where I check for any value update in input element if it is then set an interval of 5 seconds.

Send an AJAX request to save data when the interval gets completed.

Autosave data after specific time with jQuery and AJAX


From cPanel you cannot directly create or upload your database using PHPMyAdmin while making your website live. You need to follow some of the steps like – creating a database, user, etc.

The cPanel gives easy to use interface that makes easier to manage the database and make it available in the PHPMyAdmin.

In this tutorial, I am assuming that you already have a cPanel enabled web hosting server.

How to create and manage a MySQL Database in cPanel

DataBase How To

The anchorScroll service in AngularJS allows us to jump to the specific HTML element in the web page. When this gets called then it adds [#element-id] on the URL which you can remove with few more line of code.

It has the dependency on $location service for hash the id on the URL and the anchorScroll reads the hashed string and looks for the given id in the web page and jump to it.

Scroll to given element with anchorScroll service in AngularJS


Star rating bar gives an option to the user to submit his thoughts whether the content is good or not. This gives the administrator a view how well its item is performing.

It is very common on the e-commerce websites.

In this tutorial, I am using jQuery Bar Rating plugin to display star rating on the screen. Whenever the user changes the rating then send an AJAX request to save the user currently rating status on the MySQL database table with PHP.

5 Star Rating system with jQuery, AJAX, and PHP


The Codeigniter allows us to perform the database action like – select, insert, update, and delete with the minimal script.

The $this->db->update() method is used for update existing record. It takes table name and an array or object as the parameter.

In the demonstration, I am listing the user’s list with the edit option. Show the update form on edit option click.

Update records in Database Table with CodeIgniter

DataBase PHP

You can use jQuery AJAX to autocomplete data on the single or multiple elements when the user search or select value from an element.

It is a better way to allow the users to easily search for data in existing records and get required information e.g. get student details by its id, product details, etc.

In the demonstration, I am using jQuery UI to display suggestion list and fetch details using PHP from the MySQL database table when a value from the suggestion list is gets selected.

How to autocomplete data on multiple fields with jQuery and AJAX


File Transfer plugin allows to upload photo or files to the remote server from the PhoneGap app.

In this tutorial, I am using Camera plugin to take a photo from camera or gallery. It will return response either in base64 format or path. You can use jQuery AJAX to upload photo in base64 format.

But it is not the better way because it works well when the image quality is low but when the image is taken from better camera device or photo quality is good then it increases the image size and takes a longer time to process, crash the app, slow down the device.

While adding File transfer plugin it will automatically download File plugin also that use to manipulate files in the device.

In the demonstration, I am creating a basic app where upload the selected photo to the server.

Capture and Upload photo to server with PhoneGap