"Given the complex and evolving energy challenges we face as a nation, EIA data and non-partisan analysis have never been more important."

- EIA Administrator Joseph DeCarolis -

Webpack

Webpack: HtmlWebpackPlugin

GitHub: HtmlWebpackPlugin Options

Webpack: MiniCssExtractPlugin

GitHub: CleanWebpackPlugin

Webpack: CopyWebpackPlugin

Webpack: TerserWebpackPlugin

Webpack: CssMinimizerWebpackPlugin

Webpack: Dependency Management

Package

NPM: ejs-loader for Webpack

---

NodeJS

NodeJS: Docs

NodeJS: Path

NodeJS: require(id)

NodeJS: What is require?

NodeJS: process.env

NodeJS: module.exports

NodeJS: fs.readdirSync(path[, options])

NodeJS: fs.statSync(path[, options])

NodeJS: fs.Stats

NodeJS: isDirectory()

MDN: Destructuring

MDN: Template Literals (Template strings)

MDN: Spread Operator

MDN: Rest Parameters

MDN: Arrow Function Expressions

MDN: return

MDN: flat()

---

EJS

EJS: Docs

Examples:

Show Date as: yyyy
new Date().getFullYear().toString();

Show Date as: yyyy-mm-dd
new Date().toISOString().slice(0, 10);

Show Date & Time as: yyyy-mm-ddThh:mm
new Date().toISOString().slice(0, 16);

Replace the T and show as: yyyy-mm-dd - hh:mm
new Date().toISOString().slice(0, 16).replace(/T/, ' - ');

---

JavaScript

MDN: JavaScript Reference

MDN: Date()

MDN: getFullYear()

MDN: toString()

MDN: toISOString()

MDN: slice()

MDN: replace()

---

HTML

MDN: HTML Elements Reference

MDN: Content Sectioning

MDN: Text Content

MDN: Inline Text Semantics

MDN: Image and Multimedia

MDN: Embedded Content

MDN: Table content

MDN: Forms

---

---

CSS

MDN: CSS Reference

MDN: box-sizing

MDN: scroll-behavior

MDN: list-style

MDN: :first-child

MDN: :last-child

MDN: :nth-last-child()

MDN: :hover

MDN: :focus

MDN: transition

MDN: transform

MDN: url()

CSS Selectors

Operator	Name	Function
*	Universal Selectors	Matches elements of any type.
HTML Element	Type Selectors	Matches elements by node name. In other words, it selects all elements of the given type within a document.
.class-name	Class Selectors	Matches elements based on the contents of their class attribute.
,	Selector List	Selects all the matching nodes.

CSS Combinators

Operator	Name	Function
(" ") single space	Descendant Combinator	Combines two selectors that elements matched by the second selector are selected if they have an ancestor element matching the first selector.
>	Child Combinator	Placed between two CSS selectors. It matches only those elements matched by the second selector that are the direct children of elements matched by the first.

---

SASS

Operator	Name	Function
{ {} }	Nesting	Combine the outer rule's selector with the inner rule's.
&	Parent Selector	Re-use the outer selector while nesting.
$	Variables	Don't repeat yourself just use a variable.
.class {$var}	Property Declarations	Use a variable inside a property declaration

---

Emmet

Nesting operators

Operator	Name	Function
>	Child	Nest elements inside each other
+	Sibling	Place elements near each other, on the same level
^	Climb-Up	Climb one level up the tree
*	Multiplication	Define how many times element should be outputted
( )	Grouping	Grouping subtrees in complex abbreviations

Attribute Operators

Operator	Name	Function
#	ID	Add ID
.	Class	Add Class
[ ]	Attributes	Add Attribute
$	Item Numbering	Output current number of repeated element
@	Ascending / Descending	Changing numbering base and direction
{ }	Text	Add text to element