CPRG-306 Week 5

Handling Lists

Review

• Arrays
• Responsive Design
• Rendering Lists
• Handling Events in Lists

Coding Demo

• Create a new page in /week-5/{year}-section-{section}
• Obtain dog photos from Pexels
• Create an array of dogs with name, description, and image
• Render the list of dogs
• Sort the list of dogs alphabetically by name
• Filter the list of dogs by id
• Add a click handler to each dog to display the id