angularjs tutorial absolute beginners
AngularJS'ye Giriş: AngularJS Nedir, Yararları, Özellikleri ve Nasıl İndirilir ve Kurulum Kılavuzu
AngularJS, günümüzde popüler hale gelen bir programlama dilidir.
Yıl 2018 ve teknolojik gelişmeler bu yıl zirvede. Python, AngularJS, Ruby on Rails, React ve Redux JS, vb. Gibi programlama dilleri en çok aranmıştır.
JAVA veya C ++ gibi eski dillerin yanı sıra bu programlama dillerinden herhangi birine sahip olursanız, kolayca iş bulabilirsiniz. Öğrenme katsayınızı yüksek tutmak için yeni programlama trendlerinden haberdar olmak çok önemlidir.
bizim AngularJS Serisi Öğreticiler size AngularJS hakkında tam bilgi verecektir.
************************************************** *****************************
Bu 6 Öğretici ile AngularJS'yi Hızla Öğrenin:
Öğretici # 1 - AngularJS'ye Giriş (Bu Eğitim)
Öğretici # 2 - Örnek ile AngularJS Direktifi
Öğretici # 3 - AngularJS Kullanarak Tek Sayfalı Uygulama Oluşturun
Öğretici # 4 - Açısal Sürümler Arasındaki Fark
Öğretici # 5 - AngularJS Uygulamalarının Uçtan Uca Testi için İletki Aracı
Öğretici # 6 - En Popüler AngularJS Mülakat Soruları
************************************************** ******************************
Kuruluşlar, insanları üretkenliklerine göre istihdam etmeye çalışır. Bir kişi kod geliştirme ve çıktıyı daha kısa sürede teslim etme yeteneğine sahipse, o zaman açıkça diğerleri üzerinde bir avantaj elde eder.
Mevcut piyasalardaki talep ve gerçek dünya uygulamalarını öğrenmek ve geliştirmek için tam bir başlangıç için harcanan zaman göz önüne alındığında, şu anda öğrenmek için en iyi programlama dili AngularJS'dir.
Diziyle başlamak için kısaca AngularJS'ye Giriş.
Ne öğreneceksin:
- AngularJS nedir?
- AngularJS Resme Ne Zaman Girdi?
- Neden AngularJS?
- AngularJS'yi Öğrenmek için Ön Koşullar
- AngularJS'nin Özellikleri
- AngularJS'de İfadeler
- AngularJS Filtreleri
- Ortam AngularJS ile Çalışacak Şekilde Nasıl Kurulur?
- İlk Başvurunuz
- AngularJS'nin Sınırlamaları
- Sonuç
- Önerilen Kaynaklar
AngularJS nedir?
AngularJS, istemci tarafında çalışan ve web uygulamaları geliştirmek için kullanılan bir JavaScript çerçevesidir.
Bu, yazdığınız kodun sunucu tarafından değil tarayıcı tarafından yürütüleceği anlamına gelir. Popüler ve güçlü bir JavaScript çerçevesidir ve tek sayfalı uygulama projelerinde ve iş alanı uygulamalarında yaygın olarak kullanılmaktadır.
Bu nedenle, çeşitli AngularJs uygulama geliştirme şirketleri şu anda talep görmektedir.
AngularJS Resme Ne Zaman Girdi?
Web geliştirme, dağıtılmış uygulamalar oluşturmanın en çok tercih edilen ve uygun maliyetli yollarından biridir.
Bir makinede bir kez yapılan dağıtım, dünya çapındaki web üzerindeki tüm kullanıcılar için erişilebilir hale getirilebilir. Ortaya çıkan performans sorunlarından biri, istemci ile sunucu arasındaki iletişim gecikmesine neden olan sayfa gönderme sorunuydu.
AngularJS, bu tür sorunlarla mücadeleye yardımcı olmak için 2009 yılında Misko ve Adam Abrons tarafından geliştirilmiştir ve o zamandan beri Google tarafından sürdürülmektedir. Açık kaynak kodlu bir projedir, yani özgürce kullanabilir ve paylaşabilirsiniz.
Kavramından bu yana birkaç web uygulaması geliştiriliyor ve uygulamaların çoğu, İnternet sitesi .
Neden AngularJS?
Halihazırda React JS, Node JS, Backbone JS, vb. Gibi birkaç JavaScript çerçevesine sahibiz. Ama yine de neden AngularJS'yi mevcut olanlara tercih ediyoruz?
AngularJS kullanarak web sayfaları geliştirdiğinizde, bir kullanıcının web sayfasında gerçekleştirdiği işlemler nedeniyle sayfalar sık sık yenilenmeyecektir. Bu da, kullanıcılara web sayfası üzerinden daha hızlı çıktı vermek için gereklidir.
Peki AngularJS bunu nasıl başarıyor?
Aşağıda belirtilen AngularJS'in faydaları yukarıdaki soruları cevaplayacaktır.
Aşağıda listelendiği gibi çeşitli faydalar vardır:
# 1) Bağımlılık Enjeksiyonu
Yazılım mühendisliğinde bağımlılık enjeksiyonu, nesnelerin uygulama ve istemci arasında geçişini ifade eder.
Enjeksiyon, bir bağımlılığı (örneğin bir uygulama hizmeti) onu kullanan bağımlı bir nesneye (örneğin bir istemci) geçirme olgusudur. AngularJS, bu amaca basitlikle ulaşmak için birkaç temel bileşen sağlar.
# 2) Model Görünümü Denetleyicisi
AngularJS, Zengin İnternet Uygulamaları (RIA) oluşturmak için kullanılır ve Angular JS'deki MVC (model görünüm denetleyicisi) mimarisi sayesinde iki yönlü veri bağlama gerçekleştirilebilir.
Bu mimarinin temel bir tasviri aşağıda gösterildiği gibidir:
AngularJS için MVC Modeli
Geliştiriciler olarak, kodumuzu modele, görünüme ve denetleyiciye bölmek zorundayız ve bileşenleri yönetmek ve bunları birbirine bağlamak gibi diğer işlemler otomatik olarak AngularJS tarafından yapılacaktır.
# 3) İki Yönlü Veri Bağlama
Yazılım değişiklikleri duyarlı olmalı ve sistem içindeki değişiklikler, kullanıcı arayüzündeki değişikliklere ve tam tersine, hassas ve hızlı bir şekilde karşılanmalıdır.
AngularJS, model ve görünüm arasında senkronize ederek bu tür bir bağlamayı sunar.
# 4) Test Etme
AngularJS'nin en başından itibaren testleri akılda tutarak tasarlandığını bilmek ilginçtir.
AngularJS bileşenlerinden herhangi biri, hem ünite testi hem de uçtan uca test kullanılarak rahatça test edilebilir. Uygulama, test amacıyla tarayıcılar arasında taşınabilir.
# 5) DOM öğelerinin davranışını kontrol etme
AngularJS'nin nitelikleri direktiflere bağlanabilir, böylece uygulamanın otomatik olarak başlatılması mümkün olur.
Bu, AngularJS'de modülerlik olduğu ve direktifler ve filtreler gibi özelliklerinin yardımıyla, kodda bir özelleştirme ve esneklik duygusu elde edilebileceği anlamına gelir.
Şimdi, yeni bir şey öğrenirken yaşanan endişelerin bir sonucu olarak ortaya çıkabilecek tüm neden sorularının yanıtlarını gördük ve bence gitmekte fayda var.
Teknolojik bir eğilimi öğrenmek ve kariyerlerimizden en iyi şekilde yararlanmak için kendimizi sık sık güncellemeye devam etmek ve ayrıca o meraklı zihnimizi her zaman bilgiye susamıştır.
AngularJS'yi Öğrenmek için Ön Koşullar
Öğrenme hızınızı hızlandırmak için birkaç şeyi önceden bilmek önemli ve avantajlıdır.
HTML ve CSS, kendi web sayfalarınızı oluşturmak için kullanılabilir, böylece üzerlerinde test yapılabilir. AngularJS'de kodlama yapmak için JavaScript hakkında temel bir anlayışa sahip olmak önemlidir.
Bu nedenle, AngularJS ile başlamadan önce JavaScript uygulama kavramlarının yanı sıra HTML ve CSS hakkında temel bir anlayış edinmeniz önerilir.
AngularJS'nin Özellikleri
AngularJS dilinde, benzersiz ve ayrıcalıklı birçok teklif vardır. AngularJS'de kodu yazmak ve yürütmek için bir ortam kurmadan önce bunları tanımanız daha iyidir.
MVC Mimarisi
Kodun nasıl çalıştığını anlamak için AngularJS'nin Model-View-Controller tasarımı anlaşılmalıdır.
MVC, bu programlama dilinin çekirdeğini oluşturur ve bu nedenle de çok önemlidir. Bir olay meydana geldiğinde, kod tabanının Denetleyici kısmı, uygulama için çeşitli isteklerden oluşan olayın girdisini alır.
Genellikle temel mantık olan kod tabanının model kısmı, denetleyici ile koordine olur ve görünüm tarafından sunulabilir bir çıktı oluşturmak için kullanılması gereken gerekli verileri hazırlar. Bu nedenle, uygulama mantığını UI katmanından izole ettiği için programlama dili mimarisinde bir kaygı ayrımı vardır.
AngularJS'in Tek Sayfa Uygulamaları (SPA) geliştirmede yaygın olarak kullanılmasının nedeni budur.
Direktifler
AngularJS, web sayfalarını oluşturmak için HTML koduyla entegre edilmiştir ve 'Yönergeler', AngularJS'nin özel nitelikleridir ve bunları entegre etmek için kullanılır.
AngularJS'de İfadeler
AngularJS ifadeleri, geleneksel JavaScript'in aksine değişmez bilgiler, operatörler veya değişkenler içerebilir.
HTML etiketinin içinde yazılabilirler, ancak ng-app yönergesini eklemek için özen gösterilmelidir, aksi takdirde ifade çözülmeden olduğu gibi görüntülenecektir.
AngularJS ifadeleri çift kaşlı ayraç içine veya bir yönerge içerisine yazılabilir.
Sözdizimi:
Küme parantezlerinin içinde:
My first expression in Angular JS: {{3+3}}
İç yönerge:
AngularJS Numaraları
Bu veri türü, JavaScript veri türü gibidir ve sonuçları görüntülemek için operatörler kullanılabilir.
Misal:
The value of 5 times 10 is : {{5*10}}
AngularJS Dizeleri
Dizeler ng-init direktifi veya ng-controller direktifi kullanılarak başlatılabilir. İfade içinde + operatörü kullanıldığında dizelerin birleştirilmesi de mümkündür.
Dizeler ayrıca çift kaşlı ayraçlar içinde ifade olarak kullanılabilir veya AngularJS sayıları gibi ng-bind yönergesi kullanılabilir.
Sözdizimi:
Küme parantezlerinin içinde:
My first string expression in Angular JS: {{ first string variable name + second string variable name }}
