Create a new app called practice$03$

$$ Within VSC

o Be sure to SERVE the app before continuing

o Use the New Project$-$Default Setup document to include defaults

$$ Stop serving $($Ctrl$+$C$)$

$$ Using the Modules app created in class, import in the headfoot module

$$ Include the header and footer components in the app component

$$ Using the instructions in Angular References module, install Angular Material

$$ Serve the app again

$$ Go to Angular Material site: research basic tab component structure

$$ app.component.html $($between header and footer$)$

o Include a mat$-$tab$-$group with $3$ tabs with labels for "First", "Second", "Third"

$$ Go to Angular Material site: research basic button component

$$ Go to Google Fonts icons

$$ In the "First" tab

o Include a mat$-$raised$-$button using the primary colour

o Include "Click Me$"$ followed by a mouse icon

$$ In the "Second" tab

o Remove the label from and include an icon label only

o Include a mat$-$fab button using the accent colour that includes the direction "PUSH"

$$ In the "Third" tab

o Remove the label from and include "ERROR!" followed by an error icon and use the color warn

o Include a mat$-$stroked button that includes the direction "Click to Alert"

o Include a click event to call a function

o Code the function so when the button is clicked, a Windows alert box pops up with an "ERROR ALERT" message

$$ In the $.$ts file, code, include an array variable:

o sos $=["$S$","$O$","$S$"]$;

$$ Use an $*$ngFor in the HTML in a