Jochen Supper & Tobias Siebert
Generate Customer Journeys from reusable Building Blocks
#1about 5 minutes
Differentiating simple and complex product sales experiences
Classifying products into simple off-the-shelf types versus complex configurable types reveals a gap in industrializing web experiences for the latter.
#2about 2 minutes
Building a platform with a bottom-up component strategy
A progressive enhancement strategy using common, reusable parts from the bottom up allows for building a scalable platform without a big bang rewrite.
#3about 4 minutes
Generating application flow from a JSON configuration
Custom Angular Schematics read a JSON file defining pages and their order to automatically generate a functional, multi-step Angular application skeleton.
#4about 8 minutes
Composing UIs with self-contained building blocks
Angular components are wrapped as self-contained building blocks with defined data contracts, which can be composed via configuration to build page content.
#5about 2 minutes
Dynamically configuring components using feature toggles
An inspector tool allows for creating rules that dynamically toggle the visibility or editability of specific elements within a building block at runtime.
#6about 2 minutes
Scaling development by reusing common components
New customer journeys are created efficiently by developing only product-specific building blocks and reusing a library of common components like payment and delivery.
#7about 5 minutes
Q&A on backend, git structure, and micro frontends
The discussion covers backend architecture, using an Nx-based monorepo for building blocks, component reuse metrics, and how building blocks relate to micro frontends.
Related jobs
Jobs that call for the skills explored in this talk.
Matching moments
01:34 MIN
Key takeaways for building multi-version frontends
Advanced Micro Frontends: Multi-Version and Multi-Framework Scenarios
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
01:35 MIN
Summary of breaking down design and development silos
Breaking Down Silos Between Design and Development
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
01:16 MIN
Understanding the core concepts of the Angular framework
Angular Unleashed: Mastering Modern Web Development with Angular
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
02:48 MIN
Understanding the problems that schematics solve
Generating code with Angular schematics
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
01:40 MIN
Exploring the core pillars of Angular architecture
Angular Unleashed: Mastering Modern Web Development with Angular
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
04:30 MIN
Understanding Angular as a complete development platform
Angular <> Angular CDK - Awesomeness Combined
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
04:10 MIN
The business impact and future platform vision
Reducing Cognitive Overload Through Platform Engineering
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
02:02 MIN
Understanding Angular's foundation and role at Google
State of Angular
Unlock Moments
Create a free account to watch a limited number of Moments each month.
Upgrade to PRO for unlimited access to the full archive.
Upgrade to PRO for unlimited access to the full archive.
You have an account? Log in
Featured Partners
Related Videos
Angular Magical directives
Valentine Awe
The Illusion of a Performant Web Application
Cathrin Möller
Sustainable Angular Architectures with Nx and Strategic Design
Manfred Steyer
Angular Features You Should be Using
Sani Yusuf
Angular Unleashed: Mastering Modern Web Development with Angular
Indu Chaube
Stand alone components in Angular
Valentine Awe
Front-End Micro Apps
Serg Hospodarets
Generating code with Angular schematics
Stanimira Vlaeva
Related Articles
View all articles



From learning to earning
Jobs that call for the skills explored in this talk.

autoiXpert GmbH & Co. KG
Stuttgart, Germany
Senior
Node.js
Angular
MongoDB
TypeScript

JO Media Software Solutions GmBh
Brunn am Gebirge, Austria
Senior
CSS
Angular
JavaScript
TypeScript

BMS Corporate Solutions GmbH
Düsseldorf, Germany
Intermediate
Senior
CSS
HTML
Angular
TypeScript

VÖB-Service GmbH
Berlin, Germany
Intermediate
Senior
Java
Angular



Speech Processing Solutions
Vienna, Austria
Intermediate
CSS
HTML
JavaScript
TypeScript


Saby New Compy
Bielefeld, Germany
Intermediate
Java
Kotlin