ProfBurnett.com - Master a Skill / Learn for Life

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

Week Outline:

Session 19

  • JavaScript Object Notation (JSON)

Session 20

  • 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
XIX JSON Session XXI
XX w3School - AJAX

Class Exercises

Session 19

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 20

Student Exercise 3 - AJAX XML DOM Request

  • 1. Use your XML file created in Session 18
  • 2. Create a AJAX Application from your XML file. (See AJAX Applications)
  • 3. Students will upload AJAX Application to development site.
  • 4. Students will preview AJAX Application 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