Actions

Portal

Difference between revisions of "Component Development"

From Joomla! Documentation

m (linebreak removal)
(Marked this version for translation)
 
(19 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{browsebar|development}}
+
<noinclude><languages /></noinclude>
<div style="clear:both; width:100%">
+
{{Top portal heading|color=white-bkgd|icon=code|icon-color=#5091cd|size=5x|text-color=#333|title=<translate><!--T:1-->
{{/box-header-sq|<big>Introduction to {{PAGENAME}}</big>|{{FULLPAGENAME}}/Intro|}}
+
Component Development</translate>}}
{{:{{FULLPAGENAME}}/Intro}}
+
{{Portal:Component_Development/Intro/<translate><!--T:3-->
{{/box-footer|}}
+
en</translate>}}
</div>
+
  
<div class="portal-column-left-wide">
+
<div class="large-6 column">
{{/box-header-sq|Recommended Reading|{{FULLPAGENAME}}/Reading list|}}<onlyinclude>{{:Component Development/Reading list}}</onlyinclude>
+
{{section portal heading|icon=code|title=<translate><!--T:4-->
{{/box-footer|}}
+
Intro to Component Development</translate>}}{{Portal:Component_Development/Reading list/<translate><!--T:5-->
 +
en</translate>}}
 
</div>
 
</div>
 
+
<div class="large-6 column">
<div class="portal-column-right-narrow"> <!-- Switch to one column on narrow screens -->
+
{{section portal heading|icon=code|title=<translate><!--T:6-->
{{/box-header-sq|General Information|{{FULLPAGENAME}}/Information|}}
+
General Information</translate>}}{{Portal:Component_Development/Information/<translate><!--T:7-->
{{:{{FULLPAGENAME}}/Information}}
+
en</translate>}}
{{/box-footer|}}
+
{{section portal heading|icon=code|title=<translate><!--T:8-->
 +
FAQs</translate>}}{{Portal:Component_Development/FAQs/<translate><!--T:9-->
 +
en</translate>}}
 
</div>
 
</div>
 
+
<div class="large-12 column">
<div class="portal-column-right-narrow"> <!-- Switch to one column on narrow screens -->
+
{{section portal heading|icon=code|title=<translate><!--T:10-->
{{/box-header-sq|FAQs|{{FULLPAGENAME}}/FAQs|}}
+
Tutorials</translate>}}{{Portal:Component_Development/Tutorials/<translate><!--T:11-->
{{:{{FULLPAGENAME}}/FAQs}}
+
en</translate>}}
{{/box-footer|}}
+
 
</div>
 
</div>
  
<div style="clear:both; width:100%">
+
__NOTOC__
 
+
<noinclude>
{{/box-header-sq|Component Development Tutorials|{{FULLPAGENAME}}/Tutorials|}}
+
<translate><!--T:2-->
{{:{{FULLPAGENAME}}/Tutorials}}
+
[[Category:Development]]  
{{/box-footer|}}
+
[[Category:Component Development]]</translate>
</div>
+
</noinclude>
__NOTOC__ __NOEDITSECTION__
+
<noinclude>[[Category:Development]][[Category:Components]]</noinclude>
+

Latest revision as of 14:22, 10 June 2015

Other languages:
English • ‎español • ‎français • ‎Nederlands
Component Development


This page contains many links to selected documentation concerning Component Development for Joomla 2.5 and Joomla 3.x. A good place to start is with the Intro to Component Development articles below as they provide a good introductory base of knowledge to build on.

What is a Joomla! Component?

A component is a kind of Joomla! extension. Components are the main functional units of Joomla!; they can be seen as mini-applications. An easy analogy would be that Joomla! is the operating system and the components are desktop applications. They are usually displayed in the center of the main content area of a template (depending on the template).

Most components have two main parts: an administrator part and a site part. The site part is what is used to render pages when being called during normal site operation. The administrator part provides an interface to configure and manage different aspects of the component and is accessible through the Joomla! administrator application.

Joomla! comes with a number of core components, like the content management system and contact forms.

See also: Module, Plugin, Template



Intro to Component Development

There are many articles, tutorials, references and FAQs which focus on component development. If this is your first time developing a component for Joomla, you should start with the Absolute Basics of How a Component Functions. If needed, you can visualise the control flow of a component with these diagrams.

Next, you will want to read our  Joomla 2.5 Joomla 3.x MVC tutorial    Developing a Model-View-Controller Component. Remember to familiarise yourself with Joomla! Secure coding guidelines and Development Best Practices.

Once you have read the tutorial and/or tried the example component, you can focus more on the specifics of your component with additional articles. These are listed on the Component Development Portal or any of the supporting Portals for Development(Plugins, Modules or Templates).