Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.
Čo je to AngularJS? 
• JS framework (nástroj) 
• Frontend development 
• 100% Javascript 
• 100% client-side 
• Standalone...
Prečo AngularJS 
• Jednoduchý 
• Prehľadný 
• Vrstvovytý model aplikácie (MVC) 
• Two-way data binding 
• Dependency injec...
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) ...
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 MA...
Ďakujem 
za pozornosť
AngularJS
Prochain SlideShare
Chargement dans…5
×

AngularJS

AngularJS

  • Identifiez-vous pour voir les commentaires

  • Soyez le premier à aimer ceci

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ť

×