CSS – Flexbox – Centering Horizontally and Vertically
Using Flexbox, the justify-content property, and align-items property, an element can be centered both horizontally and vertically within it’s parent.
CSS – Flexbox – Specifying the Order of Items
The order property determines the order of a flex item. The first flex item to appear in the code does not have to appear as the first item in the layout.
CSS – Flexbox – Specify the Initial Length of Items
The flex-basis property specifies the initial length of a flex item.
CSS – Flexbox – Growing the Width of Items
The flex-grow property specifies how much a flex item will grow relative to the rest of the flex items to fill their parent container.
CSS – Flexbox – Shrinking the Width of Items
The flex-shrink property specifies how much a flex item will shrink relative to the rest of the flex items while filling their parent container.
JavaScript – Comments
JavaScript comments are used to create notes about what the code block does and how it works, and can also be used to temporarily prevent code execution.
JavaScript – Basic Syntax
JavaScript syntax is the set of rules concerning how the code blocks should be constructed for proper execution.
JavaScript – Outputting Content to the Browser
JavaScript can be used to change data on the page, rewrite the entire page, create popup alerts, write to the console for testing, or print the page.
JavaScript – Doing Math, Assignment, and Comparison
JavaScript has numerous operators that can be used, in part, to do mathematical calculations, assign values to variables, and compare values.
JavaScript – Using Variables
In JavaScript, variables are used to store data that will be used in multiple places. This allows the data to be kept in one place for ease of change.
jQuery – Linking to the jQuery Library
To use jQuery on your site, it must be either downloaded and linked to in the document <head> or included by linking to a CDN in the document <head>.
jQuery – Basic Syntax and the Document Ready Event
The jQuery syntax is designed for selecting HTML elements and then performing some action on the selected element(s) once the document has loaded.
jQuery – Avoiding Conflicts with Other Libraries
When using other JavaScript frameworks on your site along with jQuery, there is the potential for a conflict to happen.
jQuery – Selecting HTML Elements
jQuery has numerous built-in selectors that make it easy to access HTML elements.
jQuery – Comments
Comments in jQuery are used to create notes about what the code block does and how it works, and can also be used to temporarily prevent code execution.
jQuery – Commonly Used Methods (actions)
There are a number of jQuery Methods (actions) that can be used to manipulate your document. Here are some of the most common.
jQuery – Traversing the DOM
jQuery traversing, which means “to travel or pass across, over, or through”, are used to find HTML elements based on their relation to other page elements.
jQuery – Method Chaining
In jQuery, you can chain together multiple methods (actions), allowing multiple actions to run on the same element(s), within a single statement.
jQuery – Manipulating HTML Elements and Attributes
jQuery contains a multitude of DOM-related methods that make it easy to access and manipulate HTML elements and attributes.