angular

Angular +17’de @switch @Case Direktifinin Kullanımı

/ / Angular / , , ,

Angular, her yeni sürümde geliştiricilere daha esnek ve kullanışlı özellikler sunar. Bu yeniliklerden biri de Angular 17 ile tanıtılan @switch yapısıdır. Önceki sürümlerde kullanılan *ngSwitch yapısına alternatif olarak geliştirilen @switch, şablonlarda belirli bir ifadenin değerine bağlı olarak farklı içeriklerin görüntülenmesini sağlar. JavaScript’teki switch ifadesine benzer şekilde çalışır ve şablonları daha okunabilir, daha yönetilebilir hale getirir. […]

Angular +17’de @switch @Case Direktifinin Kullanımı Devamı »

Angular +17’da @if, @else ve @else if Direktifinin Kullanımı

/ / Angular / , ,

Angular +17 ile birlikte, şablonlarda koşullu ifadeler oluşturmak artık daha sezgisel ve JavaScript’e daha yakın bir hale geldi. Önceki sürümlerde kullanılan *ngIf yapısının yerine, artık doğrudan @if, @else ve @else if ifadelerini kullanabiliyoruz. Bu değişiklik, kodlarımızı daha okunabilir ve yönetilebilir kılıyor. @if Kullanımı Önceki sürümlerde, bir koşula bağlı olarak içerik göstermek için *ngIf direktifi kullanıyorduk:

Angular +17’da @if, @else ve @else if Direktifinin Kullanımı Devamı »

NgFor Ve @for Direktifi Nedir ? Nasıl Kullanılır ?

/ / Angular /

ngFor, Angular’da dizi (array) veya koleksiyonları (object, map vb.) ekranda listelemek için kullanılan bir yapıdır. Örneğin, elimizde bir ürün listesi varsa ve bunu sayfada sıralamak istiyorsak, ngFor kullanarak her elemanı tek tek gösterebiliriz. 👉 Kısaca ngFor, döngü (loop) gibi çalışır ve elimizdeki verileri ekrana basmamızı sağlar. @for ise ngfor’un yeni formudur. ve daha kullanışlıdır. Projelerimde

NgFor Ve @for Direktifi Nedir ? Nasıl Kullanılır ? Devamı »

Angular 17+ Dinamik Route Parametreleri

/ / Angular / , ,

Angular 17+ Temel Routing İşlemleri yazısını okumanızı tavsiye ederim. Dinamik Parametre Nedir? Dinamik parametre, URL yapısında belirli bir kısmın sabit bir değer yerine, her bir istekte değişebilen bir değişken olarak tanımlanmasıdır. Angular gibi web uygulamalarında, dinamik parametreler sayesinde URL’lere esneklik kazandırılır ve farklı verilerle aynı rotaya erişim sağlanır. Ne İçin Ve Nerelerde Kullanılır? Dinamik parametreler,

Angular 17+ Dinamik Route Parametreleri Devamı »

Angular 17+ Temel Routing İşlemleri

/ / Angular / , , , , ,

Angular’a Giriş: Standalone Proje Oluşturma Angular Standalone Component Nedir ve Component Nasıl Oluşturulur? Angular Projesi Nasıl Çalıştırılır? Konuya geçmeden önce yukardaki yazılara göz atmanızda fayda var. Routing işlemi, bir kullanıcının tarayıcıdaki URL’yi değiştirdiğinde yeni bir sayfa yüklemek yerine, uygulama içinde ilgili bileşenin dinamik olarak ekrana getirilmesiyle çalışır. Böylece sayfalar arası geçiş hızlı ve kesintisiz bir şekilde

Angular 17+ Temel Routing İşlemleri Devamı »

Angular Standalone Component Nedir ve Component Nasıl Oluşturulur?

/ / Angular / , , , ,

Standalone, Angular’ın yeni bir özelliğidir ve component’lerin (bileşenlerin), directive’lerin veya pipe’ların bağımsız bir şekilde çalışmasını sağlar. Geleneksel Angular projelerinde, bir component oluşturduğunuzda genellikle bir module (modül) içerisine dahil etmek zorundasınız. Ancak standalone component’ler, modüllere ihtiyaç duymadan çalışabilir. Bu özellik, uygulama geliştirme sürecini hızlandırır ve kodun daha sade, daha okunabilir olmasını sağlar. Neden Standalone Component Kullanmalıyız?

Angular Standalone Component Nedir ve Component Nasıl Oluşturulur? Devamı »

Angular 18/19 Klasör Ve Dosya Yapısı

/ / Angular / , , ,

Angular 14 ile birlikte gelen standalone bileşenler sayesinde projeler daha hafif ve modüler hale geldi. Standalone projeler, geleneksel modül bazlı yapıdan farklı olarak her bileşenin, direkt olarak bağımsız bir yapı taşı (standalone component) olarak kullanılmasını sağlar. Bu, özellikle küçük projeler veya belirli parçaların bağımsız şekilde kullanılacağı durumlarda büyük avantaj sağlar. İşte standalone bir Angular projesinin

Angular 18/19 Klasör Ve Dosya Yapısı Devamı »

Angular Projesi Nasıl Çalıştırılır?

/ / Angular / , , ,

Angular’a Giriş: Standalone Proje Oluşturma işlemi tamamlandıktan sonra, projeyi geliştirme sunucusunda çalıştırma aşamasına geçiyoruz. Bu komutu çalıştırdıktan sonra, Angular projeniz geliştirme sunucusu üzerinde çalışmaya başlayacaktır. Komut başarıyla tamamlandığında, terminalde genellikle şu tarz bir mesaj görürsünüz: Kullandığımız tarayıcıya http://localhost:4200/ yazarak projeyi görüntülüyebiliriz. Resimdeki gibi Angular’ın varsayılan açılış sayfasını göreceksiniz. Bu, projenizin başarıyla çalıştığını gösterir! Tebrikler!!! Ekstra İpuçları

Angular Projesi Nasıl Çalıştırılır? Devamı »

Angular’a Giriş: Standalone Proje Oluşturma

/ / Angular / , ,

Başlangıçta Angular’ı kullanmak göz korkutucu gibi görünse de, temel adımları takip ederek hızlıca bir projeye başlayabiliriz. Öncelikle, Angular projeleri oluşturmak ve yönetmek için Angular CLI (Command Line Interface) aracını kullanacağız. CLI, birçok işlemi hızlı ve basit komutlarla yapmamızı sağlar. Angular CLI aracılığıyla yeni bir proje oluşturmak için aşağıdaki adımları takip edin: Burada proje-adi, projenizin ismi

Angular’a Giriş: Standalone Proje Oluşturma Devamı »

Adım Adım Node.JS Ve Angular 18 Kurulumu

/ / Angular, JavaScript / , , , ,

Angular 18’in kurulumuna başlamadan önce, Angular ile ilgili temel bilgi ve ön hazırlık yazılarını okumak gerçekten faydalı olacaktır. SPA (Single Page Application) Nedir? SPA SEO uyumlu mu? SPA’nın Avantajları ve Dezavantajları JavaScript: Geçmişi, Günümüzdeki Yeri ve Geleceği Typescript nedir? JavaScript ile TypeScript arasında fark nedir? Angular’a Başlamadan Önce Bilmeniz Gereken 12 Temel Kavram Angular Geliştiricileri

Adım Adım Node.JS Ve Angular 18 Kurulumu Devamı »

Scroll to Top