How to Install XAMPP and Joomla Locally

XAMPP is a free local server application, which is required by us for installing Joomla on our personal computer system. It is a collection of basic software (components) needed for running a web server. Being a beginner, Installing XAMPP and Joomla on your own computer system is a good idea for learning Joomla basics rather than directly buying a hosting for the purpose.

We are going to show the complete process with images, so that you could easily install the Joomla, even if you are an absolute beginner.

Let’s start now!

 

XAMPP Installation

Get start with setup

Download XAMPP for windows from apachefriends.org. Then, run the installer to get start with the XAMPP setup.

Select Components

Select Components( all components selected)

In the component wizard, all the components are by default selected. You can uncheck the components that you don’t plan to use.

Let’s quickly go through these components

ApacheIt is the HTTP web server, and essential to run the software.

MySQLIt is the database server.

FileZilla FTP server– used for setting up an FTP server.

Mercury Mail Serverused for setting up a mail transport system.

TomcatIt is an application server, which runs Java based web applications.

PHPIt is a server side scripting language used for making dynamic web pages.

PerlThis language is widely used by the programmers for writing CGI scripts.

PhpMyAdminIt is a necessary component to handle the administration of MySQL.

Webalizeris a web log file analyzer, which generates statistical reports about how many people visit a website and what do they look for in the website

Fake SendmailFor testing email transfer on localhost, Fake Sendmail is used. If you are going to work on such a project which involves sending emails, then this component will come in your use.

Select Components

We have chosen the Apache, MySQL, PHP and phpMyAdmin since these are necessarily required for Joomla installation. As we don’t have any plan to use the rest of components, we have unchecked them all.

 

Build Stunning Joomla Templates in a Flash with TemplateToaster

 

Install

After selecting the components, you will be prompted to specify a location where you want to install XAMPP. Once you specify the location, the setup will be ready to install.

Start Apache and MySQL

Start Apache and MySQL

Once the installation is complete, open XAMPP control panel. For this, find the XAMPP-control.exe and launch it. Default location of XAMPP folder is C:\xampp

Having to open the control panel, start the Apache and MySQL components. When you will start these components, their Admin links will become clickable. Then, select MySQL “Admin” for moving ahead to phpMyAdmin or you can open it from here http: //localhost/phpmyadmin

 

Joomla Installation

You can download the latest package of Joomla to get started. We have used the most recent version i.e. Joomla. So, below you are going to see the installation steps for Joomla 3.4.1.

Create database

Create Database

Browsing this URL- http://localhost/phpmyadmin, you will see the phpMyAdmin interface, where you can create a new database.

For example, our database name is Joomla.

Unzip Joomla zip package

First of all create a new folder named Joomla in htdocs (though you may create the folder by any name). Extract Joomla.zip package content to this folder.

Once you’ve extracted the package, Joomla installation can be started.

For initializing the Joomla installation, browse this URL- http://localhost/joomla and you will see the main configuration page.

Main Configuration page

Main Configuration

This page appears for general information like site title, site description, Email, user name, and password.

Database Configuration

Database Configuration

When you proceed from main configuration page, next comes “Database Configuration” page. Very First, you will select the Database type. There are three options for this-

  • MySQL
  • MySQLi
  • MySQL (PDO)

Actually, these are the different APIs for connecting to MySQL server. You should select MySQLi, which is the default, and move ahead for filling next fields. Your host is localhost. Fill “root” in the username field, leave the password field blank.

Recall the name of database, you’ve created through phpMyAdmin earlier and put that name in Database Name field. We’ve created  with name Joomla. In the last field, you can specify the table prefix, let it auto generated.

Press “Next” to move ahead.

Sample Data

Overview

This is the final step to finalize the Joomla installation.

On this page, you can choose any sample data, which you will see on your site once the installation is done. We recommend to choose the default sample data as it would help you learn about basic site structure with examples.

After choosing the sample data and finding everything correct on overview page, click “Install” on top right corner.

Installation finished

Joomla Installed

When the installation finishes, a congratulation message displays, which asks to delete the installation folder. Unless you press the button to remove the folder, you will not be able to browse your site.

Security is the reason behind removing installation folder. If anyone gets the access to this folder, it may overwrite the files and ruin your website.

After removing the installation folder, you can move to the dashboard by clicking the “Administrator” button.

Admin Login

How to view your website in browser?

We can browse website with this URL- http://localhost/Joomla/. In our case, we’ve extracted the Joomla.zip package to Joomla folder. But, if you give a different name to your folder, then use your folder’s name instead of Joomla.

Our website looks like this-

Joomla Website

This is default Joomla template, looking very basic. You would like to use a visually appealing template for your website. You may download a Joomla template from this gallery, or you can quickly create a professional Joomla template yourself with the help of TemplateToaster.

 

Make great Joomla Websites with TemplateToaster