Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

AngularJS

930 views

Published on

AngularJS

Published in: Internet
  • Be the first to comment

  • Be the first to like this

AngularJS

  1. 1. Čo je to AngularJS? • JS framework (nástroj) • Frontend development • 100% Javascript • 100% client-side • Standalone (jQLite || jQuery)
  2. 2. 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…
  3. 3. Ukážka
  4. 4. Model • Objekt reprezentujúci entitu • Uchováva data • Môže byť objekt alebo aj jednoduchý dátovy typ či pole
  5. 5. 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,…
  6. 6. Controller (kontrolér) • Objekt zodpovedný za chovanie • Priradený svoj $scope • Vytvára logiku medzi dátami a pohľadmi
  7. 7. Využitie • Live form validation • Inline grid editing • Live preview • Single-Page-Application (SPA) • Adding some MAGIC do obyč. PHP aplikácií
  8. 8. Ďakujem za pozornosť

×