Se puede crear un componente nuevo utilizando los ng de angular y el cliente se encarga de crear todos los archivos con sus respectivas buenas practicas ya que cada archivo en angular debe tener un apellido nombre.tipo.ext y los nombres de las capetas se deben separar con - cuando son mas de una palabra ejemplo product-detail (asi se crea la carpeta) y el componente productDetail.component.ts

ng g c nombreComponente

ng g c product/product-detail

ng g c componente --inline-style

Evita que se cree el archivo de estilos

g g c componente --inline-template

Este evita que se cree el html

Es importante tener en cuenta que la ruta de generación es dentro de la carpeta src en el caso anterior creara una nueva carpeta con el nombre product dentro de src.

son los elementos mas comunes en angular y se utilizan para renderizar elementos dentro de la aplicación. Estan conformados por el Html, css y javascrip, este ultimo enlaza todo utilizando un decorado @component identificándolo también como componente.

@Component({
  selector: 'app-root',
  templateUrl: './root.component.html',
  styleUrls: ['./card.component.scss']
})

<aside> 📌 Selector: Se utiliza como etiqueta en el html para insertar el componente

</aside>

<aside> ✍🏻 tempateUrl: representa la ubicación del HTMLutilizando para el componente

</aside>

<aside> 🎨 styleUrls: Es el enlace de archivo de estilos

</aside>

<aside> ✏️ templeate: Puede ser utilizado cuando el HTML es corto y no requiere un archivo

</aside>