PHP and script.aculo.us Web 2.0 Application Interfaces

Build powerful interactive AJAX applications with script.aculo.us and PHP

PHP and script.aculo.us Web 2.0 Application Interfaces

Starting
Sridhar Rao

Build powerful interactive AJAX applications with script.aculo.us and PHP
$15.75
$34.99
RRP $20.99
RRP $34.99
eBook
Print + eBook
$12.99 p/month

Want this title & more? Subscribe to PacktLib

Enjoy full and instant access to over 2000 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.
+ Collection
Free Sample

Book Details

ISBN 139781847194046
Paperback264 pages

About This Book

  • Get started quickly with script.aculo.us library with as little as one line of code
  • Explore Prototype library features, tutorials, code, and examples
  • Learn script.aculo.us' In-place Editing, Auto Completion, Sliders, Drag-and-Drop, Effects, and Multimedia
  • A book with less jargon, and more code explanation for building real-world examples —Tadalist clone, Digg and Delicious clones, 43things.com clone

Who This Book Is For

This book is for web developers who build simple yet agile and useful web applications. It is useful for PHP beginners and assumes basic knowledge of HTML, CSS, JavaScript, and PHP. The examples in the book use PHP, but can be adapted easily to other languages.

Table of Contents

Chapter 1: About script.aculo.us
Welcome to the script.aculo.us world
Versions
The script.aculo.us fun begins
Much more fun
Summary
Chapter 2: Exploring Client-side Techniques with Prototype
About Prototype
Prototype features − a walk-through
Event handling
Redefining forms with Prototype
Getting more hands-on
Summary
Chapter 3: Server-side Techniques with PHP and MySQL
Basic requirements
Getting the playground ready
Hands-on examples: Common scripts
Summary
Chapter 4: Adding Effects and Multimedia to User Interface Design
Introduction to effects
Types of effects
Hands-on examples
Playing sounds with script.aculo.us
Summary
Chapter 5: AJAX Drag and Drop Feature using script.aculo.us
Introduction to the drag and drop feature
Explanation of the drag and drop feature
Code usage of the drag and drop feature
Hands-on example: Creating a drag and drop sample in one line of code
Hands-on example: Advanced drag and drop tutorial
Summary
Chapter 6: In-place Editing using script.aculo.us
An introduction to the in-place editing feature
Getting started with in-place editing
Code usage of the in-place editing features and options
Chapter 7: Creating Autocompletion using script.aculo.us
Introduction to autocompletion
Explanation of the autocompletion feature
Code usage of autocompletion using remote sources
Code usage of autocompletion using local sources
Hands-on example: Autocompletion using remote sources
Hands-on example: Advanced autocompletion using remote sources for multiple fields
Hands-on example: Autocompletion using local sources
Summary
Chapter 8: Slider for Dynamic Applications using script.aculo.us
First steps with slider
Code usage for the slider
Tips and tricks with the slider
Hands-on example: Using vertical and horizontal slider
Summary
Chapter 9: script.aculo.us in One Go
Hands-on example: Multiple script.aculo.us features mash up
Hands-on example: Quick revision of all the features of script.aculo.us in one page
Summary
Chapter 10: Todonow: A Tadalist Clone
The BIG picture
Features and functionality
Creating a database playground
Let's log in...
User interface comes first
View all my lists
View all my lists along with a summary of incomplete items
Creating new lists
Adding items to our lists
Adding effects to our items
Mark items as completed
Convert completed items to incomplete status
Deleting lists
Let's wrap up and log out
Our Todonow is ready to go live
Summary
Chapter 11: Creating Delicious and Digg Bookmarks Manager
Application at a glance
Features and functionality
The database playground for our application
User profile home page
Submit new tutorials
View tutorial
Deleting tutorials
Search using real-time autocompletion
Exploring the tag cloud features of 2.0 applications
Don't forget to log out
Ideas for life
Summary
Chapter 12: Creating a Shopping Search Engine
Application at a glance
Features and functionalities
The user management system
Selecting the products to buy
Adding effects
Searching products
Searching products using the tag cloud
Summary
Chapter 13: Common 43: 43 Things, 43 Places, and 43 People Clones
Getting the database ready
Advanced commenting system
Modules ready to go live
Adding 2.0 flavour to applications
Putting the building blocks together
Summary

What You Will Learn

  • Discover the script.aculo.us library with the help of real-world case studies
  • Explore wonderful Prototype library features like DOM, AJAX, and event handling
  • Unleash the server-side techniques using wonderful PHP and MySQL
  • Add wonderful Multimedia effects like morph, highlight, fade, and MP3 sounds
  • Get to grips with AJAX using Drag and Drop feature
  • Learn the tips, tricks and applications of the InPlaceEditor and InPlaceCollection Editor with just a few lines of code
  • Explore all the striking features of script.aculo.us including Sliders, Auto-Completion, Multimedia, and so on
  • Implement some of the exciting features of Prototype and script.aculo.us to create a ready-to-go-live project
  • Create a mash-up of Delicious and Digg applications and experience a new shopping search by integrating features of script.aculo.us library to our web applications
  • Integrate modules to build clones for raw applications

In Detail

script.aculo.us is a JavaScript library that provides dynamic visual effects, user interface controls, and robust AJAX features. It is to client-side what PHP is to server-side – powerful, simple, complete fun, and above all, a MUST! As developers, we all dream of building applications that users can instantly fall in love with and get productive. Simple and niche applications are the future of web applications. script.aculo.us when used with PHP as a server-side scripting language, can give us a new way of looking at things and changing the way we work.

script.aculo.us provides you with easy-to-use, cross-browser user interface JavaScript libraries to enhance your web sites and web applications. It provides dynamic visual effects, user interface controls, and robust AJAX features. This book covers all aspects for a developer to learn and master the art of using advanced JavaScript also referred to as 2.0 aspects in PHP web applications. script.aculo.us is an effective and powerful add-on to the Prototype library and when combined with PHP, it can make a lot of difference. The difference every developer dreams of.

This book has been written keeping in view every basic step as well as covering the most complex aspects while writing our applications — from simple effects, to the AJAX way of communicating through systems in applications. It gives you a completely new way of adding interactivity to your web applications. You will learn how sript.aculo.us provides interactivity and beauty to your project so that it engages users and appeals to the masses.

Faster, more efficient, and more productive applications are what we are trying to build. Each chapter of this book has been hand-crafted to make sure that you as a developer can learn and master the art of making beautiful applications.

The book covers all the various aspects of script.aculo.us with a few real-world clone projects, which will surely help you explore your creative side.

The aim of this book is to make you go "WOW"!

Authors

Table of Contents

Chapter 1: About script.aculo.us
Welcome to the script.aculo.us world
Versions
The script.aculo.us fun begins
Much more fun
Summary
Chapter 2: Exploring Client-side Techniques with Prototype
About Prototype
Prototype features − a walk-through
Event handling
Redefining forms with Prototype
Getting more hands-on
Summary
Chapter 3: Server-side Techniques with PHP and MySQL
Basic requirements
Getting the playground ready
Hands-on examples: Common scripts
Summary
Chapter 4: Adding Effects and Multimedia to User Interface Design
Introduction to effects
Types of effects
Hands-on examples
Playing sounds with script.aculo.us
Summary
Chapter 5: AJAX Drag and Drop Feature using script.aculo.us
Introduction to the drag and drop feature
Explanation of the drag and drop feature
Code usage of the drag and drop feature
Hands-on example: Creating a drag and drop sample in one line of code
Hands-on example: Advanced drag and drop tutorial
Summary
Chapter 6: In-place Editing using script.aculo.us
An introduction to the in-place editing feature
Getting started with in-place editing
Code usage of the in-place editing features and options
Chapter 7: Creating Autocompletion using script.aculo.us
Introduction to autocompletion
Explanation of the autocompletion feature
Code usage of autocompletion using remote sources
Code usage of autocompletion using local sources
Hands-on example: Autocompletion using remote sources
Hands-on example: Advanced autocompletion using remote sources for multiple fields
Hands-on example: Autocompletion using local sources
Summary
Chapter 8: Slider for Dynamic Applications using script.aculo.us
First steps with slider
Code usage for the slider
Tips and tricks with the slider
Hands-on example: Using vertical and horizontal slider
Summary
Chapter 9: script.aculo.us in One Go
Hands-on example: Multiple script.aculo.us features mash up
Hands-on example: Quick revision of all the features of script.aculo.us in one page
Summary
Chapter 10: Todonow: A Tadalist Clone
The BIG picture
Features and functionality
Creating a database playground
Let's log in...
User interface comes first
View all my lists
View all my lists along with a summary of incomplete items
Creating new lists
Adding items to our lists
Adding effects to our items
Mark items as completed
Convert completed items to incomplete status
Deleting lists
Let's wrap up and log out
Our Todonow is ready to go live
Summary
Chapter 11: Creating Delicious and Digg Bookmarks Manager
Application at a glance
Features and functionality
The database playground for our application
User profile home page
Submit new tutorials
View tutorial
Deleting tutorials
Search using real-time autocompletion
Exploring the tag cloud features of 2.0 applications
Don't forget to log out
Ideas for life
Summary
Chapter 12: Creating a Shopping Search Engine
Application at a glance
Features and functionalities
The user management system
Selecting the products to buy
Adding effects
Searching products
Searching products using the tag cloud
Summary
Chapter 13: Common 43: 43 Things, 43 Places, and 43 People Clones
Getting the database ready
Advanced commenting system
Modules ready to go live
Adding 2.0 flavour to applications
Putting the building blocks together
Summary

Book Details

ISBN 139781847194046
Paperback264 pages
Read More