How to Build a Website — Quiz

Ten questions covering the whole 3-hour workshop — HTML/CSS/JS, DOM, fetch, JSON, static vs dynamic, and the Git → Cloudflare deploy flow. Pass with 80%+ correct.

1. 01

   What is the DOM?

   The original HTML file the server sentA tree the browser builds in memory from the HTMLA folder where CSS files are storedA kind of database
2. 02

   You click a button on a webpage and the content changes. You hit Ctrl+U to View Source. What do you see?

   View Source shows the new contentView Source still shows the original HTML — the change is only in the DOMThe page reloads automaticallyView Source becomes disabled
3. 03

   Which file decides what color a button is?

   HTMLCSSJavaScriptPNG
4. 04

   How is a static site different from a dynamic site?

   Static sites can't have imagesDynamic sites are always fasterStatic sites serve pre-existing files; dynamic sites compute a fresh answer each requestThere's no difference
5. 05

   After you push code to GitHub, what does Cloudflare Pages do?

   Nothing — you have to manually upload filesIt deletes your codeIt detects the push, builds the site, and deploys to a global CDNIt emails you the code
6. 06

   JavaScript's job on a webpage is best described as:

   Drawing the visual style of the pageDefining what content is on the pageMaking the page interactive — responding to clicks, fetching data, changing the DOMCompressing images
7. 07

   You open the Network tab in DevTools, refresh a page, and see ~150 requests fly by. What does that tell you?

   The page is brokenThe browser pulled in HTML + CSS + JS files + images + fonts + API responses — modern pages assemble themselves from many piecesThe site is using too many serversSomeone is attacking the site
8. 08

   Your friend opens View Source and says 'this site doesn't have any content!' but the rendered page is full of posts. What's most likely going on?

   Your friend's browser is brokenIt's a JavaScript app — the HTML is mostly empty, and JS fetches the content after the page loads, building the DOM on the flyThe site is offlineView Source is no longer supported
9. 09

   Why does Git commit history matter for someone learning to code?

   It's required by CloudflareEach commit is a safe save-point you can roll back to — if you break something, you can go back to a working version instead of starting overIt makes your code run fasterIt encrypts your code
10. 10

    What's the practical difference between your laptop, GitHub, and Cloudflare Pages in this workflow?

    They're all the same thing — just different namesLaptop = where you write code. GitHub = where the code lives publicly + history. CF Pages = where the site is served to the world.GitHub runs the website, CF Pages stores the codeOnly Cloudflare matters; the rest are optional