An application's user interface (UI) is a fundamental aspect of the system architecture
because it defines how the user perceives and interacts with the application. Developing
UIs is complex in any technology, and the Angular framework is no exception. This
lesson teaches core UI concepts, such as views, routing, data display, data entry
and security. It also teaches how to use Angular to support these core UI concepts.
Learning Outcomes
Build basic UI elements using Angular v20.
Design and build a multipage webapp using Angular Routing.
Design frontend Service components and use them in your Page view components.
Design and build data-entry forms.
Design complex Pages by decomposing subviews and using reusable view widgets.
Design a simple global layout with a shared header and footer on each page.
Adopt a simple security subsystem and configure routing guards to protect pages that should be secure.
Study Resources
For your study of this topic, use these resources.
