- Klasik html kullanır, kendi dili ile ekstra etiketler ekleyerek HTML olarak extend eder
- Full stack bir SPA(single page application ) sayfası oluşturur, sayfa yenilemeye gerek kalmadan sayfalar arası geçiş yapılır
- Angularjs karmaşık mimarisinin yanında kodlama standartlarında standart javascript ve html dışına çıkmamıştır
- Az kod Çok iş!
- Angular hızlı response oluşturur
Javascript-
Jquery-
Angularjs
KARŞILAŞTIRALIM!
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script></head>
<body>
Name:<input
id="textInput" type="text"/>
Hello <span
id="nameDiv"></span>!
<script> $('#textInput').on('keyup', function(){ $('#nameDiv').html($('#textInput').val()); }); </script>
<script> $('#textInput').on('keyup', function(){ $('#nameDiv').html($('#textInput').val()); }); </script>
</body>
Name:<input id="textInput"
type="text"/>
Hello
<span
id="nameDiv"></span>!
<script>
var textInputElement
= document.getElementById('textInput'),
nameDivElement
= document.getElementById('nameDiv');
textInputElement.addEventListener('keyup',
function(){ var text = textInputElement.value;
nameDivElement.innerHTML
= text; });
</script>
</body>
<head> <script
src="https://code.angularjs.org/1.3.9/angular.js">
</script></head>
<body ng-app="firstApp">
<input type="text"
ng-model="name">
<h1> Merhaba {{
name }} </h1>
</body>
Angular
JS Sürüm Farklılıkları
- Typescript aslında Javascript'in bir üst kümesi
- Typescript kodu derlendiğinde çıktı olarak Javascript kodu üretiliyor. Yani Typescript içerisinde kullandığımız enum, interface gibi yapılar geçerli bir Javascript koduna çevriliyor. Kodumuzun düzenini sağlamak için kullandığımız bazı yapılar ise(örneğin interfaceler) Javascripte bile çevrilmiyor.
- Onlar sadece derleme işlemi sırasında Typescript tarafından kullanılıyor. Böylece temiz bir Javascript çıktısı elimizde bulunuyor.
Hiç yorum yok:
Yorum Gönder