Yazılım Mimarileri ve Tasarım Desenleri Üzerine
C#, .NET Core, Asp.NET Core, LINQ, Web Service, jQuery, T-SQL, SQL Server, Ajax, OOP, Design Patterns, Design Principles, Entity Framework Core, Angular 17+, Node.js, Express.js, MongoDB, NoSQL, Azure(Storage, Functions), RabbitMQ, Docker, Redis, SignalR, IdentityServer4, OData, OpenIddict, Microservices, AWS
Merhaba, Bu içeriğimizde Angular’da, bir component’in veya directive’in şablon/template üzerinde kullanılırken belirli bir değişkene atanarak dışa aktarmamızı ve böylece genellikle HTML template’i içerisinde daha okunabilir ve yeniden kullanılabilir hale gelmesini sağlayan exportAs özelliğini inceliyor...
Merhaba, Angular mimarisinde çalışanların en büyük muradı, ihtiyaca istinaden yer yer template içerisinde değişken tanımlayıp kullanabilmekti diyebiliriz 🙂 Evet, bu murada Angular 18’de gelmiş olan Template Local Variables özelliği ile erdiğimizi söyleyebiliriz. Bu içeriğimizde...
Merhaba, Malumunuz, Angular mimarisinde signal yapılanmasının gelmesi ve kullanılmaya başlamasıyla özellikle state management’ta olmak üzere farklı davranış fırsatları ortaya çıkmış bulunmaktadır. Bunlardan en meşhuru NgRx ekibi tarafından signal tabanlı state management için geliştirilmiş olan...
Merhaba, Bu içeriğimizde Angular 17.2 versiyonuyla gelen ve bir diğer Signal API’si olan Model Inputs özelliğini inceleyecek ve Angular 17.1 ile gelmiş olan önceki yazılarımızda değerlendirmiş olduğumuz Input Signals özelliğiyle karşılaştırmasını yapıyor olacağız. İlk...
Merhaba, Bu içeriğimizde Angular 17 ile gelmiş olan tarayıcıların View Transitions API özelliğini yapılandırma davranışının nasıl kullanılabileceğini inceliyor olacağız. View Transitions API Nedir? View Transitions API, web uygulamalarında kullanıcıların bilişsel yükünü azaltmak, bağlamda kalmalarına...
Merhaba, Bu içeriğimizde, Angular 16 ile gelmiş olan Signals yapılanmasını kullanarak state management’ın nasıl uygulanabileceğini inceliyor olacağız. Angular mimarisi, yapısal olarak fazlasıyla kurallı bir anatomiye sahip olsa da, esasında temel mantığı anlaşıldığı taktirde oldukça...
Merhaba, Bu içeriğimizde Angular mimarisinde, DOM nesnelerine karşılık referans oluşturmak için kullanılan ViewChild ve ViewChildren dekoratörleriyle birlikte bu nesneleri koleksiyonel olarak elde etmemizi sağlayan QueryList decoratörünün işlevlerini inceliyor olacağız. ViewChild ViewChild dekoratörü, DOM’da ilk...
Merhaba, Bu içeriğimizde Angular mimarisini kullandığımız çeşitli senaryolarda ihtiyaç duyabileceğimiz Dynamic Component Loading işlevinin teknik olarak nasıl gerçekleştirilebileceğini inceliyor olacağız. Yapısal olarak Angular mimarisi, component’leri selector üzerinden sayfaya gömerek statik bir şekilde kullanabilmemizi yahut...
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...
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...
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...
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...
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...
Merhaba, Bu içeriğimizde, Angular ile geliştirdiğimiz uygulamalarda kullanıcıların sosyal profillerini kullanarak giriş yapmak istemeleri durumlarına istinaden Google hesabı üzerinden bir oturum açma çalışması sergiliyor olacağız. Tabi bu çalışmada, Angular kısmında @abacritt/angularx-social-login kütüphanesinden istifade edecek...
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...
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ı...
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...
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...
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...
Merhaba, Bir önceki Azure’da Entity Framework Core İle Migration İşlemleri başlıklı makalemizde Azure üzerinde Entity Framework Core ile migrate işlemlerinin nasıl yapıldığını örnek bir API üzerinden incelemiş bulunmaktayız. Bu içeriğimizde ise çağdaş UI teknolojilerinden...
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,...
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...
Merhaba, Önceki yazılarımdan olan Asp.NET MVC – Web Api Token Authentication başlıklı içeriğimde standart Asp.NET MVC’de Web API kullanırken nasıl Token Authentication uygulandığını incelemiştik. Bu içeriğimizde ise aynı güvenlik mekanizmasını Asp.NET Core çekirdeği üzerinde...
Merhaba, Angular mimarisi; klasik web platform literatürüne nazaran farklı terminoloji ve yapılar barındıran ve yaklaşım olarak bu terminoloji ve yapıları esas kabul eden, Front End tabanlı programlama mimarilerinden birisidir. Yaklaşım açısından yenilikler arasında en...
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’...
Merhaba, Bu içeriğimizde Angular uygulamalarında akıllı tablo yapısı olan Smart Table componentini a’dan z’ye tüm özellikleriyle ele alacak ve nasıl kullanıldığını inceleyeceğiz. İlgilenenler bilir ki, Angular mimarisinde kullanılmak üzere inşa edilmiş birden fazla tablo...
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...
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...
