Angular és un framework de desenvolupament web de codi obert mantingut per Google. És utilitzat per crear aplicacions web dinàmiques i de pàgina única (SPA, per les seves sigles en anglès). Angular proporciona una estructura sòlida per a la creació d'aplicacions escalables i mantenibles, i inclou una sèrie d'eines i funcionalitats que faciliten el desenvolupament.

1. Arquitectura basada en components:

   • Angular utilitza components per construir la interfície d'usuari. Cada component és una peça independent de la UI que pot ser reutilitzada en diferents parts de l'aplicació.

2. Enllaç de dades bidireccional:

   • Permet la sincronització automàtica entre el model i la vista. Quan el model canvia, la vista es refresca automàticament i viceversa.

3. Directives:

   • Les directives són instruccions en el DOM (Document Object Model) que Angular interpreta i transforma. Hi ha directives integrades com ngIf, ngFor, i també es poden crear directives personalitzades.

4. Injecció de dependències:

   • Angular té un sistema d'injecció de dependències que facilita la gestió de serveis i altres dependències de manera eficient i escalable.

5. Rendiment i optimització:

   • Angular inclou eines per optimitzar el rendiment de les aplicacions, com la càrrega mandrosa de mòduls i la precompilació de plantilles.

6. Formularis i validació:

   • Angular proporciona dos tipus de formularis: basats en plantilles i reactius, amb suport per a la validació de formularis.

7. Client HTTP:

   • Angular inclou un client HTTP per fer sol·licituds HTTP de manera senzilla i gestionar respostes i errors.

8. Gestió d'estat:

   • Angular facilita la gestió de l'estat de l'aplicació amb eines com NgRx, que implementa el patró Redux.

9. Proves:

   • Angular està dissenyat per ser fàcilment testejable, amb suport per a proves unitàries, de components, de serveis i de cap a cap.

Angular va ser llançat per primera vegada el 2010 com AngularJS (o Angular 1). El 2016, Google va llançar Angular 2, una reescriptura completa del framework original. Des de llavors, Angular ha evolucionat constantment amb noves versions que afegeixen funcionalitats i millores de rendiment.

• Estructura clara i organitzada: Angular proporciona una estructura clara per a la creació d'aplicacions, la qual cosa facilita el manteniment i l'escalabilitat.
• Comunitat i suport: Angular té una gran comunitat de desenvolupadors i un fort suport de Google, el que garanteix la seva continuïtat i evolució.
• Ecosistema ric: Angular té un ecosistema ric de biblioteques i eines que faciliten el desenvolupament, les proves i el desplegament d'aplicacions.

Explicació:

• @Component: Decorador que defineix un component.
• selector: El nom de l'etiqueta HTML que representa aquest component.
• template: El codi HTML que defineix la vista del component.
• styles: Els estils CSS aplicats al component.

Explicació:

• [(ngModel)]: Directiva per a l'enllaç de dades bidireccional.
• {{name}}: Interpolació per mostrar el valor de la variable name en la vista.

1. Crea un nou component anomenat hello-world.
2. El component ha de mostrar el text "Hola, món!" en un element <h2>.

Solució:

1. Crear el component:

2. Editar el fitxer hello-world.component.ts:

3. Afegir el component al app.component.html:

En aquesta secció, hem après què és Angular, les seves característiques clau, la seva història i els avantatges d'utilitzar-lo. També hem vist alguns exemples pràctics i hem realitzat un exercici per crear un component simple. Amb aquesta base, estem preparats per configurar l'entorn de desenvolupament i començar a construir la nostra primera aplicació Angular en el següent mòdul.