Framework Angular

Architektura frameworka Angular

Angular (od wersji 2+) to potężny framework frontendowy rozwijany przez Google, przeznaczony do tworzenia aplikacji klasy Enterprise typu Single Page Application (SPA).

Kluczowe filary frameworka Angular:

1. Język TypeScript: Angular w całości bazuje na języku TypeScript (wymaga typowania, interfejsów i dekoratorów).
2. Komponenty (@Component): Łączą klasę logiki w TypeScript, szablon widoku HTML oraz style CSS.
3. Wstrzykiwanie Zależności (Dependency Injection - DI): Wbudowany kontener DI umożliwiający łatwe wstrzykiwanie serwisów (@Injectable) do komponentów.
4. Dwukierunkowe wiązanie danych (Two-Way Data Binding): Dyrektywa [(ngModel)] synchronizuje wartość pola w widoku z polem w klasie w czasie rzeczywistym.
5. Dyrektywy strukturalne: *ngIf, *ngFor sterujące renderowaniem elementów w szablonie.
6. Routing i moduły: Wbudowany, rozbudowany system routingu, strażników tras (Guards) i obsługi formularzy (Reactive Forms).

import { Component } from '@angular/core';

@Component({
  selector: 'app-powitanie',
  template: `<h1>Witaj {{ imie }}!</h1>`
})
export class PowitanieComponent {
  imie: string = 'Użytkowniku';
}

Pułapki na egzaminie INF.04:

• Głównym językiem używanym do tworzenia aplikacji we frameworku Angular jest TypeScript.