unit-5

Deliverables

• Exit Tickets
• Unit 5 Coding Challenge
• Unit 5 Project

Student/Printing Resources

• Unit 5 Guided Notes
• Project Plan
• Project Rubric

---

Objectives

Coders will…

1. Create an array.
2. Retrieve an array element using its index.
3. Use array methods and properties.
4. Create HTML elements using the .createElement method.
5. Update created element with DOM manipulation.
6. Iterate over an array using loops.
7. Demonstrate their coding skills by completing a coding challenge.
8. Brainstorm ideas for their Unit 5 project.
9. Add HTML, CSS, and Javascript to their Unit 5 project starter code.
10. Use their project plans and new coding skills to add conditionals to their Unit 5 project.
11. Use their project plans and coding skills to finish up their Unit 5 projects.
12. Add any “Next Level Features” using documentation.
13. Showcase their Unit 5 projects to an audience.

---

Vocabulary

HTML: button, input field, input, div

JS: array, array element, square brackets, index, loops, forEach loops, iterate, method, property, .createElement, .appendChild, .push, .length,

---

Project Overview

Students will use HTML, CSS, and JavaScript to create a suggestion app. This app can be based on any topic they want.

Project Starter Code

• Starter Code Repo

Project Example

• Example

Google Classroom Project Rubric

• Project Rubric for Google Classroom Import