Angular 6 Development: Angular Material and Angular Elements

Overview/Description
Expected Duration
Lesson Objectives
Course Number
Expertise Level

---

Overview/Description
Angular Material provides a set of components and themes for creating stunning web apps. Angular Elements lets you turn Angular components into web components. During this course, you will discover the basics of using Angular Material and Elements. See how to add support for Angular elements. Learn to create, use, and package components to use as custom elements. Configure an Angular app to use Angular Material via a schematic. Build an Angular Material dashboard or an Angular Material navigation app. Finally, as an exercise, you make a custom element from an Angular component.

Expected Duration (hours)
0.6

Lesson Objectives

Angular 6 Development: Angular Material and Angular Elements

install support for creating custom elements using Angular 6

create an Angular 6 component geared towards becoming a custom element

register an Angular 6 component for conversion to a custom element

build and test a custom element from an Angular 6 app

package a custom element for easy movement

use an Angular 6 generated custom element in a regular HTML app

configure an Angular app to use Angular Material via a schematic

create a dashboard component using an Angular material starter component

create a sidebar-based navigation app using an Angular material starter component

use Material components in an Angular App

Course Number:
it_sdangs_04_enus

Expertise Level
Intermediate