ProfBurnett.com - Master a Skill / Learn for Life

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

Week Outline:

Session 17

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

Session 18

  • XML DTD
  • XML Schema Definition (XSD)
  • xPath
  • xLink
  • xPointer
  • XQuery
  • XSLT

Class Presentations, Exercise Files & Solution Sets

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation Exercise Files Solution Set Files
XVII Course Overview
Session 1
XVIII Session II

Class Exercises

Session 17

Student Exercise 1

  • 1. Complete Dreamweaver Development Environment
  • 2. Download Testing Server files and folders to your local development folder.
  • 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.

Student Exercise 2 - Create XML 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 3 - 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. Link each HTML DOM Node Action page to your Exercise Home page.
  • 3. Test each HTML DOM Node Action on Developmental site.
  • 4. Students will upload tested Exercise Homepage from development site to live site.
  • 5. Students will preview live site in browser.

Session 18

Student Exercise 1 - Create DTD

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

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.

Student Exercise 3 - Create XSLT File

  • 1. Create two XSL files using two different XSL functions.
  • 2. Link the two XSL files and XML file to two individual XSLT HTML files.
  • 3. Link the two XSLT HTML files to your homepage.
  • 4. Students will upload XSLT HTML files to development site.
  • 5. Students will preview XSLT HTML files on development site.
  • 6. Students will upload development site to live site.
  • 7. Students will preview live site.

Additional Support Exercises

LinkedIn Exercises

LinkedIn XML-JSON-AJAX Session I Exercises
Session Chapter Level Course
I Beginner XML Essential Training
I Beginner Working with Data on the Web

Additional LinkedIn Beginner Exercises

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

w3School Exercises

Gur99 Exercises

Session I Support Links

XML Online Tools

XML Books

W3C - XML Technology

W3C Schools - XML

WSDL, SOAP, REST, & ODATA Introduction and Resources

Dreamweaver Online XML Helpfiles

Comparison of XML Editors

Colleges and Universities