WGU C777 Web Development Applications
Objective Assessment Review Examination
Comprehensive Test Bank with Detailed Rationales
Total Questions: 80 | Reference Time: 120 Minutes | Format: Multiple Choice (A-D)
,EXAMINATION INSTRUCTIONS AND GUIDELINES
Question Format: Each question presents four answer options labeled A, B, C, and D. Select the single
BEST answer that most accurately addresses the question stem.
Scoring Methodology: One point awarded per correct answer selected. No penalty deduction for
incorrect answers or unanswered questions.
Topic Coverage: Questions comprehensively span HTML5 semantics, CSS3 layout systems, JavaScript
fundamentals, Frontend frameworks (React, Angular, Vue), Backend development (Node.js,
Express), Database systems (SQL, NoSQL), DevOps practices (CI/CD, Git), Web security (XSS, CSRF,
CSP), Performance optimization, Testing methodologies, Accessibility standards (WCAG, ARIA), and
Professional development practices.
Q1: Which HTML5 element is used to define navigation links within a document?
A.
B.
**C. [CORRECT]**
**D. **
Correct Answer: C
**Correct because the element is specifically designed in HTML5 to define a section of navigation links,
providing semantic meaning to major navigation blocks within a document. This matches the HTML5
specification for semantic document structure and accessibility best practices.**
Q2: In CSS Flexbox, which property controls the alignment of items along the main axis?
A. align-items
B. align-content
**C. justify-content [CORRECT]**
**D. flex-align**
Correct Answer: C
**Correct because justify-content defines how the browser distributes space between and around flex items
along the main axis of the flex container. This matches the CSS Flexible Box Layout Module specification for
main-axis alignment control. Priority is understanding the distinction between main-axis (justify) and
cross-axis (align) properties in layout systems.**
Q3: What is the primary purpose of the 'use strict' directive in JavaScript?
A. Enable ES6 features
B. Improve performance
**C. Enforce stricter parsing and error handling [CORRECT]**
**D. Enable asynchronous execution**
Correct Answer: C
**Correct because 'use strict' activates JavaScript's strict mode, which catches common coding errors, prevents
unsafe actions like implicit global variable creation, and disables confusing features. This matches ECMAScript
5 specification for enhanced error checking and security in code execution environments.**
Q4: Which HTTP status code indicates that a resource has been permanently moved to a new URL?
, A. 200 OK
B. 302 Found
**C. 301 Moved Permanently [CORRECT]**
**D. 307 Temporary Redirect**
Correct Answer: C
**Correct because HTTP 301 status code indicates that the requested resource has been permanently assigned a
new URI, and future references should use one of the enclosed URIs. This matches RFC 7231 specification for
permanent redirection responses used in SEO-friendly URL migrations.**
Q5: In React, what hook is used to perform side effects in functional components?
A. useState
B. useContext
**C. useEffect [CORRECT]**
**D. useReducer**
Correct Answer: C
**Correct because useEffect is the React Hook that lets you perform side effects in function components,
including data fetching, subscriptions, or DOM manipulation after render. This matches React's official
documentation for handling side effects with cleanup functions for memory leak prevention.**
Q6: Which CSS property is used to create a grid layout container?
A. display: flex
B. display: block
**C. display: grid [CORRECT]**
**D. display: table**
Correct Answer: C
**Correct because setting display: grid on an element establishes a new grid formatting context for its contents,
enabling two-dimensional layout capabilities with rows and columns as defined in CSS Grid Layout Module
Level 1 specification.**
Q7: What does AJAX stand for in web development terminology?
A. Asynchronous Java and XML
B. Advanced JavaScript XML
**C. Asynchronous JavaScript and XML [CORRECT]**
**D. Active JSON Access Method**
Correct Answer: C
**Correct because AJAX originally stood for Asynchronous JavaScript and XML, describing the technique of
using XMLHttpRequest to exchange data with a server without reloading the entire page. While modern
implementations commonly use JSON instead of XML, the original terminology remains the industry standard
designation.**
Q8: Which Git command creates a new local repository from scratch?
A. git clone
B. git remote
**C. git init [CORRECT]**
**D. git create**
Objective Assessment Review Examination
Comprehensive Test Bank with Detailed Rationales
Total Questions: 80 | Reference Time: 120 Minutes | Format: Multiple Choice (A-D)
,EXAMINATION INSTRUCTIONS AND GUIDELINES
Question Format: Each question presents four answer options labeled A, B, C, and D. Select the single
BEST answer that most accurately addresses the question stem.
Scoring Methodology: One point awarded per correct answer selected. No penalty deduction for
incorrect answers or unanswered questions.
Topic Coverage: Questions comprehensively span HTML5 semantics, CSS3 layout systems, JavaScript
fundamentals, Frontend frameworks (React, Angular, Vue), Backend development (Node.js,
Express), Database systems (SQL, NoSQL), DevOps practices (CI/CD, Git), Web security (XSS, CSRF,
CSP), Performance optimization, Testing methodologies, Accessibility standards (WCAG, ARIA), and
Professional development practices.
Q1: Which HTML5 element is used to define navigation links within a document?
A.
B.
**C. [CORRECT]**
**D. **
Correct Answer: C
**Correct because the element is specifically designed in HTML5 to define a section of navigation links,
providing semantic meaning to major navigation blocks within a document. This matches the HTML5
specification for semantic document structure and accessibility best practices.**
Q2: In CSS Flexbox, which property controls the alignment of items along the main axis?
A. align-items
B. align-content
**C. justify-content [CORRECT]**
**D. flex-align**
Correct Answer: C
**Correct because justify-content defines how the browser distributes space between and around flex items
along the main axis of the flex container. This matches the CSS Flexible Box Layout Module specification for
main-axis alignment control. Priority is understanding the distinction between main-axis (justify) and
cross-axis (align) properties in layout systems.**
Q3: What is the primary purpose of the 'use strict' directive in JavaScript?
A. Enable ES6 features
B. Improve performance
**C. Enforce stricter parsing and error handling [CORRECT]**
**D. Enable asynchronous execution**
Correct Answer: C
**Correct because 'use strict' activates JavaScript's strict mode, which catches common coding errors, prevents
unsafe actions like implicit global variable creation, and disables confusing features. This matches ECMAScript
5 specification for enhanced error checking and security in code execution environments.**
Q4: Which HTTP status code indicates that a resource has been permanently moved to a new URL?
, A. 200 OK
B. 302 Found
**C. 301 Moved Permanently [CORRECT]**
**D. 307 Temporary Redirect**
Correct Answer: C
**Correct because HTTP 301 status code indicates that the requested resource has been permanently assigned a
new URI, and future references should use one of the enclosed URIs. This matches RFC 7231 specification for
permanent redirection responses used in SEO-friendly URL migrations.**
Q5: In React, what hook is used to perform side effects in functional components?
A. useState
B. useContext
**C. useEffect [CORRECT]**
**D. useReducer**
Correct Answer: C
**Correct because useEffect is the React Hook that lets you perform side effects in function components,
including data fetching, subscriptions, or DOM manipulation after render. This matches React's official
documentation for handling side effects with cleanup functions for memory leak prevention.**
Q6: Which CSS property is used to create a grid layout container?
A. display: flex
B. display: block
**C. display: grid [CORRECT]**
**D. display: table**
Correct Answer: C
**Correct because setting display: grid on an element establishes a new grid formatting context for its contents,
enabling two-dimensional layout capabilities with rows and columns as defined in CSS Grid Layout Module
Level 1 specification.**
Q7: What does AJAX stand for in web development terminology?
A. Asynchronous Java and XML
B. Advanced JavaScript XML
**C. Asynchronous JavaScript and XML [CORRECT]**
**D. Active JSON Access Method**
Correct Answer: C
**Correct because AJAX originally stood for Asynchronous JavaScript and XML, describing the technique of
using XMLHttpRequest to exchange data with a server without reloading the entire page. While modern
implementations commonly use JSON instead of XML, the original terminology remains the industry standard
designation.**
Q8: Which Git command creates a new local repository from scratch?
A. git clone
B. git remote
**C. git init [CORRECT]**
**D. git create**
