Midterm Topics and Practice Exam

This exam covers HTML/CSS and Javascript. You can use one page of notes that you have prepared using this Review during the exam (you may not use notes prepared by another person). You may not use any other material or get help from another person during the exam. There will be a 2 hour time limit for the exam.

Topics

HTML
CSS
- Basic properties
- Margin vs padding
- Class selector
- ID selector
- Hover
JavaScript
- Basic statements
- Functions
- Objects
- Arrays
- Higher-order functions: map, reduce, forEach, filter
- Script tags
- The DOM
- Calling an API with fetch
- Promises
- async/await
- JSON
Be familiar with code we have written for activities and labs

Practice Exam

The following practice exam will help you see the format of the exam. This exam is not comprehensive, so be sure to study all the material listed in the study guide.

midterm1-practice.pdf

Specific Questions

These specific questions could be helpful in creating your 1 page of notes.

Which HTML tag would you use to create a numbered list?
In HTML, <em> is used to identify
How would you use CSS to change all the div elements to have a background color of blue?
What is the correct HTML for creating a text hyperlink?
In this excerpt of HTML table code, what line should be inserted instead of "Insert Code Here" to give the table a title of "Best Table Ever" that takes up two rows?
How would you display an image with a hyperlink in HTML?
Which HTML tag creates bold text?
What does the height attribute of a div element represent in pixels?
How would you use CSS to change the font size for the p element with an id of “header”?
What tag should be in place of "Insert Tag Here" to make this HTML table code properly formatted?
Assuming that console.log() is a function that prints a line to the screen, what will the code output? (understand a for loop in javascript)
Referring to the previous question, what would the equivalent code be, if using a while loop?
How would you use JavaScript to select all the p elements with an id of “header” and change their text color to red?
In creating a web application, what is used to create style?
In creating a web application, what is used to create content?
In creating a web application, what is used to create behavior?
What causes a Mixed Content error?
What is Cross-origin resource sharing (CORS)?
What is the opening HTML tag for a paragraph?
What is the closing HTML tag for a paragraph?
What is the HTML tag for a line break?
What HTML is needed to create a link, such that when the user clicks the words "my favorite store" they go to https://www.amazon.com (Links to an external site.).
What HTML is needed to create an image tag, where the image is stored at "/images/picture.png"?
What is the HTML tag for an ordered list?
What is the HTML tag for a second-level heading?
What HTML tag do you use to make text italic?
What HTML tag do you use to make text bold?
An HTML document should always be surrounded by an <html> tag.
Which of the following are valid javascript for a "for" loop?
What is valid syntax for a javascript if statement?
Which of the following are valid syntax for creating a function in JavaScript?
What is the correct syntax for creating a javascript object?
How do you access properties in a javascript object?
Is it possible to add new properties to a javascript object at runtime?
Which of these higher-order functions will execute a provided function once on each element in an array?
Which of these higher-order functions creates a new array with all elements that pass the test implemented by the provided function?
Which of these higher-order functions uses a provided function and an accumulator to reduce an array to a single value?
Which of these higher-order functions creates a new array that contains the results of calling a provided function on every element in the original array?
If you want to include JavaScript on an HTML page, which tag do you use?
The Document Object Model (or DOM) of a web page is ...
What is the correct JavaScript syntax to change the content of the HTML element?
What is JSON?
How would you access a remote API using javascript?