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 9/10, Node.js, Express.js, MongoDB, NoSQL, Azure(Storage, Functions), RabbitMQ, Docker, Redis, SignalR, IdentityServer4, OData
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...
