LLC: JavaScript for the Web

Information

• Current version: 2.0.0-a.2

Links

• Slides: https://bit.ly/llc-jsweb
• IDE / Learner project: https://bit.ly/llc-jsweb-ide
• Finished project: https://bit.ly/llc-jsweb-demo
• Learner references (this page): https://bit.ly/llc-jsweb-refs

Learner References

HTML

Syntax

• elements— web pages are made of elements which determine structure and content.
• attributes— extra information describing an HTML element
  • id— a unique identifier for an element (CSS selector: #elementId).
  • class— a label for an element to distinguish it from other elements (CSS selector: .className).

Content elements

• h1, h2, h3— first, second, and third level headings (page and section titles).
• p— a container for text (short for 'paragraph' but can be any block of text).
• span, mark— selection of text within a larger block to highlight or modify it.
• ul— conatiner for an unordered (bulleted) list
  • li— individual list items in a list.
• img— an element for displaying images

Sectioning elements

• header— a container for the header of a web page or of a section on a web page.
• section— a container to group together related content and elements.
• main— a container for the main content of a web page.

---

CSS

Selectors

• element type— the name of the element (CSS selector: elementName, e.g.: h2, section)
• id— a unique identifier for an element (CSS selector: #elementId).
• class— a label for an element to distinguish it from other elements (CSS selector: .className).
• descendant— an element contained inside another element (CSS selctor: parentElement descendantElement), e.g.:
  • section header— selects header elements that are inside section elements.