Kategori: Angular


Derinlemesine yazılım eğitimleri için kanalımı takip edebilirsiniz...
Angular TypeScript 0

Angular – Gelişmiş Component Yapılanması | ngTemplateOutlet

Merhaba, Bu içeriğimizde Angular mimarisinde bir structural directive olan ngTemplateOutlet direktifinin ne olduğunu ve nasıl kullanıldığını tam teferruatlı ele alıyor olacağız. ngTemplateOutlet Neye Yarar? DOM üzerinde ng-container ile ayrılmış çeşitli bölümlere ng-template‘in barındırdığı içerikleri...

Angular TypeScript 0

Angular – Gelişmiş Component Yapılanması | ng-template

Merhaba, Bu içeriğimizde Angular mimarisinde tasarımsal açıdan şablonlarla dinamik çalışmalar gerçekleştirmemizi sağlayan ng-template özelliğini inceliyor olacağız. ng-template Nedir? ng-template, ng-container gibi sayfa üzerinde HTML elementleriyle uğraşmaksızın bir bölüm/alan oluşturmamıza olanak sağlayan ve Document Object...

Angular TypeScript 2

Angular – Gelişmiş Component Yapılanması | ng-container

Merhaba, Bu içeriğimizde Angular mimarisinde HTML’in dışında işlevsel bir alan oluşturmamızı sağlayan ng-container özelliğini inceliyor olacağız. ng-container Nedir? ng-container, sayfa üzerinde HTML elementleriyle uğraşmaksızın bir bölüm/alan oluşturmamıza olanak sağlayan, Document Object Model(DOM) içerisinde tanımlanmayan...

Angular TypeScript 0

Angular – Gelişmiş Component Yapılanması | ng-content

Merhaba, Bu içeriğimizde Angular mimarisinde, component’lerin html şablonları içerisine harici içeriklerin yüklenmesini sağlayan ng-content özelliğini inceliyor olacağız. Ne Öğreneceğiz? Biliyorsunuz ki, component’ler arası iletişim için @Input ve @Output dekoratörlerinden istifade edebiliyor ve özellikle parent...

2

Angular 14 – Standalone Components/Directives/Pipes

Merhaba, Angular mimarisinde, stratejik temellendirmeleri modüller eşliğinde kuruyor ve uygulamanın genel inşaatını bu modüller çerçevesinde sınırlandırıyoruz. Özellikle component, directive ya da pipe yapılanmalarını hususi modüller ile geliştiriyor ve ihtiyaç noktasında kullanılacak yapıyı, o noktadaki...

1

Angular – NgRx Kütüphanesi İle State Management

Merhaba, UI tabanlı geliştirilen Single Page Application(SPA) uygulamalarında ziyaretçilere masaüstü yazılımlarına yakın bir dinamizm ile eşlik edilirken, bu avantajın bir yandan da dezavantajı olabilecek olan sayfada tutarsız verilerin olması durumlarıyla sık sık karşılaşılabilmektedir. Bu...

Asp.NET Core 5.0 - Angular'da JWT Eşliğinde Microsoft&Google Authenticator İle Two Factor Authentication 0

Asp.NET Core 5.0 – Angular’da JWT Eşliğinde Microsoft&Google Authenticator İle Two Factor Authentication

Merhaba, Hatırlarsanız eğer Two Factor Authentication Nedir? başlıklı makalemizde Two Factor Authentication’ın ne olduğundan bahsetmiştik ve Google & Microsoft Authenticator İle Two Factor Authentication başlıklı makalemizde ise Asp.NET Core MVC mimarisine özel çift aşamalı...

1

IdentityServer4 Yazı Serisi #21 – Angular İle IdentityServer4 Kullanımı ve Refresh Token(Silent Refresh)

Merhaba, IdentityServer4 Yazı Serisinin bu yirmibirinci makalesinde artık IdentityServer4 framework’ü ile bir SPA(Single Page Application) uygulamasının nasıl kullanıldığına sıra geldiğini düşünerek Angular ile örneklendirmeye karar verdim. SPA teknolojilerinden Angular mimarisinde ele alacağımız bu içeriğimizde...

Angular TypeScript 0

Bir Angular Projesinde QrCode Tarama

Merhaba, QrCode Nedir? QRCode.js ve QRCoder Kütüphanelerini Kullanarak QrCode Oluşturma başlıklı makale akabinde klavyeye aldığımız Instascan.js Kütüphanesi İle QrCode Okuma makalemizden sonra sıra bir Angular projesi üzerinde QrCode’un nasıl okunduğunu incelemeye geldi. Esasında Angular...

Angular'da @Input ve @Output Değişkenler İle Componentler Arası İletişim 4

Angular’da @Input ve @Output Değişkenler İle Componentler Arası İletişim

Merhaba, Günümüz UI mimarilerinin birçoğu, birbirlerinden bağımsız olacak şekilde geliştirilen bileşen(component) yapılanmalarının bir araya gelmesi neticesinde bütünün oluşturulması ve böylece uygulamanın yönetilebilir ve ölçeklendirilebilir parçalardan meydana getirilmesi mantığına dayalı bir yaklaşım benimsemektedirler. Haliyle bu...

0

Angular 7 – Reactive Forms

Merhaba, Bu içeriğimizde, bir form üzerinde yapılan tüm aktiviteleri dinamik bir şekilde kontrol etmemizi sağlayan ve Angular 7 ile gelen Reactive Forms yapıları üzerine konuşuyor olacağız. Reactive Forms; form üzerinde tüm input kontrolleriyle birlikte,...

Angular TypeScript 0

Angular – Subscribe Durumlarında Memory Leaks Yönetimi İle Bellek Optimizasyonu

Merhaba, Angular uygulamalarında “subscribe” fonksiyonu neticesinde ihtiyaca dönük veri akışını asenkron olarak takip edebildiğimiz yapılarımız mevcuttur. Bunlar; kâh ActivatedRoute nesnesi ile yapılan route üzerinde parametreden değer okuma amaçlı takip iken kâh herhangi bir adrese...

Angular TypeScript 0

Angular – Model Odaklı Formlarda setValue Fonksiyonu Kullanımı

Merhaba, Angular mimarisinde, form aracılığıyla kullanıcından edinilen bilgileri ‘Şablon Odaklı’ ve ‘Model Odaklı’ olmak üzere iki farklı yöntem kullanarak elde edebiliriz. Bu yöntemlere kısaca değinmek gerekirse eğer; ‘Şablon Odaklı’ formlarda kullanıcıdan alınan bilgilerin, ‘ngModel’...

1

Angular 6 – Multiple Layout Kullanımı

Merhaba, Angular, Single Page Application uygulamalar üretebilmemiz için geliştirilmiş bir mimaridir. Dolayısıyla uygulama tasarımı, Angular mimarisinin yapısı gereği tek bir şablon üzerinden değişiklik göstermeksizin yayını sağlamakta ve geliştiriciler açısından da ilgili şablon dışına çıkılmasına...

0

Angular 6 – Multiple Router Outlet Kullanımı

Merhaba, Single Page Application şeklinde nitelendirdiğimiz web tabanlı uygulamalar geliştirmemizi sağlayan Angular mimarisi, sayfa taleplerine cevap olarak component yapıları ile karşılık verdiğinden dolayı uygulamanın bel kemiği tek bir router outlet’a bağlanmakta ve son kullancıyla...