Conventions and Concepts
Book Conventions
This book uses the following conventions to define different things and give them emphasis.
Variables and properties of objects are expressed with emphasis. HTML element names, classes, or other objects will appear with strong emphasis.
Selections of code appear in-line like this or, when written across multiple lines like the following:
multiple
line of code
Reviewing Core Concepts
HTML
Hypertext Markup Language (HTML) is the underlining language of the internet. It uses different elements to define the layout of a document. It uses .html or .htm files.
Example:
<html>
<head>
<title>HTMl Example</title>
</head>
<body>
</body>
</html>
CSS
Cascading StyleSheets (CSS) defines the presentation of a webpage. It uses selectors that will find and apply different style rules to a HTML document. These include the ID, #, and the class selector, ., among many others. It uses .css files.
Example:
.classExample {
color: white;
}
#idExample {
background-color: red;
}
JavaScript
JavaScript is the lingua franca of the internet. If HTML are the bones and CSS is the skin, JavaScript is the muscle. Any interaction or event that occurs in a webpage is filtered through JavaScript.
In a web browser, it is run and can change the current page through the Document-Object Model (DOM). This defines all of the elements of a page into objects that can be interacted with through a global document variable.
It uses .js files.
Example:
let example = document.querySelector('#idExample');