SlideShare a Scribd company logo
1 of 11
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šeji
• Umožní nám v rámci projektu větší míru
sdílení kódu
• Kód je „snadno“ testovatelný
Motivace
Motivace
Co to vlasně je?
• Javascriptový framework na front-endu
• Snaha maximálně zjednodušit kód
• Rozšiřuje HTML
• Databinding
• Tempalting
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žbu
knihovny
• Verze 1.0 vydána v prosinci 2012 (nyní 1.2.13)
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>
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
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/
Děkuji za pozornost

More Related Content

Similar to Anonymní Inteligenti - Angular js

Vyvoj Windows Store aplikaci pomoci HTML, CSS a Javascriptu
Vyvoj Windows Store aplikaci pomoci HTML, CSS a JavascriptuVyvoj Windows Store aplikaci pomoci HTML, CSS a Javascriptu
Vyvoj Windows Store aplikaci pomoci HTML, CSS a JavascriptuJindra Parus
 
Vývoj Windows Store aplikací pomocí HTML, CSS a Javascriptu
Vývoj Windows Store aplikací pomocí HTML, CSS a JavascriptuVývoj Windows Store aplikací pomocí HTML, CSS a Javascriptu
Vývoj Windows Store aplikací pomocí HTML, CSS a JavascriptuJindra Parus
 
Smalltalk prakticky [CZ]
Smalltalk prakticky [CZ]Smalltalk prakticky [CZ]
Smalltalk prakticky [CZ]Tomáš Kukol
 
Webový front-end ve službách mobilního vývojáře
Webový front-end  ve službách mobilního  vývojáře Webový front-end  ve službách mobilního  vývojáře
Webový front-end ve službách mobilního vývojáře Martin Michálek
 
Rich Internet Applications 2009 (Czech)
Rich Internet Applications 2009 (Czech)Rich Internet Applications 2009 (Czech)
Rich Internet Applications 2009 (Czech)Pavel Růžička
 
2007 Technologie Pro Tvorbu Java Enterprise Aplikací
2007 Technologie Pro Tvorbu Java Enterprise Aplikací2007 Technologie Pro Tvorbu Java Enterprise Aplikací
2007 Technologie Pro Tvorbu Java Enterprise AplikacíMartin Ptáček
 
PoSobota 96 ČB 28.4.2018
PoSobota 96 ČB 28.4.2018PoSobota 96 ČB 28.4.2018
PoSobota 96 ČB 28.4.2018Brilo Team
 
Jira DevOps Cloud
Jira DevOps CloudJira DevOps Cloud
Jira DevOps CloudOnlio
 
Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)Martin Michálek
 

Similar to Anonymní Inteligenti - Angular js (20)

TNPW2-2012-03
TNPW2-2012-03TNPW2-2012-03
TNPW2-2012-03
 
TNPW2-2013-03
TNPW2-2013-03TNPW2-2013-03
TNPW2-2013-03
 
Vyvoj Windows Store aplikaci pomoci HTML, CSS a Javascriptu
Vyvoj Windows Store aplikaci pomoci HTML, CSS a JavascriptuVyvoj Windows Store aplikaci pomoci HTML, CSS a Javascriptu
Vyvoj Windows Store aplikaci pomoci HTML, CSS a Javascriptu
 
TNPW2-2016-03
TNPW2-2016-03TNPW2-2016-03
TNPW2-2016-03
 
TNPW2-2013-07
TNPW2-2013-07TNPW2-2013-07
TNPW2-2013-07
 
TNPW2-2012-07
TNPW2-2012-07TNPW2-2012-07
TNPW2-2012-07
 
Vývoj Windows Store aplikací pomocí HTML, CSS a Javascriptu
Vývoj Windows Store aplikací pomocí HTML, CSS a JavascriptuVývoj Windows Store aplikací pomocí HTML, CSS a Javascriptu
Vývoj Windows Store aplikací pomocí HTML, CSS a Javascriptu
 
Smalltalk prakticky [CZ]
Smalltalk prakticky [CZ]Smalltalk prakticky [CZ]
Smalltalk prakticky [CZ]
 
TNPW2-2011-03
TNPW2-2011-03TNPW2-2011-03
TNPW2-2011-03
 
Webový front-end ve službách mobilního vývojáře
Webový front-end  ve službách mobilního  vývojáře Webový front-end  ve službách mobilního  vývojáře
Webový front-end ve službách mobilního vývojáře
 
TNPW2-2012-05
TNPW2-2012-05TNPW2-2012-05
TNPW2-2012-05
 
Rich Internet Applications 2009 (Czech)
Rich Internet Applications 2009 (Czech)Rich Internet Applications 2009 (Czech)
Rich Internet Applications 2009 (Czech)
 
2007 Technologie Pro Tvorbu Java Enterprise Aplikací
2007 Technologie Pro Tvorbu Java Enterprise Aplikací2007 Technologie Pro Tvorbu Java Enterprise Aplikací
2007 Technologie Pro Tvorbu Java Enterprise Aplikací
 
TNPW2-2014-05
TNPW2-2014-05TNPW2-2014-05
TNPW2-2014-05
 
TNPW2-2013-05
TNPW2-2013-05TNPW2-2013-05
TNPW2-2013-05
 
PoSobota 96 ČB 28.4.2018
PoSobota 96 ČB 28.4.2018PoSobota 96 ČB 28.4.2018
PoSobota 96 ČB 28.4.2018
 
Jira DevOps Cloud
Jira DevOps CloudJira DevOps Cloud
Jira DevOps Cloud
 
Rwd obhajoba
Rwd obhajobaRwd obhajoba
Rwd obhajoba
 
Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)Responzivní webdesign (pro MS Fest)
Responzivní webdesign (pro MS Fest)
 
TNPW2-2011-06
TNPW2-2011-06TNPW2-2011-06
TNPW2-2011-06
 

Anonymní Inteligenti - Angular js

  • 1. Nejen další MVC Framework Anonymní Inteligenti 17.2.2014
  • 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ý
  • 5. Co to vlasně je? • Javascriptový framework na front-endu • Snaha maximálně zjednodušit kód • Rozšiřuje HTML • Databinding • Tempalting
  • 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. 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. 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. 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/