Obsah
Angular
Angular je postaven na jazyce TypeScript a je navržen pro vývoj rozsáhlých podnikových (enterprise) aplikací. Poskytuje vývojářům pevně danou strukturu a sadu vestavěných nástrojů pro vše od navigace až po komunikaci se serverem.
1. Klíčové koncepty
TypeScript jako základ
Angular vyžaduje použití TypeScriptu (nadstavba JavaScriptu s datovými typy). To umožňuje odhalit chyby v kódu už během psaní a usnadňuje práci ve velkých týmech, kde je jasně definováno, jaká data kudy proudí.
Obousměrná vazba dat (Two-way Data Binding)
Toto je jedna z nejznámějších funkcí Angularu. Pokud změníte data v kódu, okamžitě se změní v HTML. A naopak – pokud uživatel napíše něco do políčka, data v kódu se ihned aktualizují.
Dependency Injection (Injekce závislostí)
Angular má propracovaný systém pro sdílení částí kódu (služeb). Pokud jedna část aplikace potřebuje data z databáze, Angular jí automaticky „přihraje“ správnou službu, která to umí zařídit. To vede k velmi čistému a testovatelnému kódu.
Modulární systém (NgModules)
Aplikace se dělí na bloky (moduly), které lze načítat postupně (tzv. Lazy Loading). To zajišťuje, že se uživateli nestahuje celý obří systém najednou, ale jen ty části, které zrovna potřebuje.
2. Srovnání: Angular vs. React
| Vlastnost | Angular | React |
|---|---|---|
| Typ | Kompletní framework | Knihovna pro UI |
| Jazyk | TypeScript (povinný) | JavaScript / TypeScript |
| Učení | Náročné (strmá křivka) | Snazší (postupný růst) |
| Ekosystém | Vše v ceně (Routing, Forms) | Nutno doinstalovat knihovny |
| Výrobce | Meta (Facebook) |
3. Historické okénko: AngularJS vs. Angular
Je důležité rozlišovat mezi těmito dvěma verzemi:
- AngularJS (v1.x): Původní verze z roku 2010. Dnes je zastaralá a její podpora skončila.
- Angular (v2 a novější): Úplný přepis z roku 2016. Tyto verze nejsou zpětně kompatibilní s AngularJS. Dnešní verze (např. Angular 17, 18+) jsou extrémně rychlé a moderní.
4. Ukázka kódu (Komponenta v TypeScriptu)
@Component({
selector: 'app-pozdrav',
template: '<h1>Ahoj, {{ jmeno }}!</h1>'
})
export class PozdravComponent {
jmeno: string = 'Vývojáři';
}
5. Kdy zvolit Angular?
- Enterprise sféra: Ideální pro bankovní systémy, vládní portály a rozsáhlé firemní nástroje.
- Velké týmy: Pevná pravidla frameworku zaručují, že kód bude vypadat stejně, i když na něm pracují desítky lidí.
- Dlouhodobá údržba: Díky TypeScriptu a podpoře Googlu je Angular sázkou na jistotu pro projekty, které mají běžet deset a více let.
Zajímavost: Angular používá tzv. AOT (Ahead-of-Time) kompilaci. To znamená, že se kód přeloží do stroji srozumitelné podoby už při sestavování aplikace, nikoliv až v prohlížeči uživatele, což výrazně zrychluje start webu.
