O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Academy vol.6

180 visualizações

Publicada em

Content elements

Publicada em: Internet
  • Entre para ver os comentários

  • Seja a primeira pessoa a gostar disto

Academy vol.6

  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ť

×