Kapat
angular
Angular 121 views 0

3 Adımda Angular Kurulumu

Angular nedir ? Neden Kullanmalıyım?

Angular; web, mobil ve masaüstü uygulamalar oluşturmak için kullanılan Javascript tabanlı bir framework’dür. Angular uygulamaları Javascript’in üzerine inşa edilmiş bir dil olan Typescript’in Html, Css ile birlikte kullanılmasını içerir. Typescript’te yazılan kod önce Javascript’e derlenir ardından browserda işlenir. Typescript kullanımı, Angular uygulama geliştirmek için zorunlu değildir. Fakat kullanım kolaylığı ve avantajları sayesinde kullanılmasının daha yararlı olacaktır.

Typescript ile tipi belli olan nesneler tanımlayabilecek ve bu nesneleri servis response’ları ile mapleyerek daha okunaklı ve hata oranı daha az kodlar yazabileceğiz. Ayrıca syntax bakımından (class tanımlama, function tanımlama vb.) alışık olduğumuz OOP tabanlı dillere (C#, Java vb.) daha çok benzediği için javascript ile kod geliştirmek artık daha kolay.

1: Adım NodeJs Kurulumu

İlk adım olarak buradan nodejs yüklenir. NodeJS JavaScript komutlarının server tarafında işlenmesini sağlamakla yükümlü olan uygulamadır.

NodeJs

Kurulum tamamlandıktan sonra komut satırından “node –version” yazarak version kontrolü yapılabilir.

nodejs version

2: TypeScript Compiler İndirme/Kurulum

NodeJS, TypeScript Compiler’ını kurmamızı hemde TypeScript Compiler’ın yazmış olduğumuz kodlarımızı JavaScript kodlarına dönüştürme aşamasında görev alacaktır.

Şimdi de TypeScript Compiler aracını terminal ekranından “npm install -g typescript” yazarak kurulum başlatılır.

typescript install

3: Angular CLI  İndirme/Kurulum İşlemi 

https://cli.angular.io/ adresine gideceğiz ve Angular CLI’yı kurmak ve ilk Angular uygulamayı oluşturmak için gerekli adımları izleyeceğiz.

angular cli

Terminal ekranından “npm install -g @angular/cli” komutu girilir ve enter’a basılır.

angular cli install
Angular CLI Kurulumu

İlk Proje “HelloWorld”

Sıra ilk projemizi oluşturmaya geldi. “ng new HelloWorld” yazarak “HelloWorld” adında proje dosyası oluşturuyoruz.

helloworld
HelloWorld

Proje dosyasını oluşturduktan sonra artık çalıştırabiliriz.

Sonuç :

Ve uygulamamız çalıştı 🙂

Makalede aklınıza takılan, net olmayan veya belirtmek istediğin bir şey varsa aşağıdaki yorum kısmına yazabilirsiniz. Faydası olması dileğiyle..

İyi Kodlamalar 🙂

{belenyasin}

Bir Cevap Yazın