SlideShare una empresa de Scribd logo
1 de 9
Descargar para leer sin conexión
Academy vol.6
Č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ť

Más contenido relacionado

Destacado

Content elements
Content elementsContent elements
Content elementsblueweb_sk
 
project report 8051,eembedded system,pcb designing,electronic voting machine
project report 8051,eembedded system,pcb designing,electronic voting machineproject report 8051,eembedded system,pcb designing,electronic voting machine
project report 8051,eembedded system,pcb designing,electronic voting machineAyush Khurana
 
Nunca desistir/Never give up - Invest MLM
Nunca desistir/Never give up - Invest MLMNunca desistir/Never give up - Invest MLM
Nunca desistir/Never give up - Invest MLMMiguel Silva
 

Destacado (9)

Academy vol.4
Academy vol.4Academy vol.4
Academy vol.4
 
Sketch 3
Sketch 3Sketch 3
Sketch 3
 
Bwa
BwaBwa
Bwa
 
Content elements
Content elementsContent elements
Content elements
 
Sws
SwsSws
Sws
 
Tricky css
Tricky cssTricky css
Tricky css
 
Jun 2015
Jun 2015Jun 2015
Jun 2015
 
project report 8051,eembedded system,pcb designing,electronic voting machine
project report 8051,eembedded system,pcb designing,electronic voting machineproject report 8051,eembedded system,pcb designing,electronic voting machine
project report 8051,eembedded system,pcb designing,electronic voting machine
 
Nunca desistir/Never give up - Invest MLM
Nunca desistir/Never give up - Invest MLMNunca desistir/Never give up - Invest MLM
Nunca desistir/Never give up - Invest MLM
 

Más de blueweb_sk

Marketingova sobota
Marketingova sobotaMarketingova sobota
Marketingova sobotablueweb_sk
 
Internetova akademia
Internetova akademiaInternetova akademia
Internetova akademiablueweb_sk
 
Poradca podnikatela
Poradca podnikatelaPoradca podnikatela
Poradca podnikatelablueweb_sk
 
Podnikatelia spojte sa
Podnikatelia spojte saPodnikatelia spojte sa
Podnikatelia spojte sablueweb_sk
 
Podnikatelia spojte sa
Podnikatelia spojte saPodnikatelia spojte sa
Podnikatelia spojte sablueweb_sk
 
Pecha kucha Bytča
Pecha kucha BytčaPecha kucha Bytča
Pecha kucha Bytčablueweb_sk
 
3 kroky zjednávania
3 kroky zjednávania3 kroky zjednávania
3 kroky zjednávaniablueweb_sk
 
Academy vol.13
Academy vol.13Academy vol.13
Academy vol.13blueweb_sk
 
Defensive programming
Defensive programmingDefensive programming
Defensive programmingblueweb_sk
 

Más de blueweb_sk (20)

Marketingova sobota
Marketingova sobotaMarketingova sobota
Marketingova sobota
 
Internetova akademia
Internetova akademiaInternetova akademia
Internetova akademia
 
Shopcomm 2013
Shopcomm 2013Shopcomm 2013
Shopcomm 2013
 
Poradca podnikatela
Poradca podnikatelaPoradca podnikatela
Poradca podnikatela
 
Podnikatelia spojte sa
Podnikatelia spojte saPodnikatelia spojte sa
Podnikatelia spojte sa
 
Podnikatelia spojte sa
Podnikatelia spojte saPodnikatelia spojte sa
Podnikatelia spojte sa
 
Pecha kucha Bytča
Pecha kucha BytčaPecha kucha Bytča
Pecha kucha Bytča
 
SPSŠ
SPSŠSPSŠ
SPSŠ
 
IRR 2015
IRR 2015IRR 2015
IRR 2015
 
Gvarza
GvarzaGvarza
Gvarza
 
Girls day
Girls dayGirls day
Girls day
 
Biznis camp
Biznis campBiznis camp
Biznis camp
 
Zaklady SEO
Zaklady SEOZaklady SEO
Zaklady SEO
 
3 kroky zjednávania
3 kroky zjednávania3 kroky zjednávania
3 kroky zjednávania
 
Academy vol.13
Academy vol.13Academy vol.13
Academy vol.13
 
Lazyloading
LazyloadingLazyloading
Lazyloading
 
Frontend
Frontend  Frontend
Frontend
 
Defensive programming
Defensive programmingDefensive programming
Defensive programming
 
Lazyloading
LazyloadingLazyloading
Lazyloading
 
Lazyloading
LazyloadingLazyloading
Lazyloading
 

Academy vol.6

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