Creating Angular Components with Material Components Web

# Overview ## TL;DR If you're simply interested in code, it's available on GitHub at [Angular-Material-Dev/course-mcw-banner-angular](https://github.com/Angular-Material-Dev/course-mcw-banner-angular). ## Material Web Components [Material Web Components](https://m2.material.io/components?platform=web) is a collection of pre-designed and pre-styled web components that follow the guidelines and design principles of Google's Material Design. These components provide a consistent and visually appealing user interface for web applications. This approach is useful when there is no official Angular component available for Material Design, but you want to have it in your application. For example [banners](https://m2.material.io/components/banners). In this approach, we will learn 2 ways to create components in Angular: 1. Simple approach using DOM manipulation 2. Advanced approach using foundations and adapters