Notes about the course of Fundamentos de Angular in platzi

Intructor: Nicolas Molina

Enero - 2023

Link del Curso

Angular


¿Qué son los componentes?


En Angular, un componente es una clase TypeScript decorada con el decorador **@Component**que encapsula la lógica de negocio y la vista de una parte específica de la interfaz de usuario de la aplicación.

<aside> <img src="https://static.platzi.com/media/achievements/badge-angular-componentes-servicios-75f68ec3-48e0-430e-b7e2-889fad0d1984.png" alt="https://static.platzi.com/media/achievements/badge-angular-componentes-servicios-75f68ec3-48e0-430e-b7e2-889fad0d1984.png" width="40px" /> Los componentes se utilizan para crear una interfaz de usuario modular, reutilizable y fácil de mantener.

</aside>

Para generar un nuevo componente en Angular, puedes utilizar el Angular CLI. Abre una terminal y ejecuta el siguiente comando:

ng generate component <name-component>
ng g c <name-component>

Donde **<**name-component**>** es el nombre del componente que deseas crear.

Tambien podemos especificar la carpeta en donde queremos que se cree nuestro componente dentro de la carpeta app

ng generate component <name-folder>/<name-component>
ng g c <name-folder>/<name-component>

Si deseas omitir algunos de estos archivos, puedes utilizar las opciones --skip-Tests, **-is**y --inlineTemplate cuando ejecutas el comando ng generate component.

Por ejemplo, si deseas omitir los archivos de prueba unitaria y de estilo para un nuevo componente llamado mi-componente, puedes ejecutar el siguiente comando:

ng generate component mi-componente --skip-Tests -is

Ejecutamos el comando

El Angular CLI generará automáticamente varios archivos para el nuevo componente, incluyendo:

Untitled