Web Programming

avatar
Created by
santino navaroli

Subdecks (1)

Cards (49)

  • An IP address (short for Internet Protocol address) is a computer's unique address on the internet (like a house's unique address in the world), usually represented numerically like 198.51.100.7 (32 bits).
  • An internet packet contains To and From IP addresses, the information to communicate, and other configuration information.
  • An IPv4 address has 32 bits which represents about 4 billion unique addresses. An IPv6 is a superset of IPv4, meaning that it is a subset of IPv4, uses 128-bit addresses, capable of representing more unique addresses
  • A domain name is a name for an IP address, such as the name wikipedia.org for the IP address 198.35.26.96; the name is easier to remember and type.
  • A DNS server converts the domain name to an IP address. DNS is short for Domain Name System.
  • Domain names are most commonly seen in URLs. A URL (Uniform Resource Locator) is the location of a web resource on the web, such as http://www.cdc.gov/alcohol/faqs.htm. URLS are comprised of the scheme, hostname, path, query string, and the fragment.
  • A web resource is any retrievable item, like an HTML file, image, video, CSS stylesheet, etc.
  • A tag has a descriptive name surrounded by <> and </> characters that the web browser uses to display content
  • <!DOCTYPE html> <!--The DOCTYPE declaration instructs the web browser about what type of document follows.-->
  • <html lang="en"></html> <!--The HTML tag is the opening tag for the HTML element. The "lang" attribute specifies the language used throughout the page (in this case, the languages is English).-->
  • <title>My First Page</title> <!--The title tag sets the title displayed at the top of the browser window.-->
  • <head>This is a title!</head> <!--The head tag contains the document title, document metadata, and various other elements that are typically not displayed on the webpage-->
  • <title>Insert title here</title> <!-- The title tag opens and closes the name of the document. The title is usually displayed in the browser's title bar, is used by search engines, and is used for bookmarking.-->
  • <meta charset="UTF-8"> This line tells the browser which character set (encoding) to use when reading this file.
  • <h1></h1> <!--The h1 tag is a header tag. h1-h6 are the sizes of the headers with h1 being the largest-->
  • <p>Humans seem designed to see puppies as cute.</p> <!--The paragraph tag is used to contain the website content in paragraph form-->
  • "When in <strong> doubt</strong>, tell the <em>truth</em>" -Mark Twain. <!-- Emphasis tags (em, italicized) and Strong tags (strong, bold) are used to put emphasis on your page content -->
  • <img.src="https://resources.zybooks.com/WebProgramming/ducativ1.jpg" alt="Bike photo"> <!-- The Image tag (<img>) allows you to insert images from a source. The alt tag will display a set text if the image fails to load properly-->
  • <a href="https://www.wikipedia.org/">Click Here</a> <!-- Link tags are used to cross-reference websites inside of your webpage>
  • <ul><li></li></ul> <!--Unordered lists are used to display list content on bulletins.
  • <ol><li></li></ol> <!-- Ordered lists are used to list items in an orderly fashion by using numbers, roman numerals, or special characters.-->
  • <table></table> <!-- Table tags are used to create a table using the <tr> (table rows) <th> (table headers) and <td> (table data) tags to input information-->
  • A block element always starts on a new line, and the browsers automatically add some space (a margin) before and after the element.
    A block element always takes up the full width available (stretches out to the left and right as far as it can).
    Two commonly used block elements are: <p> and <div>.
  • An inline element does not start on a new line. An inline element only takes up as much width as necessary. Common inline elements include <span>, <cite>, <strong>.
  • The <form> tag is used to create an HTML form for user input.
    The <form> element can contain one or more of the following form elements:
    • <input>
    • <textarea>
    • <button>
    • <select>
    • <option>
    • <optgroup>
    • <fieldset>
    • <label>
    • <output>
    methods get/post specifies the HTTP method to use when sending form-data.
  • A CSS rule consists of a selector and a declaration block. The selector points to the HTML element you want to style. The declaration block contains one or more declarations separated by semicolons.
    Each declaration includes a CSS property name and a value, separated by a colon.
  • In the context of CSS, inheritance is the process by which certain style properties of an HTML element are passed down to its descendants, or child elements.
  • When CSS conflicts occur, adjusting the specificity by using more specific selectors or combining them appropriately resolves the issue.
  • CSS selectors are used to "find" (or select) the HTML elements you want to style. Basic selectors (select elements based on name, id, class) some examples of basic selectors are text-align: center; color: red; background-color: white;
  • In CSS, the term "box model" is used when talking about design and layout and is essentially a box that wraps around every HTML element consisting of content, padding, borders, and margins.
  • The "flex box" layout module, makes it easier to design a flexible responsive layout structure without using float or positioning.
  • CSS allows the animation of HTML elements without using JavaScript! An animation lets an element gradually change from one style to another. You can change as many CSS properties you want, as many times as you want
  • What is the purpose of having JavaScript statements on a web page?
    JavaScript is a scripting language used to develop web pages. Developed in Netscape, JavaScript allows developers to create a dynamic and interactive web page to interact with visitors and execute complex actions
  • An arrow function is an anonymous function that uses an arrow => to create a compact function. An arrow function's parameters are listed to the left of the arrow. The right side of the arrow may be a single expression or multiple statements in braces. (parameter1, parameter2, ...) => expression.
  • A function without a name is called an anonymous function. Anonymous functions are often used with arrays and event handlers, discussed elsewhere in this material.
    let displaySum = function(x, y, z) { console.log(x + y + z);}
  • A function is a named group of statements. JavaScript functions are declared with the function keyword followed by the function name and parameter list in parentheses.
  • == Equality 2 == 2 (true) "bat" == "bat" (true)
    != Inequality 2 != 3 (true) "bat" != "zoo" (true)
    === Identity 2 === 2 (true) "2" === 2 (false)
    !== Non-identity 2 !== 2 (false) "2" !== 2 (true)
    < Less than 2 < 3 (true) "bat" < "zoo" (true)
    <= Less than or equal 2 <= 3 (true) true "bat" <= "bat" (true)
    > Greater than 3 > 2 (true) "zoo" > "bat" (true)
    >= Greater than or equal 3 >= 2 (true) "zoo" >= "zoo" (true)
  • A primitive is data that is not an object and includes no methods. Primitive types include: boolean, number, string, null, and undefined