Colleges and Universities
Digital Technology
Learning Sites
Books & Publishers
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 | 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
| Session | Chapter | Level | Course |
| VIII | 11 | Beginner | jQuery: UI Widgets |
| VIII | 11 | Beginner | Learning jQuery UI |
Additional LinkedIn Beginner Exercises
| Session | Chapter | Level | Course |
| Beginner | JavaScript: Patterns | ||
| Beginner | jQuery: Building an Interface |
w3School Exercises
HTML Methods Exercises
- Get Exercises
- Set Exercises
- Add Exercises
- Remove Exercises
- CSS Classes Exercises
- CSS Methods Exercises
- Dimensions Exercises
Traversing Exercises
Gur99 Exercises
SoloLearn Exercises
Advanced and Master LinkedIn Exercises
Session I Support Links
W3CSchools.com
jQuery
- JavaScript & jQuery: The Missing Manual, Third Edition - PDF
- JavaScript & jQuery: The Missing Manual, Third Edition - Errata Chapter 9 - 16
jQuery Alternatives
jQuery Form
jQuery Plugins
- jQuery Plugin Registry
- jQuery Plugins
- 16 Best jQuery Widgets for Developers
- UI Controls for Great Web & Mobile Developers
- 7 JavaScript Libraries for Dashboards
jQuery Carousel Plugins
jQuery Slideshows Plugins
jQuery Displaying Images Plugins
jQuery Plugins from Malsup
- jQuery Plugins from Malsup
- BlockUI Plugin
- Corner Plugin
- Cycle Plugin
- Cycle2!
- Google Feed Plugin
- Form Plugin
- HoverPulse Plugin
- Media Plugin
- Taconite Plugin
jQuery UI Widget Factory
Free Web Design IDEs
- Sublime Text
- Brackets
- CoffeeCup Free HTML Editor
- Webuilder
- ICEcoder
- BBEdit
- Code Writer
- Google Web Designer
Free Web Development IDEs
- Visual Studio Code
- Atom by Github
- Komodo Edit
- Netbeans
- Light Table
- RJ TextEd
- Aptana
- CodeLobster
- Bluefish
- Coda