Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.
Č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
Nächste SlideShare
Wird geladen in …5
×

AngularJS

AngularJS

Ähnliche Bücher

Kostenlos mit einer 30-tägigen Testversion von Scribd

Alle anzeigen
  • Loggen Sie sich ein, um Kommentare anzuzeigen.

  • Gehören Sie zu den Ersten, denen das gefällt!

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ť

×