Gastbeitrag: Getting started with Codelobster PHP Editition for Joomla

The Professional version of the Codelobster PHP IDE has in its structure an excellent tool – the unit for working with the CMS Joomla.

Of course, we can edit PHP or HTML files by using any editor tool, but built-in unit of Joomla can extend the features of the program and transforms Codelobster into a fully functional Joomla IDE.

Usually development of the site by Joomla starts from a rather boring, but the necessary steps:

• Installation of content management system, for example, on a locally running servers.
• Creating and configuration the project in your IDE.

And only then, when a new empty version of CMS is installed, you can create themes for your site or develop a module.

Codelobster PHP IDE allows to combine all the stages of the project deployment and to make preparations for the work directly in the IDE.

Getting Started – the creation of the Joomla project

Run local HTTP Apache server and MySQL data base, for that I usually use the XAMPP package – very convenient set of programs for web-developers.

Everything is ok, then you can work Codelobster and nothing to worry about, we even will not have to download CMS – program will take care about everything.

So, run the IDE go to the main menu, and then move by the next sequence of items: „File“ -> „New“ -> „Project“ to run a new project wizard.

Fig. 1 – Create a new Project

Using the dialog box, which has appeared after previous step, specify the type of project, „Create an empty Joomla site“.

First of all, we write the project name „joomla-site“ and choose the path to it. The project is located in the folder „htdocs“ on the local server.

Note the item „Create a new project in the folder“. What was the result? Let’s examine the dialog box carefully.

Fig. 2 – Create an Empty Joomla Site

The path to the project D:\xampp-portable\htdocs\ – in this directory on the local server will be created a folder to place all the source files of the project.

The last line – URL of our new website http://localhost/joomla-site/, we will use it for testing and debugging.

Then click „Ok“. Next we will configure the new Joomla project.

Fig. 3 – Select a Joomla Version

Then the first dialog window of IDE immediately invites us to choose Joomla version. Make your choice and click „Next“.

Fig. 4 – Database Settings (Basic Options)

In the next step the connection parameters to the database must be entered.

We enter the name of the database, what the IDE automatically creates for us, and also enter the user name and password to connect to MySQL.

Fig. 5 – Database Settings (Advanced Options)

Go to the next dialog. In this case, the advanced settings  is no need to change, as the database is also running locally.

Fig. 6 – Admin Options

Follow further. Wizard prompts you for administrator account data of the new site.

Specify the user name, password, email address and press „Next“.

Fig. 7 – FTP Settings

The next dialog lets us to configure FTP access. In this case, is not necessary to configure it, since we work with server on a desktop and have full access to the source files. Skip this step and go on.

Fig. 8 -Site Settings

At the final stage we will think up the name of our website and will enter it in the first string. Leave the other settings as default.

Fig. 9 – CodeLobster Main Window

Next, the wizard downloads the latest version of Joomla from the official site, makes installation and configuring of the project and opens it in a programming environment.

Fig. 10 – Templates

To begin editing the project, go to the folder „templates“, open the folder „beez3“ -> „components.php“.

For quick tips on functions, you just should  hover over the item of  interest.

Fig. 11- Code Completion

To use the code completion, you should move the cursor to the desired position and press Ctrl + Space.

Thus, we have quick access to all variables and functions of Joomla, it will speed up and make more comfortable the process of development.

Right in the progress, without distraction, and without leaving the program, you can use the contextual and dynamic help, if you need to clarify the Joomla API syntax.

So, let’s boldly proceed to the realization of our ideas, Codelobster PHP IDE provides wide opportunities for creating professional sites on Joomla.

Codelobster PHP IDE also has modules for other popular frameworks and content management systems: Drupal, WordPress, Smarty, Twig, JQuery, CodeIgniter, CakePHP, Laravel, Symfony, Yii, Laravel, AngularJS.

Add Comment