Theming
Angular
FE Resources
Typescript
Rocky Road
100

This theme is the unifying theme of all standard widget collections

White Label Theme

100

@NgModule() and @Component() are examples of what.

class decorators

----------------

decorators

100
The Angular styleguide lives here.
100

This data type is used to represent both integer and floating-point numbers

:number

100

[CONTAINERS]

A very simple box that can be used as part of other containers or stand alone.

Panel Container

200
To speed up integration the Backbase platform has established 2 themes. Name them.

White Label Theme & Backbase Theme

200

Name the 3 ways data binding occurs in an Angular template

Property binding

Event binding

Two-way binding

200

A place to access Backbase specific FE Building blocks/components/collections

200

This type is generally used on function return types

:void

200

[PLATFORM]

The command to start Docker for CX6

docker-compose up

300

Adding this flag [--projectName] to theme generation command will create a theme.scss and add an automatic reference where. 

angular.json

300

Both of these decorators are used to communicate between parent/child components.

@Input() & @Output()

300

Go here to install the WebSDK

300

A structural contract that defines the properties of an object by name and types.

Interface

300

[WA3]

In the standalone app, widget preferences should be defined here

properties within dev-mocks

-----------

(dev-mocks)

400

Besides additional customizations and styling enhancements,  the main gap that the Backbase theme fulfills is what.

motion / animation

400

The :host pseudo css selector is use to target styles in this element

the host element

-----------

(the parent component template)

400

WA3 Documentation, RnD Internal, and Draft Proposals can all be found here. 

SuDoKu Confluence

400

Not all properties are required on a interface.  Optional properties and be defined with this. 

?

400

[WA3]

The ItemModel.property() method returns a widget preference as what type.

Observable

500

Name the 3 distinct layers of the White Label Theme

Custom

White Label

Bootstrap

500

When exporting a new data service in Angular, this decorator marks the class as one that participates in the Dependency Injection System

@Injectable()

500

UI / UX Guideline, documentation, and a visual library of UI Components all make up this package.

BB Design System

@bb-cli/bb-designsystem

--------------

(@bb-cli/design-system-ang)

500

Const is used for variables.  This designation is used for properties that can only be modified at creation.

readonly

500

[PLATFORM]

Name the 3 blade platform services that support CX6.

Registry, Gateway, Authentication

---------------

(Register, Edge, Authentication)

M
e
n
u