Angular Nedir?

Angular tek Sayfa Uygulama(single page application) geliştirmenize olanak sağlayan bir javascript çerçevesidir. Peki tek sayfa uygulama ne demektir?Tek sayfa uygulama tarayıcınıza tek bir html ve ilgili javascript kodlarının yüklenmesiyle başlar. Sonrasında adres satırı değişiyor olsa da sayfa değişmez sadece kullanıcının isteklerine göre sayfanın bölümleri değişir. Sunucuyla sayfa arasında sadece veriler gider gelir. Javascriptin veriyi sunucudan alıp sayfanın bir bölümünü değiştirmesi sayfanın tamamının sunucu tarafndan yüklenmesine oranla çok daha hızlı olacağından kullanıcıya cevaplar çok daha hızlı dönülebilir.

Peki angular 1,2 derken bir de 4 var, bunlar nedir?

Angular 1 ilk çıkan angular versiyonu. Bu versiyonun tek sayfa uygulama oluşturmadaki başarısı hızlı bir şekilde populer olmasını sağladı. Angular 2 ise Angular1 ‘nın sil baştan yazılmış yeni versiyonu ve Angular 1 le çok fazla ilgisi yok. Yani angular 1 bilmiyorsanız bu saatten sonra öğrenmeye de çalışmayın. Angular 4 ise Angular 2 den sonraki angular versiyonu, 1 den 2 ye geçiş gibi silbaştan yazma söz konusu değil aksine geriye uyumlu. Peki Angular 3 niye yok; Angular 2 nin bileşenlerinden router’ın versiyonu 3 olduğundan, bir karmaşa yaratmamak adına google angular 3 yerine 4’ü tercih etmiş. Bir de angular 2 den itibaren sadece angular denmesini, versiyon numarasının eklenmemesini istemişler.

Angular için hazırlayacağım Adım Adım Angular dersinde ve bu günceden erişebileceğiniz aynı adlı yönergelerde projelerin yaratılmasında, yönetilmesinde ve yapılandırılmasında angular.cli kullanacağız.

Bunun için

  • node.js 'in son sürümünü kurmakla başlayalım.
  • Sonra typescript'i kuralım: npm install -g typescript
  • Şimdi angular.cli'ın sitesindeki şu adımları takip edelim:

Mobile Toolkit

Angular cli’yı başarıyla kurduktan sonra bir proje yaratıyoruz. Bunun için komut satırında önce projeyi yaratmak istediğimiz dizine geçiyoruz ve

  • ng new merhaba-dunya

yazıyoruz. Burada new yeni proje yaratmak istediğimizi, merhaba-dunya ise proje adımızı belirtiyor. Bunun yerine istediğiniz adı verebilirsiniz.

Komut bir süre çalışmaya devam eder; aslında temel olarak başta angular'un kendisi olmak üzere projemiz için gerekli bağımlılıkları kurar.

Bu adım da başarıyla tamamlandıkta sonra

  • cd merhaba-dunya

yazarak proje dizinimize geçiyoruz.

  • ng serve

yazarak angular-cli içinde gelen HTTP sunucusunu çalıştırıyoruz. Bu sunucu 4200 portunu dinliyor ve bu porttan projemize erişebiliyoruz. İsterseniz farklı bir port kullanma olanağı da mevcut. Şimdi tarayıcımıza gidip bu adrese girebiliriz.

projemizin çalıştığını gösteren angular cli tarafından üretilen App works  ifadesini görüyoruz.

Tebrikler, ilk angular projenizi oluşturmuş oldunuz.

Serimize oluşturduğumuz angular proje yapısının incelenmesi ve uygulamanın nasıl çalıştığınını anlatılmasıyla devam edeceğiz. İzlemeye devam edin!.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir