reading-notes

Overview

Getting Started

Skim How the Web Works

Skim Website Design and Process

Read the following sections of JavaScript Basics: Start at “What is JavaScript?”, read through “Comments” section.

  1. Compose a short poem describing how HTTP sends data between computers.

into a server my data goes, and back to me a website comes

  1. Describe how HTML, CSS, and JS files are “parsed” in the browser.

The browser “parses” HTML doc first which will read the attached <link> and <script> tags which leads the browser to begin parsing the JS and CSS files associated with those <link> and <script> tags.

  1. How can you find images to add to a Website?

Using Google Images, we can search for pictures we want under the ‘Creative Commons’ option.

  1. How do you create a String vs a Number in JavaScript?

In JS, we create Strings by entering the data with since quotes (‘’). We create a

  1. What is a Variable and why are they important in JavaScript?

Introduction to HTML

Read the beginning of Getting Started with HTML. Start from the beginning and read through section “Anatomy of an HTML document”.

HTML Document Structure

Metadata in HTML

  1. What is an HTML attribute?

An attribute is extra bits of data in an HTML element that aren’t part of the content. Examples would be class and id.

  1. Describe the Anatomy of an HTML element.

    1. The opening tag - the name of the element with these to enclose the name and attributes: <>
    2. The content - things like text the user would see, or images, or links to click on
    3. The closing tag - not every element has a closing tag, but those that do have a forward slash in them.

  2. What is the Difference between <article> and <section> element tags?

The <article> tag is for content that can make sense on its own. The <section> tag is for a grouping of content that have a singular function. Both tags can have each other nested within the other, depending on the context.

  1. What Elements does a “typical” website include?

A “typical” website includes these tags at minimum: <html> <head> <meta> <title> <body>

  1. How does metadata influence Search Engine Optimization?

The content of the <title> element is used in search engines. We can also include keywords in the <meta> element to further optimize search results.

  1. How is the <meta> HTML tag used when specifying metadata?

The meta tag can be used to store data about the data of the page, like the author of the page, or the charset, or a summary of what the page is about, or keywords for search engines.

Miscellaneous

How to start to design a Website.

  1. What is the first step to designing a Website?

The first step of designing a website is project ideation which means figuring out exactly what the website is supposed to do and accomplish, before coding begins.

  1. What is the most important question to answer when designing a Website?

What exactly do I want to accomplish?

Semantics.

  1. Why should you use an <h1> element over a <span> element to display a top level heading?

  2. What are the benefits of using semantic tags in our HTML?

What is JavaScript?

  1. Describe 2 things that require JavaScript in the Browser?

  2. How can you add JavaScript to an HTML document?

Things I want to know more about

This site is open source. Improve this page.