1. Front-End
Web Development
Lesson 17
Animation

2. Agenda
●
●
●
●
Review
Transitions
Animations
Lab - Egg Drop Game

3. Agenda (Plan B: Instructor’s Choice)
●
●
●
●
Review
jQuery Form Validation
jQuery UI
Lab - Build a Page

4. jQuery Form Validation
Basic jQuery Form Validation Tutorial
How to Create a Contact Form Using HTML5,
CSS3 and PHP (Wednesday?)
Resource: 20 Helpful HTML5 and CSS3 Form
Tutorials

5. jQuery UI
Introduction to jQuery UI
Widget Examples:
● Accordion
● Tabs

6. Lab - Build a Page
●
●
Build a page using either Accordion or Tabs
Incorporate a form
○ plus validation
○ plus PHP email
●
Incorporate one other jQuery UI effect
○
○
○
○
Tooltip
Datepicker
Autocomplete
Other