Angular Nedir? Acemiler İçin Kapsamlı Angular Rehberi

Yazılım geliştirme ile ilgileniyorsanız, Angular’ı duymuş olabilirsiniz. Geliştiricilerin dinamik web siteleri oluşturmak için kullandıkları en popüler JavaScript çerçevelerinden biridir. Bu yazımızda AngularJS kavramını, Angular’ın ne zaman geliştirildiğini ve avantajlarını inceleyeceğiz.

Angular Nedir?

angular anasayfası
Angular nedir?

Peki Angular nedir? Tek sayfalık web uygulamaları oluşturmak için kullanılan açık kaynaklı bir yazılım mühendisliği çerçevesidir. Geliştiriciler, HTML web sayfaları için animasyonlu menüler oluşturmak için de kullanır.

Angular çerçevesi, Google mühendisleri Misko Hevery ve Adam Abrons tarafından bulunmuştur. Google, ilk sürümü olan AngularJS’yi 2012’de resmi olarak yayınladı ve o zamandan beri de desteklemekte.

AngularJS’nin piyasaya sürülmesinden önce, dinamik sayfalar oluşturmanın başka yolları da vardı. Ancak, çerçeve kadar uygun değillerdi.

AngularJS, web uygulaması geliştirmede kullanılan Model-View-Controller (MVC) mimarisini kullanır.

Bu mimari türü şunlardan oluşur:

  • Model – bilgileri yöneten ve denetleyiciden girdi alan veri yapısı
  • Görünüm – bilgilerin temsili
  • Denetleyici – girdiye yanıt verir ve modelle etkileşime girer

AngularJS bağlamında model çerçeve, görünüm HTML ve kontrol JavaScript’tir.

Basitçe açıklamak gerekirse:

  • AngularJS, JavaScript ve HTML’yi bağlar
  • JavaScript, kullanıcı girişini kabul eder ve AngularJS’e gönderir
  • AngularJS, HTML’yi değiştirmek için girişi kullanır

JavaScript ve HTML’yi bağlayan çerçeve ile aralarındaki kod senkronize edilir. Bu mekanizma, yazmak için gereken kod miktarını azalttığı için geliştiricilerin işlerini kolaylaştırır.

Neden AngularJS? Avantajları Nedir?

AngularJS, birkaç nedenden dolayı web geliştiricileri arasında popülerdir:

  • İki yönlü veri bağlama – AngularJS’nin mimarisi JavaScript ile HTML’yi bağladığından, her ikisinin kodu zaten senkronizedir. Böylece çerçeve, geliştiriciler için çok zaman kazandırır.
  • Yönergeler – Çerçeve, HTML dosyalarının işlevlerini yönergelerle genişletir. Geliştiriciler, yönergeleri etkinleştirmek için HTML özelliklerine ng- önekini ekler. Yönergelerin listesini burada görebilirsiniz. Aşağıda direktiflerin kullanımına dair bir Angular örneği bulabilirsiniz.
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="" ng-init="age='20'">

<p>Input your age:</p>
<p>Age: <input type="text" ng-model="age"></p>
<p>You wrote: {{ age }}</p>

</div>

</body>
</html>

<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<body>

<div ng-app="" ng-init="age='20'">

<p>Input your age:</p>
<p>Age: <input type="text" ng-model="age"></p>
<p>You wrote: {{ age }}</p>

</div>

</body>
</html>
  • Kod Yapısı – AngularJS size şablonlar sağlar; temiz kodlu uygulamalar üretmenize izin verir. Yalnızca zamandan tasarruf etmekle kalmaz, aynı zamanda uygulamalarınızı değiştirmenizi veya düzeltmenizi de kolaylaştırır.
  • Test etme – Çerçeve, birim ve entegrasyon testini destekler.
  • Parlak Gelecek – Angular’ın geleceği, işlevselliği ve popülerliği nedeniyle parlaktır. Kullanıcı tabanı büyümeye devam ediyor ve sürekli güncellenen çok sayıda ayrıntılı belgeye sahip.
  • Mobil ve Masaüstü Uyumluluğu – AngularJS çoğu web tarayıcısında çalışabilir. Sadece masaüstünde değil, mobil cihazlarda da.

AngularJS Öğrenmeden Önce

AngularJS’nin bir JavaScript çerçevesi olduğunu hatırlamanız gerekir. Sonuç olarak, AngularJS öğrenmeden önce programlama dilinin temellerini anlamanız gerekir.

Aynısı HTML, CSS ve AJAX gibi ilgili programlama dilleri için de geçerlidir.

AngularJS öğrenmeden önce JavaScript’in temellerini bilmek, şunları yapmanızı sağlayacaktır:

  • Angular’ın hızlı gelişimini takip edin
  • Çerçeveyi ne zaman kullanacağınızı bilin
  • Esnek ve yenilikçi bir geliştirici olun

Kapanış

AngularJS, geliştiricilerin tek sayfalık web uygulamaları oluşturmak için kullandığı bir JavaScript çerçevesidir. Model-View-Controller mimarisini kullandığından, HTML ve JavaScript dosyaları için aynı kodu manuel olarak yazmanız gerekmez.

Bunun dışında, çerçeve bir dizi avantaj sunar:

  • Kod şablonları
  • Kapsamlı belgeler
  • Test yapma
  • Mobil ve masaüstü uyumluluğu

Angular nedir için veya AngularJS’ye dair bir sorunuz varsa aşağıya yorum bırakmaktan çekinmeyin!

Author
Yazar

Merve O.

Merve, Hostinger'da Pazarlama Asistanı (SEO) olarak çalışıyor. Birkaç site kurma deneyiminin ardından acemi yolculuğunu profesyonelliğe taşımaktan mutlu.