Joomla! 1.5 JavaScript jQuery

Enhance your Joomla! Sites with the power of jQuery extensions, plugins, and more

Joomla! 1.5 JavaScript jQuery

Starting
Jose Argudo Blanco

Enhance your Joomla! Sites with the power of jQuery extensions, plugins, and more
$19.20
$39.99
RRP $23.99
RRP $39.99
eBook
Print + eBook
$12.99 p/month

Get Access

Get Unlimited Access to every Packt eBook and Video course

Enjoy full and instant access to over 3000 books and videos – you’ll find everything you need to stay ahead of the curve and make sure you can always get the job done.

Book Details

ISBN 139781849512046
Paperback292 pages

About This Book

  • Build impressive Joomla! Sites with JavaScript and jQuery
  • Create your own Joomla!, jQuery-powered, extensions
  • Enhance your site with third-party features, code-highlighting, Flicker, and more using Joomla! Plugins
  • Detailed explanations with step-by-step guidance and practical examples

Who This Book Is For

If you are a PHP developer who is working with Joomla!, this book is for you. It is also aimed at web designers who want to add JavaScript elements, using jQuery, to their Joomla! sites, themes, modules, and other extensions.

A basic knowledge of web development and Joomal! is required. Some knowledge of JavaScript would certainly be a bonus. No knowledge of jQuery is required.

Table of Contents

Chapter 1: Let's Start Making a Better Site—Images
How Joomla! handles images by default
Adding a jQuery-powered image slideshow module
Image pop ups
Putting images together—image galleries
Tips and tricks
Summary
Chapter 2: Site Content—Our Next Step
Basic concepts on Joomla! content
How Joomla! shows our articles to site visitors
Enhance your site content using JavaScript
Tips and tricks
Summary
Chapter 3: Embedding Rich Media Features with Joomla! Plugins
Concept of plugin—what is a Joomla! plugin and how does it work?
Tips and tricks
Summary
Chapter 4: One Last Look at Joomla! jQuery Modules
Limitations of Joomla! menu modules
Creative ways of placing login modules in our site
Summary
Chapter 5: Refactoring Our Site
Warning
Removing unnecessary jQuery loads
What happens with jQuery UI
Removing MooTools
Tips and tricks
Summary
Chapter 6: Getting Our Hands on Coding JavaScript
Adding movement to our site's header—Parallax effect
jQuery library jScrollPane
Adding useful tooltips
Summary
Chapter 7: Creating Our Own Modules
Learning the basics of Joomla! module creation
Creating a "Send us a question" module
Making a better form using JavaScript
Warning
What could you check?
What to do next? Packing and installing the module
Summary
Chapter 8: Building Complete Solutions, Modules, and Components
Working with the news rotator module
Creating the component base
How Joomla! helps us work with the database
Modifying our installer to create our table
Coding a basic admin zone
Inserting, editing, and deleting records in our admin zone
Showing our data in our module
Adding jQuery to our module—refreshing data using JavaScript
Summary
Chapter 9: Going Further with Our Component Development
Adding a table paginator plugin to our admin zone
Textarea autogrow plugin
Working on our component's frontpage
Going back to the admin zone
Showing our images in the frontend
Adding a WYSIWYG editor to our component backend
Summary
Chapter 10: Problems and Usability
What happens if JavaScript is disabled?
Using Firebug to help us in our development
Possible problems and solutions with jQuery
Optimizing CSS and JavaScript
Summary

What You Will Learn

  • Add an image slideshow, image popups, and a gallery to our site
  • Organize your site content in different tabs, articles, and slideshows and improve its search capability with AJAX searching
  • Enhance your site with third-party features, codehighlight, Flicker, and more using Joomla! Plugins
  • Build a dropdown menu with some amazing effects
  • Refactor and remove unnecessary library loads
  • Master the technique of coding directly on the template, parallax, scrolls, and tooltips
  • Build your first Joomla! module, a jQuery powered contact form
  • Develop a full module or component extension, with some bits of jQuery
  • Solve usability problems

In Detail

Ever wondered how all the great-looking, feature packed, amazing Joomla! sites are made? Would you like to add image transitions, popups, scrolls, AJAX forms, image galleries, no-page reloads to your website, but are worried that they will be difficult to implement? To make any Joomla! site look more professional, interactive, and interesting you need the ease and power of jQuery.

This book will help you to use the jQuery library with the Joomla! CMS. It will take you through adding jQuery functionality to the Joomla! CMS and show how to use it to make the modules and themes more dynamic, interactive, and responsive, and add effects to your Joomla! site.
The book starts by showing a plain Joomla! site without any JavaScript enhancement or features, then accompanies you through the process of site enhancement.

First you will learn how to make use of third-party extensions to include jQuery features into your site. These can be image galleries, jQuery powered menus, tooltips, and many, many more. Later on you will learn how to modify your template to add some features to your Joomla! site, You will also learn to build your own jQuery-powered Joomla! extensions, and how to pack them so that you can use them in any project you like. Further, you will learn to create your own modules and components.

By the end of this book, you will have learned how to enhance any Joomla! site with JavaScript and jQuery.

Authors

Table of Contents

Chapter 1: Let's Start Making a Better Site—Images
How Joomla! handles images by default
Adding a jQuery-powered image slideshow module
Image pop ups
Putting images together—image galleries
Tips and tricks
Summary
Chapter 2: Site Content—Our Next Step
Basic concepts on Joomla! content
How Joomla! shows our articles to site visitors
Enhance your site content using JavaScript
Tips and tricks
Summary
Chapter 3: Embedding Rich Media Features with Joomla! Plugins
Concept of plugin—what is a Joomla! plugin and how does it work?
Tips and tricks
Summary
Chapter 4: One Last Look at Joomla! jQuery Modules
Limitations of Joomla! menu modules
Creative ways of placing login modules in our site
Summary
Chapter 5: Refactoring Our Site
Warning
Removing unnecessary jQuery loads
What happens with jQuery UI
Removing MooTools
Tips and tricks
Summary
Chapter 6: Getting Our Hands on Coding JavaScript
Adding movement to our site's header—Parallax effect
jQuery library jScrollPane
Adding useful tooltips
Summary
Chapter 7: Creating Our Own Modules
Learning the basics of Joomla! module creation
Creating a "Send us a question" module
Making a better form using JavaScript
Warning
What could you check?
What to do next? Packing and installing the module
Summary
Chapter 8: Building Complete Solutions, Modules, and Components
Working with the news rotator module
Creating the component base
How Joomla! helps us work with the database
Modifying our installer to create our table
Coding a basic admin zone
Inserting, editing, and deleting records in our admin zone
Showing our data in our module
Adding jQuery to our module—refreshing data using JavaScript
Summary
Chapter 9: Going Further with Our Component Development
Adding a table paginator plugin to our admin zone
Textarea autogrow plugin
Working on our component's frontpage
Going back to the admin zone
Showing our images in the frontend
Adding a WYSIWYG editor to our component backend
Summary
Chapter 10: Problems and Usability
What happens if JavaScript is disabled?
Using Firebug to help us in our development
Possible problems and solutions with jQuery
Optimizing CSS and JavaScript
Summary

Book Details

ISBN 139781849512046
Paperback292 pages
Read More