Teaches you how to create scripts from scratch, and understand the thousands of JavaScripts, JavaScript APIs, and jQuery plugins that are available on the web. Demonstrates the latest practices in progressive enhancement, cross-browser compatibility, and when you may be better off using CSS3. If you're looking to create more enriching web experiences and express your creativity through code, then this is the book for you. Building a Jigsaw Puzzle Game Getting ready Creating the layout Creating the markup for the puzzle Styling elements Making the puzzle functional Creating slices of the image The CSS background-position property Starting the game Handling events for puzzle pieces Checking for puzzle completion Resetting the puzzle Improving the puzzle Summary 3.
Creating a Website Tour Getting ready Designing the home page Writing markup for the page Styling elements Making the tour functional Initializing accordion and tooltips Defining the dialog Defining the tour steps Initializing the tour Displaying a tour step Making the Previous and Next buttons functional Ending the tour Improving the tour Summary 4.
Creating an Event Timeline Using a Slider Creating the folder structure Designing the page Styling the content Getting the code structure ready Creating the timeline markup from data Implementing the timeline functionality Making the slider work The if block The else block Dragging the year window Displaying event details when a year window is clicked on Closing the event details window Improving the timeline Summary 7. Creating a Photo Album Manager Creating the folder structure Designing the page Creating placeholders for albums and pictures Writing markup for dialog boxes Styling the content Creating the JSON file for albums Getting code structure ready Implementing the initialize method Filling album names Displaying the albums Making the pictures sortable Initializing dialogs for edit, delete, and zoom Handling click events for edit, delete icons, and zooming pictures Editing, deleting, and rearranging pictures Editing a picture name Deleting a picture Rearranging pictures of an album The ajaxAlbum.
Creating Widgets Using the Widget Factory The folder structure Creating a widget to search data in a table Writing markup for the table Styling the content Implementing the widget Defining the widget structure Setting up default options Initializing the widget and attaching event handlers Filtering the table Making changes when the option value is changed Destroying the widget Calling the widget from the page Improving the searchable widget Creating a widget to display a slideshow Writing markup for slides Styling the content Implementing the widget Defining the widget structure Setting up default options Initializing the widget and displaying the first slide Displaying slides one by one Making changes when the option value is changed Destroying the widget Calling the widget from the page Improving the banner widget Summary Creating a Fully Functional Dashboard Setting up the stage Designing the page Styling the content Getting the code structure ready Initializing the portlets Implementing sharing buttons Displaying Flickr photos Creating a weather widget Displaying posts from the reddit front page Creating an image display widget Improving the portlets Summary A.
Absolute vs. Your jQuery Toolbox 6. Spicing up the Head First Lounge Objects offer even smarter storage Build your own objects UML diagram of an object Create reusable objects with object constructors Interacting with objects Set up the page The return of arrays Accessing arrays Add and update items in arrays Perform an action over and over, and over Looking for the needle in a haystack Decision making time Comparison and logical operators Clearing things up with jQuery Your jQuery Toolbox 8.
What time is it? Check it off Styling up your buttons Grouping button widgets Control numerical entries with a slider The HTML for a slider widget The jQuery script for a slider widget Computers mix color using red, green, and blue Your sliders need to do the same Build the refreshSwatch function One last little thing Your jQuery Toolbox Every single thing in the jQuery library jQuery methods jQuery selectors 2. The jQuery namespace: noConflict method 4.
Creating Masked Input Fields Autocompleting Text Fields Selecting a Range of Values Entering a Range-Constrained Value Uploading Files in the Background Limiting the Length of Text Inputs Displaying Labels Above Input Fields Growing an Input with Its Content Choosing a Date Writing Your First jQuery Plugin Passing Options into Your Plugin Including Private Functions in Your Plugin Supporting the Metadata Plugin Adding a Static Function to Your Plugin Interface Components from Scratch Introduction Creating Custom Tool Tips Navigating with a File-Tree Expander Expanding an Accordion Tabbing Through a Document Displaying a Simple Modal Window Building Drop-Down Menus Cross-Fading Rotating Images Sliding Panels Destroying a jQuery UI Plugin Referencing Multiple Themes on a Single Page Using Ajax on Your Whole Site Using Simple Ajax with User Feedback Using Ajax Shortcuts and Data Types Creating JSON Parsing JSON Using jQuery in Large Projects Introduction Using Client-Side Storage Saving Application State for a Single Session Saving Application State Between Sessions Using a JavaScript Template Engine Queuing Ajax Requests Dealing with Ajax and the Back Button
0コメント