Web Development Basics — Proficiency Exam

15 questions · pass with 50%

1. You click a link to a blog post. What does the browser send first?
A CSS file that paints the layoutAn HTTP GET request for the page's HTMLA JavaScript file that builds the whole siteA database password stored in the browser
2. A page shows a 404 status in the Network panel. What does that mean?
The server crashed while running your codeThe connection was encrypted with HTTPSThe server understood the request but has no resource at that pathThe browser refused to run JavaScript
3. Which statement about HTML, CSS, and JavaScript is accurate?
HTML is structure and meaning, CSS is presentation, and JavaScript is behaviorCSS is the language servers use to store passwordsJavaScript replaces HTML, so you no longer write documentsHTML alone can animate buttons and call APIs without any script
4. Where does the text that appears on the browser tab belong?
In the first paragraph of the bodyIn a CSS file as a commentIn the title element inside the headIn the alt text of the logo image
5. Why should a page use heading levels in order (h1, then h2, then h3) instead of picking tags by how large they look?
Because CSS is not allowed to change heading sizeBecause headings form an outline used by assistive tech and search enginesBecause h1 is the only tag browsers understandBecause skipping levels makes the HTML file smaller
6. A search form has an input with placeholder text "Search" and no label element. What is the problem?
Placeholders are illegal in HTMLThe form cannot use the GET methodSearch forms must be in the footerPlaceholder text is not a reliable accessible name and vanishes while typing
7. You set width to 200 pixels and add 20 pixels of padding on each side. With the default content-box sizing, how wide is the border box?
240 pixels, because padding is added outside the 200-pixel content width200 pixels, because padding never affects width180 pixels, because padding is subtracted from width20 pixels, because only padding is counted
8. You want a logo on the left of a header and a row of links on the right, vertically centered. Which Flexbox pairing is the usual approach?
Position absolute on every link and hope they line upDisplay grid on the html element onlyDisplay flex on the header, justify-content space-between, align-items centerFloat the logo and use a table for the links
9. A flex item with a long unbroken string overflows its card. What often fixes the overflow?
Changing the page language attributeSetting min-width to 0 (and/or overflow wrap) on the flex item so it is allowed to shrinkRemoving the doctypeSwitching the image alt text to empty
10. What does a mobile-first stylesheet usually do?
Write desktop rules first, then hide them on phones with max-width queriesTarget only one brand of phoneUse a fixed 960-pixel wrapper for every deviceWrite the narrow layout as the default, then add min-width queries for larger screens
11. A 1200-pixel-wide photo sits inside a column that is only 360 pixels wide on a phone. What CSS prevents horizontal scrolling?
Max-width 100 percent and height auto on the imageFont-size 8 pixels on the paragraphRemoving the viewport meta tagPosition fixed on the header
12. When should you add a breakpoint?
Whenever a new phone is releasedAt exactly 768 pixels because every tutorial says soWhen the current layout stops fitting the content (wrapping nav, huge line length, cramped cards)Only after JavaScript detects the user agent string
13. You need a counter that increases when a button is clicked. Which declaration is appropriate?
const count = 0, then later count = count + 1let count = 0, then later count = count + 1A string named count that you concatenate with '1'undefined count with no declaration
14. Why do beginners get told to use === instead of == ?
=== is required by HTML validators=== only works on strings== is illegal in browsers== converts types before comparing, which hides bugs (for example 0 == false is true)
15. A function is missing a return statement. What does a call to that function produce?
undefinednullAn automatic copy of the last variableA thrown error every time

Answer all 15 questions to submit.