AngularJS Nedir?

Merhaba arkadaşlar Angular JS ile merak edilenleri kendimce cevaplamaya  çalışacağım.

AngularJS, dinamik bir web uygulaması geliştirmek için bir istemci tarafında JavaScript MVC framework’dür. AngularJS başlangıçta Google’da bir proje olarak başlatılmış ancak şimdi açık kaynak framework’ü olarak günümüzde karşımıza çıkıyor.

AngularJS tamamen HTML’ye ve JavaScript’e dayalıdır; bu nedenle başka bir sözdizimi veya dil öğrenmeye gerek yoktur.

AngularJS, statik HTML’yi dinamik HTML’ye dönüşmesini sağlar. Dahil olan özellikleri ve bileşenler ekleyerek HTML yeteneğini genişletir ve aynı zamanda basit JavaScript kodları kullanarak Angular JS ile yeni özellikler oluşturmanızı sağlar.

AngularJS Resmi Web Sitesi – https://angularjs.org

Bu siteden hem Angular JS haricinde, eğitimleri ve örneklerine ulaşabilirsiniz.

AngularJS Avantajları Nelerdir?
  • Hem açık kaynaktır hem JavaScript MVC çerçevesine sahiptir.
  • Google tarafından desteklenmektedir
  • Başka bir dili öğrenmeye gerek yoktur. Sadece saf JavaScript ve HTML yeterlidir.
  • Dahili özellikleri HTML’yi dinamik hale getirir.
  • Genişletmek ve özelleştirmek kolaydır.
  • Tek Sayfa web sitelerini destekler.
  • Dependency Injection kullanır.
  • Birim testini kolay bir şekilde yapabilirsiniz.
  • REST dostu bir yapıya sahiptir.

AngularJS Geliştirme Ortamı Kurulumu

AngularJS için bir geliştirme ortamı kurmak için aşağıdaki belirli araçlara ihtiyacımız var arkadaşlar:

  • AngularJS Kütüphanesi
  • Editör / IDE
  • Browser
  • Web server

AngularJS Kütüphanesi

AngularJS kütüphanesini indirmek için angularjs.org sitesine gidin -> aşağıdaki açılır pencereyi açacak olan indir düğmesini tıklayın. Popup’tan istenen sürümü seçin ve açılır penceredeki indirme düğmesine tıklayın.

CDN: AngularJS kütüphanesini CDN URL’sinden ekleyebilirsiniz – https://ajax.googleapis.com/ajax/libs/angularjs/1.3.16/angular.min.js

Editör

AngularJS sonuçta HTML ve JavaScript kodudur. Böylece istediğiniz herhangi bir iyi düzenleyici / IDE yükleyip kullanabilirsiniz.

Benim size tavsiye edeceğim editörler:

  • Sublime Text (Benim Favorim)
  • Aptana Studio 3
  • Ultra Edit
  • Eclipse
  • Visual Studio

Ayrıca yazdığınız kodları deneyebileceğiniz online editörler de var.

  • plnkr.co
  • jsbin.com

Bu web sitelerinde online derleyicileri kullanabileceğiniz gibi örneklerinden de yararlanabilirsiniz.

Web sunucusu

Geliştirme amacıyla yerel olarak IIS, apache vb. gibi herhangi bir web sunucusunu kullanabilirsiniz.

Tarayıcı

AngularJS, cross tarayıcı uyumluluğunu desteklediğinden, istediğiniz herhangi bir tarayıcıyı yükleyebilirsiniz. Bununla birlikte, bir uygulama geliştirirken Google Chrome’u kullanmanızı öneririm

AngularJS Seed

AngularJS uygulamasına hızlı bir şekilde başlamak için AngularJS Seed projesini kullanabilirsiniz. Peki nedir bu Angular Seed? Angular Seed tipik bir AngularJS web uygulaması için iskelettir. Angular webapp projelerinizi ve projeniz için geliştirme ortamını hızlı bir şekilde önyüklemenizi sağlar ve sizde sadece yazacağınız asıl kısma odaklanabilirsiniz.

Github’dan AngularJS-Seed yazarak indirebilirsiniz.

Visual studio’da AngularJS’yi Projenize Ekleyin

AngularJS uygulaması, Visual Studio’nun herhangi bir sürümünde oluşturulabilirsiniz.

İlk olarak, başlangıç ​​sayfasındaki Yeni Proje bağlantısını tıklayarak yeni bir proje oluşturun. Aşağıda gösterildiği gibi Yeni Proje iletişim kutusunu açacaktır.

Sol bölmede Web’i ve orta bölmede ASP.NET Web Uygulaması’nı seçin ve Tamam’ı tıklatın.

Yeni ASP.NET Projesi iletişim kutusunda, Boş şablon’u seçin ve Tamam’ı tıklayın.

Bu, Visual Studio’da boş bir web sitesi projesi oluşturacaktır.

Şimdi, NuGet paket yöneticisinden AngularJS kütüphanesini kurun. Solution Explorer’daki projeye sağ tıklayın ve NuGet Paketlerini Yönet’i seçin.

NuGet Paketlerini Yönet iletişim kutusundaki “Angular” araması yapın ve AngularJS’yi yükleyin.

Aşağıda gösterildiği gibi AngularJS dosyaları angular.js, angular.min.js ve angular-mocks.js gibi Scripts klasörüne ekleyecektir.

Şimdi, AngularJS web uygulaması yazmaya başlayabilirsiniz.

Şimdilik anlatacaklarım bu kadar başka bir yazımda görüşmek üzere.

 

2 Yorumlar

Cevap Yazın

Lütfen görüşlerinizi belirtiniz
Lütfen isminizi yazınız