ProfBurnett.com - Master a Skill / Learn for Life

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

Week Outline:

Session 13

  • Chapter 8 – Fast Start with jQuery

Session 14

  • Chapter 9 – Effects and Animations

Session 15

  • Chapter 10 – Forms and Data Validation

Class Presentations, Exercise Files & Solution Sets

Session, Chapter Presentation, Examples Zip, and Solution Set Zip
Session Chapter PowerPoint Presentation
XIII Chapter 8 – Fast Start with jQuery winzip winzip
XIV Chapter 9 – Effects and Animations winzip winzip
XV Chapter 10 – Forms and Data Validation winzip winzip

Class Exercises

Session XIII - Student Exercise 1

  • jQuery Chapter 8-1, 8-2, & 8-3.
  • 1. Complete Chapter 8 - Exercise 8-1, 8-2 and 8-3 on Page 259 in JavaScript & jQuery Book using Dreamweaver.
  • 2. Download Chapter 8 exercise zip file to your desktop.
  • 3. Unzip Chapter 8 exercise zip files and folders into your local development Chapter 8 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 XIV - Student Exercise 1

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

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.

Additional Support Exercises

LinkedIn Exercises

LinkedIn JavaScript & jQuery Beginner Exercises
Session Chapter Level Course
I 2 Beginner JavaScript for Web Designers
I 2 Beginner JavaScript: Best Practices for Code Formatting
I 3 Beginner JavaScript Essential Training
I 3 Beginner Learning the JavaScript Language
LinkedIn JavaScript & jQuery Beginner Exercises
Session Chapter Level Course
II 4 Beginner JavaScript: Events
II 4 Beginner JavaScript: Functions
II 5 Beginner Learning JavaScript Debugging
II 6 Beginner JavaScript: Scope

Additional LinkedIn Beginner Exercises

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

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