Unit 3: JavaScript Fundamentals I

Get introduced to JavaScript, a powerful programming language that brings life to your web pages. This section covers variables, data types, operators, and DOM manipulation.

Focus	Resource and Description	Solution	Minutes
Intro to JS	JavaScript Exploration: Explore some basic JavaScript concepts students learn in the intro to JS unit.	To be developed	15
Variables & Operators	Calculate the Area Activity: In this activity, students will use variables and operators to calculate the area of different shapes.	To Be Developed	15
Variables & Operators	Variables and Operators Treasure Quest Practice: Build an awesome treasure hunting game using your knowledge of variables and operators! Get the high score by clicking on all of the treasures and none of the bombs!	To Be Developed	15
Properties	.innerHTML practice: Use the .innerHTML property to change the text so that it is about you when the buttons are clicked	To be developed	15
Properties	Colors, .style Practice: Use the .style property to paint the boxes with the colors in the rainbow.	To be developed	15
Properties	Color the Boxes: Using .style, color the even and odd boxes any color that you want.	N/A	15
Events	Event Handler and .style Practice: Using the .style property, hide and show the red, blue, and green boxes when the buttons are clicked.	To be developed	15
Events	Popcode Lab: Events and DOM Manipulation: You have been asked to create a webpage for a local deli in your neighborhood.	To be Developed	30
Events	Out of this World Click Handler Practice: In this activity, students use the solar system to practice event handlers, .innerHTML, and .style	N/A	15
Events	Streetfighter Ryu Activity: Students use JavaScript event handlers to build a simple Streetfighter game!	Street Fighter Solution	15
Events	Pizzeria Project: Using your knowledge of JavaScript, you will create an interactive website for a pizzeria.	To be developed	45X2
JS Review	Unit 3 Review Lab: Online Report Card: Using your knowledge of JavaScript, create an Online Report Card.	To be developed	45
JS Review	Interactive JavaScript Reference Table: This interactive reference table demonstrates JavaScript concepts and is a great way for beginners to see the reference table in action.	N/A	15
jQuery	jQuery Concept & Vocab Review: End of unit 6 review.	N/A	45
jQuery	Button Game: Students will create a fun logic game. Students play a brain teaser game, then use jQuery to add new game components.	To Be Developed	20