1. Front-End
Web Development
Lesson 16
Building Forms

2. Agenda
● Review
● Remaining Classes
● Final Project Updates
● Lab -- Develop To Do List App
● Final Project Walkaround
● Lab -- Code Review
● Incorporate form into Final Project

3. Review
● form tags
● input tags
● other tags
● back-end form processing?

4. Remaining Classes
Lesson 16 -- Building Forms (Saturday, April 19)
Lesson 17 -- Animation (Saturday, April 26)
Lesson 18 -- Instructor’s Choice (Saturday, April 26)
Lesson 19 -- Project Lab Session (Saturday, May 3)
Lesson 20 -- Presentations (Saturday, May 3)

5. Final Project Updates
Milestones
1. Project proposal / wireframes
Session 12 -- Saturday, April 5
2. Some Coding with Pseudo Code
Session 14 -- Saturday, April 12
3. First Draft
Session 16 -- Saturday, April 19

6. Final Project Updates
Target Dates
■ Final Project Lab
Session 19 -- Saturday, May 3
■ Final Project Presentations
Session 20 -- Saturday, May 3
Walkarounds during second half of class.

7. Lab (Proposed Plan)
Develop To Do List App
● apply all skills learned thus far to create a To
Do List application
● feature requirements (60 minutes)
● lab session (120 minutes)
Preview solution

8. Lab (Proposed Plan)
Develop To Do List App
● review starter code (HTML + CSS)
● review pseudo code
Preview solution

9. Lab (Alternate Plan)
Develop To Do List App
● working in pairs walk through a tutorial that
shows you how to build a To Do List app
Create Sticky Notes To Do List
NOTE: The sticky notes part is a bonus.

10. Final Class Project
Walkarounds with Leon and Gene

11. Lab (Code Review)
Review Alternate Plan
● Create Sticky Notes To Do List
Review Proposed Plan

12. Final Class Project
Work on Final Project if time permits
● focus on building a form