ProfBurnett.com - Master a Skill / Learn for Life

ITI 481 Front-End Web Development Certification Program - Week 6

Week Outline:

Session 16 - jQuery Plugins

  • Chapter 11 – jQuery Plugins and UI Widgets

Session 17 - XML

  • XML Introduction
  • Writing XML
  • XML Exercise
  • XML Document Object Model (XML-DOM)

Session 18 - XML-DOM & XSD

  • XML Document Object Model (XML-DOM)
  • XML Schema Definition (XSD)

Class Presentations, Exercise Files & Solution Sets

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation Exercises Solutions
XVI Chapter 11 – jQuery Plugins and UI Widgets winzip
Chapter 11
winzip
Chapter 11
XVII XML Session XVII
XVIII XML Session XVIII

Class Exercises

Session 16

Exercise 1

  • 1. Complete Chapter 11 - Exercise 11-1 and 11-2 on Page 333 using Dreamweaver.
  • 2. Download Chapter 11 exercise zip file to your desktop.
  • 3. Unzip Chapter 11 exercise zip files and folders into your local development Chapter 11 folder.
  • 4. Students will upload test files to development site.
  • 5. Students will preview in browser development files.
  • 6. Students will upload files to live site.
  • 7. Students will preview in browser live files.

Exercise 2

  • 1. Select a jQuery Displaying Images Plugin.
  • 2. Include selected jQuery Displaying Images Plugin on a separate webpage.
  • 3. Students will upload development site to development site.
  • 4. Students will preview in browser development files.
  • 5. Students will upload development site to live site.
  • 6. Students will preview in browser live files.

Session 17

Student Exercise 1 - Create XML Contacts data File

  • 1. Create a contacts XML file using data in the attached
    contacts PDF..
  • 2. Students will upload development site to development site.
  • 3. Students will preview in browser development files.
  • 4. Students will upload development site to live site.
  • 5. Students will preview in browser live files.

Student Exercise 2 - Create Individual XML data file

  • 1. Create XML data file that has five node elements and 8 child nodes.
  • 2. Name your xml file {Filename_Your_Name.xml} e.g. – music_jane_doe.xml or musicJaneDoe.xml
  • 3. Students will upload xml file to development site.
  • 4. Students will preview xml file on development site in browser.
  • 5. Students will upload xml file from development site to live site.
  • 6. Students will preview xml file on live site in browser.

Session 18

Student Exercise 1 - XML Data Retrival

  • 1. Create nine (9) different HTML DOM Node Actions from Examples:
    • Use your XML file for this exercise.
    • Create separate page for each HTML DOM Node Action.
    • One DOM Node Action should be created for each type of DOM node action.
    • More then one DOM Node Action per node type can be included.
  • 2. Example Files
  • 3. Link each HTML DOM Node Action page to your Exercise Home page.
  • 4. Test each HTML DOM Node Action on Developmental site.
  • 5. Students will upload tested Exercise Homepage from development site to live site.
  • 6. Students will preview live site in browser.

Student Exercise 2 - Create XML Schema File

  • 1. Create a contacts XML Schema file using your XML data file.
  • 2. Students will upload XML Schema file to development site.
  • 3. Students will preview XML Schema file on development site.
  • 4. Students will upload development site to live site.
  • 5. Students will preview live sites.

Additional Support Exercises

Additional LinkedIn Beginner Exercises

LinkedIn JavaScript & jQuery Beginner Exercises
Session Chapter Level Course
Beginner JavaScript: Patterns
Beginner jQuery: Building an Interface

Gur99 Exercises

SoloLearn Exercises

Advanced and Master LinkedIn Exercises

Session I Support Links


Colleges and Universities