Čo je to AngularJS?

• JS framework (nástroj)

• Frontend development

• 100% Javascript

• 100% client-side

• Standalone (jQLite || jQuery)

Prečo AngularJS• Jednoduchý

• Prehľadný

• Vrstvovytý model aplikácie (MVC)

• Two-way data binding

• Dependency injection (pomocou Services)

• Routing

• AJAX, REST

• alebo aj dynamika webu, odozva stránky na udalosti, istá podoba s Nette…

Ukážka

Model

• Objekt reprezentujúci entitu

• Uchováva data

• Môže byť objekt alebo aj jednoduchý dátovy typ či pole

View (pohľad)

• Projekcia modelu pomocou HTML šablóny

• Prepojený s modelom (pri zmene dát nastáva okamžitá zmena view) - Two-way data binding

• Directives, expressions, filters

• ng-app, ng-controller, ng-repeat, ng-click, ng-show,…

Controller (kontrolér)

• Objekt zodpovedný za chovanie

• Priradený svoj $scope

• Vytvára logiku medzi dátami a pohľadmi

Využitie

• Live form validation

• Inline grid editing

• Live preview

• Single-Page-Application (SPA)

• Adding some MAGIC do obyč. PHP aplikácií

Ďakujem za pozornosť