Portal

Difference between revisions of "Component Development"

From Joomla! Documentation

(Marked this version for translation)
 
(43 intermediate revisions by 10 users not shown)
Line 1: Line 1:
__NOTOC__
+
<noinclude><languages /></noinclude>
== Recommended Reading ==
+
{{Top portal heading|color=white-bkgd|icon=code|icon-color=#5091cd|size=5x|text-color=#333|title=<translate><!--T:1-->
=== General ===
+
Component Development</translate>}}
* [[Joomla Beginning Developer Course]]
+
{{Portal:Component_Development/Intro/<translate><!--T:3-->
* [[Setting up your workstation for Joomla! development]]
+
en</translate>}}
* [[Secure coding guidelines]]
 
=== Specific ===
 
<onlyinclude>
 
====Developing a Model-View-Controller (MVC) Component {{JVer|1.5}}====
 
* [[Developing a Model-View-Controller Component - Part 1]]
 
* [[Developing a Model-View-Controller Component - Part 2 - Adding a Model]]
 
* [[Developing a Model-View-Controller Component - Part 3 - Using the Database]]
 
* [[Developing a Model-View-Controller Component - Part 4 - Creating an Administrator Interface]]
 
* [[Developing a Model-View-Controller Component - Part 5 - Basic Backend Framework]]
 
* [[Developing a Model-View-Controller Component - Part 6 - Adding Backend Actions]]
 
  
====Developing a Model-View-Controller (MVC) Component {{JVer|1.6}}====
+
<div class="large-6 column">
* [[Developing a Model-View-Controller (MVC) Component for Joomla!1.6|Introduction]]
+
{{section portal heading|icon=code|title=<translate><!--T:4-->
{{Chunk:Developing a Model-View-Controller (MVC) Component for Joomla!1.6 - Contents}}
+
Intro to Component Development</translate>}}{{Portal:Component_Development/Reading list/<translate><!--T:5-->
 +
en</translate>}}
 +
</div>
 +
<div class="large-6 column">
 +
{{section portal heading|icon=code|title=<translate><!--T:6-->
 +
General Information</translate>}}{{Portal:Component_Development/Information/<translate><!--T:7-->
 +
en</translate>}}
 +
{{section portal heading|icon=code|title=<translate><!--T:8-->
 +
FAQs</translate>}}{{Portal:Component_Development/FAQs/<translate><!--T:9-->
 +
en</translate>}}
 +
</div>
 +
<div class="large-12 column">
 +
{{section portal heading|icon=code|title=<translate><!--T:10-->
 +
Tutorials</translate>}}{{Portal:Component_Development/Tutorials/<translate><!--T:11-->
 +
en</translate>}}
 +
</div>
  
====Other component topics====
+
__NOTOC__
* [[File Structure and Naming Conventions]]
+
<noinclude>
* [[Component Program Flow]]. UML sequence diagrams showing the control flow for a component. {{JVer|1.5}}
+
<translate><!--T:2-->
* [[Component parameters]]
+
[[Category:Development]]  
* [[Components:xml installfile]].  An example component XML installation file. {{JVer|1.5}}
+
[[Category:Component Development]]</translate>
* [[Manifest files]] for the installation of extensions {{JVer|1.6}}
+
</noinclude>
* [[Supporting SEF URLs in your component]]
 
* [[Supporting plugins in your component]]
 
* [[Using JPagination in your component]]
 
* [[Adding sortable columns to a table in a component]]
 
* [[How to use the JPane classes in a component]]
 
* [[How to use the editor in a component]]
 
* [[Adding AJAX to your component]]
 
* [[Ajax using MooTools]]
 
* [[How to add breadcrumbs]]
 
* [[How to send email from components]]
 
* [[How to use the JToolBar class in the frontend]]
 
* [[Creating a toolbar for your component]]
 
* [[Creating a file uploader in your component]]
 
* [[Adding Javascript moo.fx to your component]]
 
* [[Adding view layout configuration parameters]]
 
* [[Using a custom image in the menu bar title]]
 
* [[How to implement XML-RPC in a component]]
 
* [[Using multiple models in an MVC component]]
 
* [[How to create a modal form field]] {{JVer|1.6}}
 
* [[JController and its subclass usage overview]] {{JVer|1.6}}
 
* [[Managing Component Updates with Joomla!1.6 - Part 1]] {{JVer|1.6}}
 
* [[Xml-rpc changes in Joomla! 1.6]] {{JVer|1.6}}
 
</onlyinclude>
 
 
 
== Tutorials ==
 
<small>List of all articles belonging to the categories "Tutorials" AND "Component Development"</small>
 
<DPL>
 
noresultsheader=\n 
 
format  = ,\n* [[%PAGE%|%TITLE%]],,
 
category=Tutorials
 
category=Component Development
 
</DPL>
 
 
 
==FAQ==
 
<small>List of all articles belonging to the categories "FAQ" AND "Component Development"</small>
 
<DPL>
 
noresultsheader=\n 
 
format  = ,\n* [[%PAGE%|%TITLE%]],,
 
category=FAQ
 
category=Component Development
 
</DPL>
 

Latest revision as of 14:22, 10 June 2015

Other languages:
Deutsch • ‎English • ‎Nederlands • ‎español • ‎français • ‎italiano • ‎русский • ‎中文(台灣)‎
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 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).