UI/UX - Final Graded Quiz

What type of selector is used in the following CSS rule?

.footer { width: 100%; }
- The element selector
- The class selector
- The id selector
Which of the following array methods can you use to add a new item to the end of an array?
- pop()
- arrayBuilder()
- push()
Which of the following options can you use to clone a GitHub repository? Select two that apply.
- You can use the git clone command in the Git terminal.
- You can clone a GitHub repository with the GitHub Desktop app.
- You can clone a GitHub repository with GitHub's web interface.
- You can download a GitHub repository as a PDF file.
Which of the following are rules from Shneiderman’s 8 Golden Rules of UI Design? Select all that apply.
- Offer simple error handling.
- Strive for consistency.
- Offer informative feedback.
- Help and documentation.
You are writing a blog about your recent learnings on React on a blog website which you developed. Which specific HTML element is a complete self-contained composition on a web page, and would be the best choice for placing the content of your blog in?
- <main>
- <article>
- <body>
What is the very first step when creating a wireframe in Figma?
- Create a grid
- Gather requirements
- Create a frame
True or False: The git fetch command creates a local copy from a remote git repository.
- True
- False
True or False: Open graph tags are required to create a valid HTML document.
- True
- False
In React, which direction does data flow between parent and child components?
- Data does not flow between parent and child components
- Two-way
- One-way
Which of the following hooks can be used to track state in a React app? Select all that apply.
- useEffect
- useReducer
- useState
True or False: It is essential to provide a unique key for each list item when rendering a list in React.
- True
- False
Which of the following options will create a 4-column grid using CSS grid?
- display: inline-block; grid-template-columns: repeat(4,200px);
- display: block; grid-template-columns: repeat(4,200px);
- display: flex; grid-template-columns: repeat(4,200px);
- display: grid; grid-template-columns: repeat(4,200px);
At which stage of the UX design process are ideas and solutions generated for the identified problem?
- Empathize
- Test and Build
- Ideation
- Prototype
Which one of the following is the most common way in which a JavaScript object is instantiated?
- var anObject = ‘’;
- var anObject = [];
- var anObject = new Object[];
- var anObject = {};
What will be the output of the following code?
```
var dog = {};
dog.breed = 'labrador';
dog.ageInDogYears = 14;
dog.fetch = function() { console.log('The dog fetched the stick!') }
dog.fetch();
```
- undefined
- Nothing because the object method is declared incorrectly.
- Nothing because an object cannot have methods.
- ‘The dog fetched the stick!’
What is the purpose of the typeof() function?
- To cast a variable to a different type.
- To check the type of a variable.
- To return true if a variable matches the data type of the second argument passed into it.
In programming, which paradigm groups data and functionality as properties and methods?
- Declarative programming
- Functional programming
- Object-oriented programming
- Imperative programming
What will be the output of the following code?
```
console.log(cat);
var cat = 'Tabby cat';
```
- Uncaught TypeError
- 'Tabby cat'
- undefined
- null
What will be the output of the following code?
```
var superHeroes = [ 'Iron Man' ];

for (prop of superHeroes) {
 console.log(prop);
}
```
- The code will not run because the for of loop syntax is incorrect.
- object
- prop
- 'Iron Man'
Which type of component takes in its current value as a prop and a callback to change it?
- Controlled component
- Uncontrolled component
- Formatted component
- HTML component
What is the default behavior of React rendering?
- React only renders child components associated with the parent component.
- React will only render the component and not any children associated with it.
- React will recursively re-render all of a component's children when the component renders.
- React will recursively re-render all of a component’s children when the component renders depending on props and context.
Which one of the following is true about naming custom hooks?
- It must have a name that begins with use.
- It must have a name that ends with Log.
- It must at most be 12 characters long.
- It must have a name that begins with an underscore.
What does the justify alignment property do in CSS?
- Puts even spacing between each character on every line.
- Spreads the text out and ensures every line is the same width.
- Ensures that all text is aligned in the center.
- Spreads the text out so that each line will form what looks like stairs.
Which one of the following is true about inline elements?
- They only occupy the width and height of their content.
- They appear on a new line.
- They occupy the full height of the parent element.
- They occupy the full width of the parent element.
Which one of the following internet protocols allows you to securely list, send, receive and delete files on a server?
- Post Office Protocol (POP)
- SSH File Transfer Protocol (SFTP)
- File Transfer Protocol (FTP)
- Simple Mail Transfer Protocol (SMTP)
In relation to UX design, what is the purpose of a mood board?
- It is a place where team members can anonymously place any grievances they have.
- They are the centralized asset source which brings together ideas from stakeholders, users, and the team.
- A board where tasks needed to be completed are put.
- Mood boards are used for designing the functional aspects of a product.
Fill in the blank: A ______ contains both tangible and intangible elements like patterns, components, guidelines, and other designer and developer tools.
- marketing system
- development system
- design board
- design system
What will be rendered by the child element in the following code snippet?
```
<div>{true}</div>
```
- undefined
- nothing
- {}
- true
Which one of the following is a benefit of Continuous Integration (CI)?
- Assists with writing code.
- Uploads code to a repository like GitHub.
- Automating integration steps to avoid repetition.
- Condenses code to be more readable.
Which one of the following describes an invalid use of a hook?
- Using a hook from the top level of a React component function.
- Using a hook from inside a React component function.
- Calling multiple state or effect hooks.
- Using a hook inside a conditional statement.