ProfBurnett.com - Master a Skill / Learn for Life

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

Week Outline:

Session 15

  • Chapter 10 – Forms and Data Validation

Session 16

  • Chapter 11 – jQuery Plugins and UI Widgets

Class Presentations, Exercise Files & Solution Sets

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation
XV Chapter 10 – Forms and Data Validation
jQuery_UI_Form_Widget_Tutorial
XVI Chapter 11 – jQuery Plugins and UI Widgets

Class Exercises

Session 15

Student Exercise 1

  • 1. Complete Chapter 10 - Exercise 10-1 on Page 305 using Dreamweaver.
  • 2. Download Chapter 10 exercise zip file to your desktop.
  • 3. Unzip Chapter 10 exercise zip files and folders into your local development Chapter 10 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.

Student Exercise 2

  • 1. Complete jQuery UI Form Widget Tutorial. (refer to handout)
  • 2. Download jQuery UI Form Widget Tutorial exercise zip file to your desktop.
  • 3. Unzip jQuery UI Form Widget Tutorial exercise zip files and folders into your local development jQuery UI Form Widget Tutorial 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.

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.

Additional Support Exercises

LinkedIn Exercises

LinkedIn JavaScript & jQuery Beginner Exercises
Session Chapter Level Course
VIII 11 Beginner jQuery: UI Widgets
VIII 11 Beginner Learning jQuery UI

Additional LinkedIn Beginner Exercises

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

w3School Exercises

HTML Methods Exercises

Traversing Exercises

Gur99 Exercises

SoloLearn Exercises

Advanced and Master LinkedIn Exercises

Session I Support Links


Colleges and Universities