Angular Eğitimi

Angular’da Özel Tanımlı Direktif Kullanımı (Angular Custom Directives)

*ngFor, *ngIf, [ngSwitch], [ngClass], [ngStyle] gibi pek çok direktifi bünyesinde barındıran Angular (built-in directives), bizlerin de kendi direktiflerimizi hazırlamamıza olanak sunuyor. “Custom Directives” başlığı altında değerlendirdiği bu direktifi tanımlamak için öncelikle özel direktifinizi oluşturmanız gerekiyor. Bunun için yine Angular CLI’dan ilgili generate komutunu verebilirsiniz. Direktif Oluşturma

Yine tüm generate parametrelerinde olan kısaltma kullanımını yapabilir uzunca “directive” 

Devamını okumak için tıklayınız….

Angular’da Hata Yakalama (Error Handling)

HTTP işlemlerinde yani API ile konuşurken sonuçlar daima başarılı olmayabilir. HTTP CRUD(Create, Read, Update, Delete) işlemleri yaparken doğal olarak sonucu beklenen(expected) veya beklenmeyen(unexpected) durumlar meydana gelebilir. Beklenen hatalara örnek verilirse; 404 (Not Found), 400 (Bad Request), 401 (Unauthorized) gibi 4** şeklindeki hatalardır. Beklenmeyen hatalar ise genellikle sunucu odaklı 5** tipindeki hatalardır. Tüm HTTP hata kodlarını buradan inceleyebilirsiniz.

Angular Klasör Yapısı ve Test İşlemi

files in root directory — .angular-cli.json — configuration for managing the build process and overall ng commands behaviour. we will keep returning to this file in the course of our application journey. karma.conf.js — karma test runner configuration, used when running unit tests package.json — npm configuration that you must be familiar with. if not, take a 

Devamını okumak için tıklayınız….

Angular Bileşenleri (Components)

Angular’de bileşenler (Components), ek meta verisi kullanabilmenize olanak sağlar. Angular’de bileşenler (Components), her şey olabilir. Bileşen bir button olabilir, bir liste olabilir, bir gönürüm düzeni olabilir. Kısacası, anlam yükleyeceğiniz her şey bir bileşen olarak düzenlenebilir. Bileşen belli bacaklaran meydana gelir.  Birinci bacağı, Typescript dosyası. TS uzantılı olur.  Bu dosya içerisinde seçici (selector) için özel bir etkilet 

Devamını okumak için tıklayınız….

Angular Nedir? Ne işe Yarar?

Angular, Google tarafından desteklenen, dünya genelinde yazılımcılar tarafından katkı sağlanan açık kaynak kodlu, javascript tabanlı MVC deseni üzerine kurgulanmış bir kütüphanedir. Kısa ifadesi ile; dinamik web uygulamaları için yapısal bir framework’dür. HTML’i şablon dili olarak kullanmamızı sağlar ve uygulamanın bileşenlerini açık bir şekilde ifade etmek için HTML etiketlerini genişletmemize olanak sağlar. JQuery gibi kütüphanelere ihtiyaç duymaz. 

Devamını okumak için tıklayınız….

Angular Komut Satırı Kodları (Angular CLI)

NPM INSTALL Komutu

NodeJS üzerinden TypeScript’i kurar. “g” parametresi projeye özel değil global kurulumu yapar.

NodeJS üzerinden AngularJS’yi kurar. (“install” parametresi ile “i” parametresi aynı işlemi yapar.) “g” parametresi projeye özel değil global kurulumu yapar.

Güncel sürümü tekrar kurmak için mevcut Angular Sürümü kaldırıp cache’i temizledikten sonra tekrar kurabilirsiniz. NG NEW Komutu

 

Devamını okumak için tıklayınız….