Frontend Developer Manual / Version 2406.1
Table Of Contents- Brick
A reusable frontend package that can contain templates, JavaScript, SCSS/CSS and resource bundles. See Section 6.1, “Example Themes”.
- browserslist
Library to share target browsers between different frontend tools. See https://github.com/ai/browserslist/
- CSS
CSS stands for Cascading Style Sheets and is a style sheet language used to describe the presentation of a document written in HTML.
- ECMAScript
Trademarked scripting-language specification standardized by Ecma International in ECMA-262. One of the best-known implementation of ECMAScript is JavaScript.
- JavaScript
Interpreted programming language which is one of the three core technologies of web development.
- Node.js
Node.js is an open-source, cross-platform JavaScript run-time environment for executing JavaScript code server-side.
- npm
npm stands for "Node Package Manager" and is the default package manager for Node.js.
- package.json
Contains meta data about an app or module such as its name, version and dependencies. See official Specification.
- pnpm
pnpm is an alternative package manager for Node.js.
- Prettier
Prettier is a code formatter supporting many languages and integrates with most editors.
- Sass
Sass stands for "syntactically awesome stylesheets" and is a scripting language that is interpreted or compiler into CSS.
- SCSS
SCSS is a newer syntax for Sass that uses block formatting like CSS.
- Theme
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
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
yarn is an alternative package manager for Node.js.