ProfBurnett.com - Master a Skill / Learn for Life

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

Week Outline:

Session 19

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

Session 20

  • JavaScript Object Notation (JSON)

Session 21

  • Asynchronous JavaScript And XML (AJAX)

Class Presentations, Exercise Files & Solution Sets

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation Exercise Files Exercise Solutions
XIV XML Session XIV
XX JSON Session XXI
XXI w3School - AJAX

Class Exercises

Session 19

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.

Session 20

Student Exercise 1 - Create JSON File

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

Student Exercise 2 -

  • 1. Create a JSON Object Call using your XML data file.
  • 2. Create a JSON Array Call using your XML data file.
  • 3. Link the JSON Object Call and the JSON Array Call to your homepage.
  • 4. Students will upload JSON Call pages to development site.
  • 5. Students will preview JSON Call pages on development site.
  • 6. Students will upload development site to live site.
  • 7. Students will preview live site.

Session 21

Student Exercise 3 - AJAX XML DOM Request

  • 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. Display data in an HTML table using Retrieve the content of an XML file as guide and getCatalog.html file template.
  • 3. Students will upload xml file to development site.
  • 4. Students will preview xml file on development site.
  • 5. Students will upload development site to live site.
  • 6. Students will preview live site in browser.

Additional Support Exercises

LinkedIn Exercises

LinkedIn JavaScript & jQuery Beginner Exercises
Session Chapter Level Course
V 8 Beginner jQuery Essential Training
V 8 Beginner jQuery for Web Designers
V 8 Beginner jQuery Mobile Essential Training

Additional LinkedIn Beginner Exercises

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

w3School Exercises

Effect Exercises

Gur99 Exercises

SoloLearn Exercises

Advanced and Master LinkedIn Exercises

Session I Support Links

W3CSchools.com

jQuery

jQuery Alternatives

jQuery Form

jQuery Plugins

jQuery Carousel Plugins

jQuery Slideshows Plugins

jQuery Displaying Images Plugins

jQuery Plugins from Malsup

jQuery UI Widget Factory

Free Web Design IDEs

Free Web Development IDEs

Cloud-Based Web Development Sites

Online Website Builder Sites

How Browsers Work

Colleges and Universities