Glossary

A reusable frontend package that can contain templates, JavaScript, SCSS/CSS and resource bundles. See Section 6.1, “Example Themes”.

Library to share target browsers between different frontend tools. See https://github.com/ai/browserslist/

CSS stands for Cascading Style Sheets and is a style sheet language used to describe the presentation of a document written in HTML.

Trademarked scripting-language specification standardized by Ecma International in ECMA-262. One of the best-known implementation of ECMAScript is JavaScript.

Interpreted programming language which is one of the three core technologies of web development.

Node.js is an open-source, cross-platform JavaScript run-time environment for executing JavaScript code server-side.

npm stands for "Node Package Manager" and is the default package manager for Node.js.

Contains meta data about an app or module such as its name, version and dependencies. See official Specification.

pnpm is an alternative package manager for Node.js.

Prettier is a code formatter supporting many languages and integrates with most editors.

Sass stands for "syntactically awesome stylesheets" and is a scripting language that is interpreted or compiler into CSS.

SCSS is a newer syntax for Sass that uses block formatting like CSS.

In the context of the Frontend Workspace a theme stands for a frontend package that composes templates, JavaScript, SCSS/CSS and resource bundles provided from bricks and third party libraries into a bundle that can be used by the CAE. See Section 6.1, “Example Themes”.

Webpack is an Open-source JavaScript module bundler that is highly extensible by the use of loaders to provide additional tasks and transformations for different file types.

yarn is an alternative package manager for Node.js.