Why this Matters: This information matters because it’s a review of the basic building blocks for beginning developers, including how browsers and web pages function, and the basics of HTML, CSS, and JavaScript.
Source: https://developer.mozilla.org/en-US/docs/Learn/Getting_started_with_the_web
1. Compose a short poem describing how HTTP sends data between computers.
HTTP is the protocol, The language between browser and server. Allows for messages to and fro, Getting copies of web pages (with fervor?).
2. Describe how HTML, CSS, and JS files are “parsed” in the browser.
The HTML file is parsed first by the browser, allowing it to recognize HTML element references to CSS stylesheets and JS scripts. The browser sends requests to the server for any CSS or JS files from and
To see the visual representation of the page, the browser first generates an in-memory DOM tree from parsed HTML and CCSOM structure from parsed CSS. It then applies the styles from the CSSOM tree and compiles and executes the parsed JavaScript.
3. How can you find images to add to a Website?
One option is to go to Google Images, click on the Tools button, and filter by Usage Rights –> Creative Commons License.
4. How do you create a String vs a Number in JavaScript?
To signify that the value in a sequence of text is a string, you must enclose it in single or double quote marks, whereas numbers don’t have quotes around them.
5. What is a Variable and why are they important in JavaScript?
Variables are containers that store values. They’re declared with the keyword followed by the name given to the variable. They’re important because you can’t make anything happen in JS without having a Variable to be defined and told what to do, how to relate, etc.
1. What is an HTML attribute?
2. Describe the Anatomy of an HTMl element.
An element contains an opening tag, the content, and the closing tag.
The opening tag is the name of the element wrapped in <> bracket. It marks where the element begins.
The content is the text an element contains between tags.
The closing tag is the same as the opening tag, but it includes a / before the element name. It makrs where the element ends.
3. What is the Difference between <article> and <section> element tags?
‘<article>’ represents a self-contained composition in a document, page, application, or site, intended to be independently distributable or reusable. For example, a newspaper article, blog entry, interactive widget or any other independent item of content.
4. What Elements does a “typical” website include?
A “typical” website might include the following elements:
5. How does metadata influence Search Engine Optimization?
6. How is the HTML tag used when specifying metadata?
It can be used to specify the document’s character encoding using ‘ charset=”utf-8:**’, for example.
Or it can include name and content attributes to specify the type of metadata element/type of information and to specify the actual meta content.
Examples are available here.
1. What is the first step to designing a Website?
To define what you want to accomplish with it.
2. What is the most important question to answer when designing a Website?
“What exactly do I want to accomplish?”
1. Why should you use an ‘<h1>’ element over a ‘’ element to display a top level heading?
Because ‘<h1>’ means “a top level heading on your page,” and ‘’ is an inline non-semantic element used mostly when you don’t want to add specific meaning or you can’t think of a better semantic text element to wrap your content.
2. What are the benefits of using semantic tags in our HTML?
This source lists the following as some of the benefits of using semantic markup in HTML:
1. Describe 2 things that require JavaScript in the Browser?
Animating images and dynamically updating content both require JS in the browser.
2. How can you add JavaScript to an HTML document?
Using the script element. You can create a script.js file in the same directory as your HTML file, or add JavaScript inline - inside of your HTML.
Nothing I can think of at the moment!