Skip to content

Latest commit

 

History

History
56 lines (40 loc) · 2.05 KB

README.md

File metadata and controls

56 lines (40 loc) · 2.05 KB
int-unit-5-banner

Deliverables

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

Student/Printing Resources


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

Project Example

Google Classroom Project Rubric