Download PrepIQ NWCA Front End Web Developer Ultimate Exam and more Exams Technology in PDF only on Docsity!
Developer Ultimate Exam
Question 1. Which protocol is responsible for translating human-readable domain names into IP addresses? A) HTTP B) FTP C) DNS D) TCP Answer: C Explanation: DNS (Domain Name System) resolves domain names like example.com to their numeric IP addresses, enabling browsers to locate servers. Question 2. In the client-server model, which component initiates the request for a web page? A) Server B) Router C) Client D) Proxy Answer: C Explanation: The client (typically a web browser) sends an HTTP request to the server, which then returns the requested resources. Question 3. Which HTTP status code indicates that the requested resource has been permanently moved to a new URL? A) 301 B) 302 C) 404 D) 500 Answer: A
Developer Ultimate Exam
Explanation: 301 Moved Permanently tells browsers and search engines that the resource’s new location is permanent. Question 4. Which of the following is a secure file-transfer protocol that encrypts both commands and data? A) FTP B) SFTP C) HTTP D) Telnet Answer: B Explanation: SFTP (SSH File Transfer Protocol) provides encryption for both authentication and file data, unlike plain FTP. Question 5. When testing a website for cross-browser compatibility, which tool can simulate different browsers without installing them? A) W3C Validator B) BrowserStack C) GitHub Pages D) npm Answer: B Explanation: BrowserStack offers cloud-based virtual machines and browsers, allowing developers to view pages in multiple environments. Question 6. What is the correct DOCTYPE declaration for an HTML document? A) B)
Developer Ultimate Exam
A) B) C) D) Answer: A Explanation: is the highest rank heading and should represent the primary title of the document. **Question 10. Which attribute on an element provides alternative text for screen readers?** A) title B) src C) alt D) aria-label Answer: C Explanation: The alt attribute supplies descriptive text when the image cannot be displayed and is essential for accessibility. Question 11. Which HTML element is used to embed a video file with native controls? A) B) C) D) Answer: B Explanation: `` supports playback controls, multiple source formats, and attributes like autoplay and loop.
Developer Ultimate Exam
**Question 12. Which attribute makes an element accept only email addresses?** A) type="text" B) type="email" C) pattern="[a-z]" D) placeholder="email" Answer: B Explanation: `type="email"` triggers built-in validation for email address patterns in supporting browsers. **Question 13. In a table, which element defines a header cell that is associated with a column?** A) B) C) D) Answer: B Explanation: marks a cell as a header, typically rendered bold and centered, and helps assistive technologies understand table structure. Question 14. Which CSS selector targets all <p> elements that are direct children of a </p>? A) div p B) div > p C) p + div D) div ~ p
Developer Ultimate Exam
B) RGB (rgb( , , )) C) HSL (hsl( , , )) D) CMYK (cmyk( , , , )) Answer: B Explanation: RGB defines colors with red, green, and blue components each from 0-255. Question 18. Which CSS layout model is best suited for creating a one-dimensional row or column arrangement? A) Grid B) Flexbox C) Float D) Table Answer: B Explanation: Flexbox (Flexible Box Layout) excels at arranging items along a single axis, handling distribution and alignment automatically. Question 19. Which value for the position property removes the element from the normal document flow and positions it relative to the viewport? A) static B) relative C) absolute D) fixed Answer: D Explanation: position: fixed anchors the element to the viewport, staying in place during scrolling.
Developer Ultimate Exam
Question 20. In CSS, which property clears floated elements on the left side? A) clear: both; B) clear: left; C) float: left; D) overflow: hidden; Answer: B Explanation: clear: left prevents the element from being placed next to left-floated siblings. Question 21. Which media query matches devices with a viewport width of 768 px or less? A) @media (max-width: 768px) { … } B) @media (min-width: 768px) { … } C) @media (width: 768px) { … } D) @media (device-width: 768px) { … } Answer: A Explanation: max-width applies the enclosed styles when the viewport is at most 768 px wide. Question 22. Which JavaScript keyword declares a block-scoped variable that cannot be reassigned? A) var B) let C) const D) static Answer: C
Developer Ultimate Exam
D) forEach() Answer: B Explanation: filter() iterates over each element and includes it in the new array when the callback returns true. Question 26. How can you create an object with a prototype of null in JavaScript? A) {} B) Object.create(null) C) new Object() D) Object.prototype Answer: B Explanation: Object.create(null) returns an object that does not inherit from Object.prototype, eliminating default properties. Question 27. Which method adds an element to the end of an array and returns the new length? A) push() B) pop() C) shift() D) unshift() Answer: A Explanation: push() appends a value to the array and returns the updated length. Question 28. Which of the following statements correctly adds a click event listener to a button with id “submitBtn”? A) document.getElementById('submitBtn').onClick = handle;
Developer Ultimate Exam
B) document.querySelector('#submitBtn').addEventListener('click', handle); C) $('#submitBtn').listen('click', handle); D) submitBtn.addEvent('click', handle); Answer: B Explanation: addEventListener is the standard method; querySelector('#submitBtn') selects the element by ID. Question 29. What does event.preventDefault() do inside an event handler? A) Stops the event from bubbling up the DOM tree. B) Prevents the default browser action associated with the event. C) Removes the event listener after execution. D) Logs the event to the console. Answer: B Explanation: preventDefault() cancels the browser’s default behavior, such as following a link or submitting a form. Question 30. Which DOM method returns a live HTMLCollection of elements with a given class name? A) getElementsByClassName() B) querySelectorAll() C) getElementById() D) getElementsByTagName() Answer: A Explanation: getElementsByClassName() returns a live collection that updates automatically when the DOM changes.
Developer Ultimate Exam
Explanation: “Perceivable” is one of the four WCAG principles, requiring that information be presented in ways users can sense (e.g., text alternatives for images). Question 34. Which HTML attribute improves keyboard navigation by defining the tab order? A) tabindex B) accesskey C) role D) aria-label Answer: A Explanation: tabindex sets the sequential focus order for interactive elements. Question 35. Which CSS property can be used to hide an element visually but keep it accessible to screen readers? A) display: none; B) visibility: hidden; C) opacity: 0; D) clip: rect(0 0 0 0); Answer: D Explanation: Using clip (or the newer clip-path) with a zero-area rectangle removes visual rendering while preserving accessibility; display:none removes it from the accessibility tree. Question 36. Which HTTP header is used to indicate that a resource may be cached for 1 hour? A) Cache-Control: max-age=
Developer Ultimate Exam
B) Expires: 3600 C) Pragma: cache D) Age: 3600 Answer: A Explanation: Cache-Control: max-age=3600 tells browsers and intermediaries the response is fresh for 3600 seconds. Question 37. Which method of the fetch API sends a POST request with JSON data? A) fetch(url, { method: 'GET', body: JSON.stringify(data) }) B) fetch(url, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(data) }) C) fetch(url, { method: 'POST', body: data }) D) fetch(url).post(JSON.stringify(data)) Answer: B Explanation: The fetch options object must specify method: 'POST', set the appropriate Content-Type, and include a stringified JSON body. Question 38. Which HTML element is used to define a set of navigation links that are related but not primary? A) B) C) D) Answer: B Explanation: `` often contains secondary navigation, related links, or supplemental information.
Developer Ultimate Exam
Explanation: linear-gradient(to bottom, red, blue) defines a top-to-bottom gradient with the specified colors. Question 42. Which attribute on a `` element specifies where the form data should be sent? A) action B) method C) enctype D) target Answer: A Explanation: The action attribute contains the URL that will receive the form submission. Question 43. Which input type triggers a date picker UI in modern browsers? A) text B) datetime-local C) date D) calendar Answer: C Explanation: type="date" prompts browsers to display a native date selection widget. Question 44. Which HTML element should be used to group related form controls and their labels? A) B) C)
Developer Ultimate Exam
D) Answer: B Explanation: semantically groups controls and can be captioned with a. Question 45. Which CSS property controls the stacking order of positioned elements? A) z-index B) order C) float D) display Answer: A Explanation: z-index determines which positioned elements appear on top when they overlap. Question 46. Which CSS unit is relative to the font size of the root element (``)? A) em B) rem C) % D) vh Answer: B Explanation: rem (root em) scales proportionally to the root element’s font size, providing consistent sizing across components. Question 47. Which JavaScript method converts a JSON string into a JavaScript object? A) JSON.parse()
Developer Ultimate Exam
Question 50. Which of the following is a valid way to declare a constant object that can still have its properties modified? A) const obj = {}; obj.prop = 1; B) const obj = {}; obj = { prop: 1 }; C) let obj = {}; obj = { prop: 1 }; D) var obj = {}; obj.prop = 1; Answer: A Explanation: const prevents rebinding the variable name, but the object’s internal properties remain mutable. Question 51. Which event fires when a form is about to be submitted but before the page reloads? A) submit B) click C) beforeunload D) change Answer: A Explanation: The submit event is dispatched on the element prior to navigation, allowing validation or cancellation. **Question 52. Which HTML attribute on an element enables native controls for play/pause etc.?** A) autoplay B) preload C) controls D) src Answer: C
Developer Ultimate Exam
Explanation: Adding controls displays the browser’s built-in audio UI. Question 53. Which CSS property makes an element invisible but still occupies space in the layout? A) display: none; B) visibility: hidden; C) opacity: 0; D) clip: rect(0,0,0,0); Answer: B Explanation: visibility: hidden hides the element while preserving its layout dimensions. Question 54. Which of the following values for the display property creates a block-level element that respects the flex container’s main axis? A) block B) inline-block C) flex D) inline-flex Answer: C Explanation: display: flex turns the element into a flex container, aligning its children along the main axis. Question 55. Which attribute on an `` element is used to specify the image’s intrinsic width and height for layout stability? A) srcset B) width / height C) sizes
