mozFestPune
    Allana Institute Of Mgmt Science

              Saurabh Shah
          Front-End Developer
                  ReMo
     Joomla! Events Teams Member
     Joomla! Social Teams Member
Joomla!Day India Organizing Team Member




   Basics Of Joomla!
Cloudaccess.net
- I am Working Since 2009
- Only Dedicated Joomla! Hosting company , With Platform-
as-a-Service (PaaS), get hosting on premium equipment,
managed backups, Joomla! phone support, email, and lots
more.
- Demo.joomla.org has partnered with CloudAccess.net,
since May 2010 and is the official hosting company for
Joomla! Demo sites.
- Every month, over 22,000 new users sign up for the
services - that’s over 800 new Joomla! demo users every
day.
Cloudaccess.net
- We allow users to maintain the integrity of their content,
and continue to build and learn over an extended trial
period. Each demo site user will get a free, complete,
dedicated installation of the Joomla! CMS. Users sign up,
verify their email, and start building with complete
customization capabilities. After 30 days, a user can easily
migrate the site to another host or sign up with
CloudAccess.net for an ongoing account.
What is CMS ?
- A content management system (CMS) is software that keeps
track of every piece of content/data on a website much like a
local public library keeps track of books, music, films, and
other content in a library. Content can be text, photos, music,
video, documents, or just about anything else you can imagine.

- A major advantage of using a CMS is that it requires almost no
technical skill or knowledge to manage. Joomla! also functions
as an enterprise content management system (ECM) because it
can easily manage the entire scope of an enterprise or
government.
What is Joomla! ?
Joomla! is an award-winning open source application framework,
content management system (CMS) and enterprise content
management system (ECM) that powers nearly 3% of the world’s
websites. Because of Joomla’s extensible structure, there aren't
many things you cannot do, and that’s why it’s the perfect
application framework for individuals, small business, and large
enterprises. What sets Joomla apart from the rest is the
dedication to keeping things as simple as possible while
providing the most features possible. Joomla enables users of all
types to build websites and powerful online applications. First
released in 2005, Joomla! has gone through many updates, and
will continue to be developed into the future. Many aspects,
including its ease-of-use and extensibility, have made Joomla!
the most popular website software available.
Joomla! Features
Joomla! CMS is built on top of an Application Framework
Application Framework - Build your own Apps
Advanced Login and logout features
Registered User Access
Manage Profiles and User field data
Content Management Access Control
Allow users to edit from the front end or back end
Allow access to different parts of the application
Hundreds of thousands of ready to go templates (see the list)
3rd Party Applications Support - Install ready-to-go applications
Build Quick Easy Brochure sites using the built-in CMS
Application Framework called the Joomla! Platform
Create Advanced Directories
Indexed Search with Smart Google *Like* search functions
Captcha built in to stop Spam
Joomla! Features (conti...)
Advanced Editor (WYSIWYG Editor)
Framework for Multilingual Applications
Multilingual Content Management System
Custom-built business intelligence applications
You own what you create in Joomla! - Open Source GPLv2
Develop Powerful Brands using Templates
HTML5 Enabled - CSS and advanced Java Script
Use Any Java Script (Moo-tools, jQuery, Twitter bootstrap and more)
Build Responsive Designs and bolt them to the CMS
Learn Joomla Implementation and assemble sites quickly
Design PSD and bolt it to Joomla!
Advanced Menu Control with Access Control
Add Advanced HTML5 Video
3rd Party applications to create a Advanced forms
Lead Generation Tool
Use Powerful 3rd Party Image Rotators
Joomla! Popularity
● Joomla is popular open source content management
  system which is used to built websites.
● Reason behind its extensive popularity are :
  ○ Freely available and no individual is required to pay
     huge amounts for the purpose of licensing it.
  ○ Joomla is easy to use and having extremely flexible
     features which help in the creation of wide variety of
     websites, such as personal websites, educational
     websites, E-commerce applications and corporate
     websites and many more.
  ○ One of the benefits of using Joomla web design
     services is that, users can easily update and maintain
     web pages from time to time.
Joomla! Popularity
New to Joomla! ?
● Start with latest version of the Joomla! and forget about
  the Previous versions , Focus on the future. Current
  Joomla! version is 2.5
● Use the documentation and forum for your most of the
  help.
      http://docs.joomla.org
      http://forum.joomla.org
● Go to http://www.joomla.org and download Joomla!
  latest version.
Joomla! Templates
● A template is the type of Joomla! extension that
  changes the way your site looks. There are two
  types of templates: Front-end Templates and
  Back-end Templates.
● Joomla Template also allows users to override
  the view of how extensions look.
● You can change the view of the extension by two
  ways
  css override & template override
3 Important Topic which you should know
       while working with Joomla!

1. Component
2. Modules
3. Plugins
Component


1. Components are the main
functional units that display in
your template, like contact
forms, Web Links etc.

2. They are usually displayed
in the center of the main
content area of a template
(depending on the template    Component is under
structure).                   the red border
Modules


1. Modules are lightweight
and flexible extensions used
for page rendering.

2. These modules are mostly
visible as the “boxes” that are
arranged around a
component on a typical page.
                                  Modules are under
Example: the login module,        the green border
Polls Module etc.
Plugins

1. Provide routines which are associated with trigger events
within Joomla. When a particular trigger event occurs all
plugin routines of the type associated with the event are
executed in sequence.

2. Joomla! Plugins enable you to execute code in response
to certain events, either Joomla! core events or custom
events that are triggered from your own code. This is a
powerful way of extending the basic Joomla! Functionality.

Example : Comment system
There are 3 easy steps to
        get started
1. Administration
2. Content
3. Navigation
1. Administration

Front End       Back End
Front End is called as Public View,
Which we see generally when we
navigate the site
Back End is called as Private View,
Which we see generally Don't have
access to.
Front End is for Public View / what
public can see.
Example: http://www.yoursite.com



Back End is for Administration work
Example: http://www.yoursite.com/administrator
2. Content
Content - It contains the articles on
your website

Article Manager - Contains all your
articles / Add / Edit / Publish and
unpublish your articles

Category Manager - Contains and
manages all your categories and
subcategories
3. Navigation
Navigation - Generally called as
Menus which enable users to
navigate throughout the site
1. To create Menu , you need to go to the Menu Manager
(Backend -> Menu -> Menu Manager) , If it is already
created then skip to step 2

2. Go to the created/ existing menu , You need to create
a Menu item
There are various Menu types you can select from
       Single article , category blog , featured articles ,
       external url etc.

3. Select the menu type , select the Menu in which menu
item to be appear , save and close.

4. Other Parameters and Options for advanced users.
(which we will see over the demo)
DEMO
Language
- 68 available languages
- http://community.joomla.org/translations/joomla-16-translations.html

Example of Multilingual Site :
http://multilingual-joomla-demo.cloudaccess.net/
Joomla! 3.0
September 3.0 & March 3.1
New Markup and UI Based on Bootstrap
The most visible change in version 3.0 is expected to be the new markup and
UI, based on the Bootstrap HTML/CSS/JS framework from Twitter.
The goal for this change is to provide a standard set of UI “widgets” which
will allow extension developers and template developers to work from the
same set of markup standards.
This will allow extension developers to focus on functionality and template
developers to develop templates that work without modification across
multiple extensions.
The Bootstrap framework is based on the jQuery JavaScript framework.
Accordingly, as part of this change, Joomla 3.0 is expected to include jQuery.
MooTools will continue to be included as well.
Teams
         communication team
           leadership team
         documentation team
             events team
              Bugs Squad
Joomla! Extension Directory(JED Editor)
           Translation team
               UX team
    Long Term Support (LTS) Team
How to get involved with Joomla! ?
-   Answer questions in joomla! forum
-   Write Tutorials
-   Write documentation
-   Develop an Extension or Template
-   Test and submit Issue report
-   Join Joomla! working group
    ●   Development Team
    ●   Documentation Team
    ●   Extension Directory Editors
    ●   Sites and Infrastructure Teamp/Forum Moderators
    ●   Translation Teams (Translations Forum)

- Help out a Joomla! event
Thank You !
           Saurabh Shah

      Twitter : @saurabhshah

                Email
   Work : saurabh@cloudaccess.net
Personal : shahsaurabh164@gmail.com

Work : http://www.cloudaccess.net
             Personal
 http://www.weeklywebfood.com
 http://www.designstudio16.com

Basics of Joomla!

  • 1.
    mozFestPune Allana Institute Of Mgmt Science Saurabh Shah Front-End Developer ReMo Joomla! Events Teams Member Joomla! Social Teams Member Joomla!Day India Organizing Team Member Basics Of Joomla!
  • 2.
    Cloudaccess.net - I amWorking Since 2009 - Only Dedicated Joomla! Hosting company , With Platform- as-a-Service (PaaS), get hosting on premium equipment, managed backups, Joomla! phone support, email, and lots more. - Demo.joomla.org has partnered with CloudAccess.net, since May 2010 and is the official hosting company for Joomla! Demo sites. - Every month, over 22,000 new users sign up for the services - that’s over 800 new Joomla! demo users every day.
  • 3.
    Cloudaccess.net - We allowusers to maintain the integrity of their content, and continue to build and learn over an extended trial period. Each demo site user will get a free, complete, dedicated installation of the Joomla! CMS. Users sign up, verify their email, and start building with complete customization capabilities. After 30 days, a user can easily migrate the site to another host or sign up with CloudAccess.net for an ongoing account.
  • 4.
    What is CMS? - A content management system (CMS) is software that keeps track of every piece of content/data on a website much like a local public library keeps track of books, music, films, and other content in a library. Content can be text, photos, music, video, documents, or just about anything else you can imagine. - A major advantage of using a CMS is that it requires almost no technical skill or knowledge to manage. Joomla! also functions as an enterprise content management system (ECM) because it can easily manage the entire scope of an enterprise or government.
  • 5.
    What is Joomla!? Joomla! is an award-winning open source application framework, content management system (CMS) and enterprise content management system (ECM) that powers nearly 3% of the world’s websites. Because of Joomla’s extensible structure, there aren't many things you cannot do, and that’s why it’s the perfect application framework for individuals, small business, and large enterprises. What sets Joomla apart from the rest is the dedication to keeping things as simple as possible while providing the most features possible. Joomla enables users of all types to build websites and powerful online applications. First released in 2005, Joomla! has gone through many updates, and will continue to be developed into the future. Many aspects, including its ease-of-use and extensibility, have made Joomla! the most popular website software available.
  • 6.
    Joomla! Features Joomla! CMSis built on top of an Application Framework Application Framework - Build your own Apps Advanced Login and logout features Registered User Access Manage Profiles and User field data Content Management Access Control Allow users to edit from the front end or back end Allow access to different parts of the application Hundreds of thousands of ready to go templates (see the list) 3rd Party Applications Support - Install ready-to-go applications Build Quick Easy Brochure sites using the built-in CMS Application Framework called the Joomla! Platform Create Advanced Directories Indexed Search with Smart Google *Like* search functions Captcha built in to stop Spam
  • 7.
    Joomla! Features (conti...) AdvancedEditor (WYSIWYG Editor) Framework for Multilingual Applications Multilingual Content Management System Custom-built business intelligence applications You own what you create in Joomla! - Open Source GPLv2 Develop Powerful Brands using Templates HTML5 Enabled - CSS and advanced Java Script Use Any Java Script (Moo-tools, jQuery, Twitter bootstrap and more) Build Responsive Designs and bolt them to the CMS Learn Joomla Implementation and assemble sites quickly Design PSD and bolt it to Joomla! Advanced Menu Control with Access Control Add Advanced HTML5 Video 3rd Party applications to create a Advanced forms Lead Generation Tool Use Powerful 3rd Party Image Rotators
  • 8.
    Joomla! Popularity ● Joomlais popular open source content management system which is used to built websites. ● Reason behind its extensive popularity are : ○ Freely available and no individual is required to pay huge amounts for the purpose of licensing it. ○ Joomla is easy to use and having extremely flexible features which help in the creation of wide variety of websites, such as personal websites, educational websites, E-commerce applications and corporate websites and many more. ○ One of the benefits of using Joomla web design services is that, users can easily update and maintain web pages from time to time.
  • 9.
  • 10.
    New to Joomla!? ● Start with latest version of the Joomla! and forget about the Previous versions , Focus on the future. Current Joomla! version is 2.5 ● Use the documentation and forum for your most of the help. http://docs.joomla.org http://forum.joomla.org ● Go to http://www.joomla.org and download Joomla! latest version.
  • 11.
    Joomla! Templates ● Atemplate is the type of Joomla! extension that changes the way your site looks. There are two types of templates: Front-end Templates and Back-end Templates. ● Joomla Template also allows users to override the view of how extensions look. ● You can change the view of the extension by two ways css override & template override
  • 12.
    3 Important Topicwhich you should know while working with Joomla! 1. Component 2. Modules 3. Plugins
  • 13.
    Component 1. Components arethe main functional units that display in your template, like contact forms, Web Links etc. 2. They are usually displayed in the center of the main content area of a template (depending on the template Component is under structure). the red border
  • 14.
    Modules 1. Modules arelightweight and flexible extensions used for page rendering. 2. These modules are mostly visible as the “boxes” that are arranged around a component on a typical page. Modules are under Example: the login module, the green border Polls Module etc.
  • 15.
    Plugins 1. Provide routineswhich are associated with trigger events within Joomla. When a particular trigger event occurs all plugin routines of the type associated with the event are executed in sequence. 2. Joomla! Plugins enable you to execute code in response to certain events, either Joomla! core events or custom events that are triggered from your own code. This is a powerful way of extending the basic Joomla! Functionality. Example : Comment system
  • 16.
    There are 3easy steps to get started 1. Administration 2. Content 3. Navigation
  • 17.
  • 18.
    Front End iscalled as Public View, Which we see generally when we navigate the site
  • 19.
    Back End iscalled as Private View, Which we see generally Don't have access to.
  • 20.
    Front End isfor Public View / what public can see. Example: http://www.yoursite.com Back End is for Administration work Example: http://www.yoursite.com/administrator
  • 21.
  • 22.
    Content - Itcontains the articles on your website Article Manager - Contains all your articles / Add / Edit / Publish and unpublish your articles Category Manager - Contains and manages all your categories and subcategories
  • 23.
  • 24.
    Navigation - Generallycalled as Menus which enable users to navigate throughout the site
  • 25.
    1. To createMenu , you need to go to the Menu Manager (Backend -> Menu -> Menu Manager) , If it is already created then skip to step 2 2. Go to the created/ existing menu , You need to create a Menu item There are various Menu types you can select from Single article , category blog , featured articles , external url etc. 3. Select the menu type , select the Menu in which menu item to be appear , save and close. 4. Other Parameters and Options for advanced users. (which we will see over the demo)
  • 26.
  • 27.
    Language - 68 availablelanguages - http://community.joomla.org/translations/joomla-16-translations.html Example of Multilingual Site : http://multilingual-joomla-demo.cloudaccess.net/
  • 28.
    Joomla! 3.0 September 3.0& March 3.1 New Markup and UI Based on Bootstrap The most visible change in version 3.0 is expected to be the new markup and UI, based on the Bootstrap HTML/CSS/JS framework from Twitter. The goal for this change is to provide a standard set of UI “widgets” which will allow extension developers and template developers to work from the same set of markup standards. This will allow extension developers to focus on functionality and template developers to develop templates that work without modification across multiple extensions. The Bootstrap framework is based on the jQuery JavaScript framework. Accordingly, as part of this change, Joomla 3.0 is expected to include jQuery. MooTools will continue to be included as well.
  • 29.
    Teams communication team leadership team documentation team events team Bugs Squad Joomla! Extension Directory(JED Editor) Translation team UX team Long Term Support (LTS) Team
  • 30.
    How to getinvolved with Joomla! ? - Answer questions in joomla! forum - Write Tutorials - Write documentation - Develop an Extension or Template - Test and submit Issue report - Join Joomla! working group ● Development Team ● Documentation Team ● Extension Directory Editors ● Sites and Infrastructure Teamp/Forum Moderators ● Translation Teams (Translations Forum) - Help out a Joomla! event
  • 31.
    Thank You ! Saurabh Shah Twitter : @saurabhshah Email Work : saurabh@cloudaccess.net Personal : shahsaurabh164@gmail.com Work : http://www.cloudaccess.net Personal http://www.weeklywebfood.com http://www.designstudio16.com