Nejen další MVC Framework
Anonymní Inteligenti
17.2.2014
Motivace
• AngularJS nás zachrání od monstra typu
spaghetti kód
• Pomůže nám vytvářet komplexní webové
aplikace jednodušej...
Motivace
Motivace
Co to vlasně je?
• Javascriptový framework na front-endu
• Snaha maximálně zjednodušit kód
• Rozšiřuje HTML
• Databinding
...
Princip
Historie
• Vyvinut v roce 2009 (Miško Hevery a Adam
Abrons) pro komerční účely

• Hevery se od počátku stará o vývoj a údr...
Co s tím?
var hello = „Ahoj AI!“
Starý přístup:
<div id="message"></div>
document.getElementBy('message').textContent = he...
Proč AngularJS
•
•
•
•
•
•

Stojí za ním Google
Aktivně udržovaný
Rozsáhlý soubor funkcí
Velká a rychle rostoucí komunita
...
Proč nepoužívat AngularJS
• Výsledný mix HTML a NG snižuje čitelnost
kódu
• Při každé změně dat (AngularJS/uživatel) je
po...
Děkuji za pozornost
Upcoming SlideShare
Loading in …5
×

Anonymní Inteligenti - Angular js

268 views

Published on

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
268
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Anonymní Inteligenti - Angular js

  1. 1. Nejen další MVC Framework Anonymní Inteligenti 17.2.2014
  2. 2. Motivace • AngularJS nás zachrání od monstra typu spaghetti kód • Pomůže nám vytvářet komplexní webové aplikace jednodušeji • Umožní nám v rámci projektu větší míru sdílení kódu • Kód je „snadno“ testovatelný
  3. 3. Motivace
  4. 4. Motivace
  5. 5. Co to vlasně je? • Javascriptový framework na front-endu • Snaha maximálně zjednodušit kód • Rozšiřuje HTML • Databinding • Tempalting
  6. 6. Princip
  7. 7. Historie • Vyvinut v roce 2009 (Miško Hevery a Adam Abrons) pro komerční účely • Hevery se od počátku stará o vývoj a údržbu knihovny • Verze 1.0 vydána v prosinci 2012 (nyní 1.2.13)
  8. 8. Co s tím? var hello = „Ahoj AI!“ Starý přístup: <div id="message"></div> document.getElementBy('message').textContent = hello jQuery: <div id="message"></div> $('#message').text(hello) Angular: <div id="message">{{hello}}</div>
  9. 9. Proč AngularJS • • • • • • Stojí za ním Google Aktivně udržovaný Rozsáhlý soubor funkcí Velká a rychle rostoucí komunita Rychlý Už v návrhu je počítáno s tetováním
  10. 10. Proč nepoužívat AngularJS • Výsledný mix HTML a NG snižuje čitelnost kódu • Při každé změně dat (AngularJS/uživatel) je potřeba porovnání dat • Pokud je dobře navrhnuta práce s DOM není MVW na front-endu vůbec potřeba http://www.zdrojak.cz/clanky/javascriptove-mvc-frameworky/
  11. 11. Děkuji za pozornost

×