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 mimarisinde, component metotlarını template içerisinde bir pipe misali kullanabilmemizi sağlayacak olan özel bir yöntemi ele alıyor olacağız. Bu yöntem, içeriğimizde de göreceğimiz üzere yine bir pipe üzerinden JavaScript ile yapılan...
Merhaba, Bu içeriğimizde Angular 19 ile gelen, asenkron veri getirme ve durum yönetimi işlemlerini daha basit ve efektif hale getiren resource API özelliğini inceleyeceğiz. resource API Nedir? Resource API’ı anlamak için en doğrusu Angular...
Merhaba, Bu içeriğimizde Ionic ekibi tarafından geliştirilmiş olan ve Angular, React, Vue.js vs. gibi web uygulamalarının mobil platformlarda çalıştırılabilmesini sağlayan bir köprü(bridge) ve runtime çözümü olan Capacitor teknolojisini inceliyor olacağız. Capacitor Nedir? Capacitor; Angular...
Merhaba, Bu içeriğimizde, Angular mimarisinde bundan yıllar önce de klavyeye alarak kritize ettiğimiz(bknz: Angular – Subscribe Durumlarında Memory Leaks Yönetimi İle Bellek Optimizasyonu) bir bellek optimizasyonu durumuna karşın güncel çözümlerle bakış atıyor olacağız. Kastettiğimiz...
Merhaba, Bu içeriğimizde, Angular mimarisinde parent component’lere değer emit’lememizi sağlayan geleneksel Output decorator’ının yerine geçecek olan output() API yapısını inceleyeceğiz. output() API yapısı davranışsal olarak output() ve outputFromObservable() fonksiyonlarıyla hayatımıza girmiştir. output() fonksiyonu, bizlere...
Merhaba, Bu içeriğimizde Angular mimarisinin 18. sürümünde gelen ve bizim için kritik arzeden yenilikleri seri bir şekilde inceliyor olacağız. Normalde bilenler bilir, toplu incelemeler hiç huyum değildir bilakis her gelen yeniliği tek tek ayrı...
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, 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 mimarisinin 17.1 sürümünde gelmiş olan ve Input decorator’ının davranışını signal olarak da uygulamamızı sağlayacak olan Input Signals özelliğini kısaca inceliyor olacağız. Input Signals, geleneksel decorator yaklaşımına nazaran yeni bir signal...
Merhaba, Bu içeriğimizde Angular 17 ile gelen ve built-in olarak mimaride varlık gösteren *ngIf, *ngFor ve *ngSwitch gibi direktifler yerine daha programatik bir üslupla if/else, for ve switch yapılarını kullanmamızı sağlayan Control Flow Syntax...
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, Angular mimarisi, 14. sürümde çok ilginç özelliklerin yanında ekstradan inject fonksiyonu eşliğinde dependency injection’a yeni bir yaklaşım getirmiş bulunmaktadır. Bu içeriğimizde hem bu fonksiyonu değerlendirecek hem de kullanım alanları üzerine irdelemede bulunuyor olacağız....
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, 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, 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, Angular, mimarisel olarak kullanıcıdan alınan istek neticesinde üretilen componenti tarayıcıya göndermekte ve yapısal olarak client tabanlı bir değişiklikle sayfanın tekrar renderına ihtiyaç duymaksızın ekrana basmaktadır. Böylece tarayıcı üzerinde elde edilen çıktının SEO(Search Engine...
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, 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...
Merhaba, Bu içeriğimizde Angular ile Web API tetiklemeyi inceliyor olacağız. İlk olarak Asp.NET MVC – Web Api Nedir? Nasıl Oluşturulur? başlıklı makalemde ele aldığımız gibi bir Web API oluşturacak ve ardından bu Web API’ye...
Merhaba, Önceki yazılarımdan Angular 4 Routing Mekanizması başlıklı makalemde Angular ile routing işlemlerinin nasıl gerçekleştirildiğini ele almıştık. Bu içeriğimizde ise Angular’da Routing Navigation ile bir componentten bir başka componente yönlendirilme işlemini inceleyeceğiz. Diyelim ki;...
Merhaba, Bu içeriğimizde Angular 4 kütüphanesinde Event Binding olgusunu inceliyor olacağız. Tabi web programlama yahut “front end” ile az çok ilgilenen her er kişinin yabancılık çekmeyeceği bir konuda olduğundan fazla detaya bulaşmadan ilgili kütüphanede...
Merhaba, Angular CLI, Angular uygulamaları için oluşturulmuş EmberCLI temelli bir yapıdır. CLI’ın açılımı, Command Line Interface ya da Command Line User-Interface şeklindedir. Angular uygulamalarında kullanılacak projeler, klasörler, dosyalar ve test hatta deployment vs. gibi...
