• Listing 1.1 - HTML
• Listing 1.2 - CSS
• Listing 1.3 - PHP
• Listing 1.4 - JavaScript
• Listing 1.5 - HTML
• Listing 1.6 - PHP
• Listing 1.7 - JQuery
• excercise 1
• excercise 2

Hour 3: Understanding Dynamic Web Page Anatomy

• Listing 3.1 - Changing the title Value after Page Loads
• Listing 3.2 - Adding CSS to an HTML Doc (style tag)
• Listing 3.3 - Adding Javascript to an HTML Doc (script tag)
• Listing 3.4 - Adding CSS to an HTML Doc (style tag)
• Listing 3.5 - Generating a Table
• Listing 3.6 - Generating a Form
• Listing 3.7 - Javascript and HTML using svg tag
• Listing 3.8 - Javascript and HTML using canvas tag
• exercise 1
• exercise 2

Hour 5: Jumping into jQuery and JavaScript Syntax

• Listing 5.1: Loading JQuery in a Web Page
• Listing 5.2: Using JavaScript and jQuery to Access DOM
• Listing 5.3: Using Conditional Logic
• Listing 5.4: Using Conditional Logic inside JavaScript
• exercise 1
• exercise 2

Hour 7: Accessing DOM Elements

• Listing 7.1 HTML - JavaScript attaches Event Handler
• Listing 7.2 HTML - JQuery and JavaScript attaches Event Handler
• exercise 1

Hour 9: Applying Events for Richly Interactive Web Pages

• Listing 9.1: Attaches event handler elements
• Listing 9.2: Attaches event handler elements
• Listing 9.3: Defines check boxes
• Listing 9.4: Defines p, input and span elements
• exercise 1
• exercise 2

Hour 12: Enhancing User Interaction Through Animation

• Listing 12.1: Using Show and Hide Animation
• Listing 12.2: Using Fade Animation
• Listing 12.3: Using Sliding Animation for Dynamic Menu
• Listing 12.4: Using Resize Animation to Create Gallery View
• Listing 12.5: Paper Airplane Animation with Controls
• exercise 1
• exercise 2
• exercise 3

Hour 14: Creating Advanced Web Page Elements

• Listing 14.1: Adding a Slider-Based Image Gallery
• Listing 14.2: Creating an Interactive Table with Sorting and Filtering
• Listing 14.3: Adding a Dynamic Tree View with Expanding and Collapsing Branches
• Listing 14.4: Adding a Dynamic Dialogs Using in jQuery and JavaScript
• Listing 14.5: Creating a Dynamic Graphic Equalizer with Simple jQuery and CSS
• Listing 14.6: Creating Dynamic Sparklines with Simple jQuery, Javascript, and CSS

Hour 15: Accessing Server-Side Data via Ajax

• Listing 15.1: Sending an AJAX Request from jQuery
• Listing 15.2: Handling Login Request Successes and Failures
• Listing 15.3: Handling JSON Response Data
• Listing 15.4: Handling XML/HTML Response Data
• Listing 15.5: Updating Server Data from jQuery Using AJAX
• exercise 1
• exercise 2

Hour 18: Applying jQuery UI Effects

• Listing 18.1: Adding jQuery UI Effects
• Listing 18.2: Applying Easing to Class Transitions
• Listing 18.3: Applying Effects to jQuery Visibility Transitions
• Listing 18.4: Adding Effects to Animation
• exercise 1
• exercise 2

Hour 20: Using jQuery UI Widgets to Add Interactions

• Listing 20.1: Accordian
• Listing 20.2: Autocomplete Field
• Listing 20.3: Autocomplete Field
• Listing 20.4: Datepicker
• Listing 20.5: Dialogue
• Listing 20.6: Menus
• Listing 20.7: Progress Bar
• Listing 20.8: Sliders
• Listing 20.9: Spinner
• Listing 20.10: Tabbed Panel
• Listing 20.11: Tool Tips
• Listing 20.12: Custom
• Exercise 1
• Exercise 2

Hour 22: Implementing Mobile Web Pages

• Listing 22.1: Implementing a Mobile Page with Links
• Listing 22.2: Adding Navbars to Mobile Web Pages
• Listing 22.3: Adding Dialogs to Mobile Web Pages

Hour 24: Implementing Mobile Form Elements and Controls

• Listing 24.1: Implementing Textual Elements
• Listing 24.2: HTML Code Mobile Button Elements
• Listing 24.3: Toggles and Switches
• Listing 24.4: Radio and Check Box Groups
• Listing 24.5: Custom Selects