Create Front End Component in Joomla - Step by step procedure

In this tutorial we are going discuss about how to create a Front End Component in Joomla. Here I will explain how to create a component and how to display in the browser.

Step 1:

Create a folder for your component in Joomla components directory.

Ex: root folder/components/com_mycomponent

Here "com_mycomponent" is our new component name.

Step 2:

Create a file "mycomponent.php" inside the "com_mycomponent" folder.

Step 3:

Write the following code in the "mycomponent.php" file.

<?php

defined( '_JEXEC' ) or die( 'Restricted access' );
echo '<div class="componentheading">Welcome to my Own Joomla Front end Component</div>';

?>

Step 4:

Test the above component by accessing 

http://localhost/joomla25/index.php?option=com_mycomponent

The final output will be.,

In my next post, I will explain about how to create our own Back End Component in joomla.