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, 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 Angular 7 ile birlikte SocketIoModule modülünü kullanarak bir websockete nasıl bağlanılacağını ve bu bağlantı üzerinden nasıl isteklerde bulunulacağını inceleyeceğiz. Makale boyunca backend olarak websocket sunucusunu Node.js temelli inşa ettiğimiz aşağıdaki çalışma...
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, 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, Bir önceki Angular İle Web API Tetikleme başlıklı makalemde Angular uygulamalarında Web Apilerin nasıl tetiklendiğini incelemiştik lakin eğer kullanılacak web apinin token authentication ile güvenliği sağlanmışsa nasıl bir çalışma yapılması gerektiğini göz ardı...
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, Bir önceki Angular 4 – Route Guards CanActivate başlıklı makalemde Angular uygulamalarında Route Guards yapısından söz ederek CanActivate yaklaşımını değerlendirmiştik. CanActivate yaklaşımı, kullanıcıyı yönlendirirken detaylı kontrol mekanizması sağlamaktadır. Hatta ilgili makalemde bu konuyla...
Merhaba, Bu içeriğimizde Angular 4 uygulamalarında kullanıcı yönlendirmelerinde detaylı kontrol ve optimizasyon sağlamamıza imkan tanıyan Route Guards yapısını inceleyeceğiz. Route Guards Nedir? Route Guards, yukarıda da bahsettiğimiz gibi kullanıcı yönlendirmelerinde detaylı kontrol mekanizması sağlamaktadırlar....
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, Herşey değişir, web uygulamalarında performans odağı değişmez. Evet, günümüzde bundan aylar hatta günler önceki nice işlevsellik gösteren yöntemler daha iyi ve daha dinamik yöntemler tarafından rafa kaldırılmışken bu tuhaf seleksiyonun performans odaklı bir...
Merhaba, Class yapılarının en temel bileşenlerinden biri olan constructer metodu ilgili sınıftan nesne üretimi esnasında sınıf elemanlarını koordine edebilmenin başlıca yöntemlerinden birisidir. Haliyle her OOP’yi destekleyen dilde olduğu gibi TypeScript dilinde de bu yapı...
Merhaba, Bir önceki Angular 4 Forms Uygulamaları başlıklı makalemde Angular’da şablon odaklı ve model odaklı olmak üzere iki farklı form yapısını incelemiş bulunmaktayız. Bu içeriğimizde ise form doğrulama işlemleri olan Forms Validations yöntemlerini inceleyeceğiz....
Merhaba, Bu içeriğimizde Angular 4 uygulamalarında formlarla çalışmanın iki farklı yolu olan “Şablon Odaklı Form” ve “Model Odaklı Form” yapılarını inceleyeceğiz. Genel Gereksinimler Form yapılarında çalışabilmek için belirli modülleri uygulamamızın “app.module.ts” isimli ana modül...
Merhaba, Bu içeriğimizde Angular uygulamalarında Slice Pipe ile sayfalama işlemini irdeleyeceğiz. Tabi öncelikli olarak Slice Pipe’ın yapısal özelliğini detaylıca inceleyecek ve ardından bu filtreyi sayfalama tekniği üzerinde kullanacağız. Slice Pipe; dizi, koleksiyon vs. gibi...
Merhaba, Günümüzde web uygulamalarının olmazsa olmaz özelliklerinden birisi adres yapılanmasını sağlayan Routing mekanizmasıdır. Dolayısıyla Angular 4 mimarisinin de, uygulama içi adreslerini SEO dostu diye nitelendirilen daha anlaşılır ve okunabilir bir şekilde tasarlamamızı sağlayan Routing...
Merhaba, Bir önceki Angular 4 Uygulamalarında Built-in Pipes İle Çalışmak başlıklı makalemizde Angular 4 uygulamalarında dahili pipeslara değinmiştik. Bu içeriğimizde ise kendi ihtiyacımıza istinaden özel oluşturacağımız Custom Pipes yapılarını ele alacağız. Angular projesinde Custom...
Merhaba, Bu içeriğimizde, Angular uygulamalarında elimizdeki veriler üzerinde belirli filtreleme işlemleri uygulamamıza yarayan Built-in Pipes yapılarını inceleyeceğiz. Mimariye dahili bir yapısallıkla karşımıza çıkan bu filtrelerin dışında ayriyetten bir başka makalemizde Custom Pipes yapıları üzerinede...
Merhaba, Angular 4 yazı dizimizde şuana kadar incelemiş olduğumuz tüm yapıları bütünsel olarak değerlendirmemizi sağlayacak örnek bir uygulama yapma zamanının geldiğini düşünüyorum. Başlıktan da anlaşılacağı üzere bu örnek uygulamamız sepete ekleme işlemi üzerine kurgulanacaktır....
Merhaba, Biliyorsunuz ki, Angular uygulamaları birbirinden bağımsız componentler aracılığıyla programatize edilmekte ve bu bağımsız componentler modül yapısında birbirleriyle ilişkilendirilerek bütünsel hareket edilmesi sağlanmaktadır. Tabi süreçte bu uygulamalara ek olarak servis yapıları vs. dahil olmakta...
Merhaba, Her web site uygulamasında olduğu gibi Angular uygulamalarında da belirli işlemler neticesinde son kullanıcıya iletilmesi gereken bildiriler mevcuttur ve bu bildirileri kullanıcının etkileşimine eşlik edecek görsellikte sunacağımız yapılara ihtiyacımız vardır. Bu yapılarda standart...
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, Bu içeriğimizde; Angular uygulamalarında, yapısal olarak bildiğiniz klasik “if – else if – else” mantığında DOM nesnelerine belirli şartlara göre kontrol sağlamaya ve müdahalede bulunmaya yarayan ngIf direktifi üzerine konuşuyor olacağız. ngIf ile...
Merhaba, Bu içeriğimizde Angular 4 uygulamalarında Third Party diye nitelendirilen farklı kütüphanelerin entegrasyonu üzerine konuşuyor olacağız. Angular uygulamasına Third Party entegrasyonu sağlayabilmek için projemizin ana dizininde bulunan “package.json” dosyasını kullanmamız gerekecektir. Şuradaki makalede de...
Merhaba, Bazen üzerinde çalıştığınız uygulamanın genelinden erişilebilen global değerlere ihtiyacımız olabilir. Bu global yapılanma eşliğinde projenizin herhangi bir noktasından o değerleri çağırabilir ve kod tekrarına düşmeksizin tek seferde kritik değerleri edinebilir ve hatta hata...
Merhaba, Üzerine çalıştığınız bir Angular 4 uygulamasında harici bir kaynağa Http servisini kullanarak ulaşmak istiyorsunuz ama nedense yaptığınız inşa başarılı sonuç vermiyor ve hatta “Access-Control-Allow-Origin” şeklinde bilinen hatayla karşılaşıyorsanız eğer sizde CROS güvenliğinden kaynaklı...
Merhaba, Angular 4 uygulamalarında Http Service ile çalışırken Observable ile süreci asenkron bir şekilde yürütebilmekteyiz. Aslında Observable yapısı Angular 4 içinde sadece http isteklerinde kullanacağımız bir yapı değildir. Birçok farklı noktada kendisinden istifade edebileceğimiz...
Merhaba, Harici verileri almak, posta göndermek vs. gibi işlemler için Http servisini kullanmaktayız. Haliyle Angular 4 uygulamalarında bu işlemler için Http servislerinden nasıl yararlanılacağını ele alacağız. Bu makalemizde Http servislerini kullanmayı örneklendirmek için harici...
Merhaba, Bir Angular 4 projesi üzerinde bileşenler arasında veri transferi sağlayabilmek ya da her yerde kullanabilmek için servislere ihtiyacımız olabilir. İşte bu içeriğimizde Angular 4 ile bir service nasıl oluşturulur, oluşturulan service nasıl kullanılır...
Merhaba, Angular 4 uygulamalarında yapının genel ya da özel olarak kullanacağı bir nesneyi providers özelliğini kullanarak yaratmamız ve tutmamız bizim için performans ve maliyet açısından oldukça önem arz etmektedir. Şimdi bu konuyu örnek bir...
Merhaba, Angular 4 ile ilgili makale serimizde bilgi ve teknik açıdan olabilecek en zengin içerikleri oluşturmaya çalışmaktayım. Haliyle bu süreçte yapıları ve konuları ele aldıkça pratiksel açıdan da bir kaç senaryo ile bilgileri güçlendirmemiz...
Merhaba, Hiç döngüsüz kütüphane gördünüz mü? Muhtemelen hayır 🙂 Doğal olarak Angular 4’ün de kendine göre bir foreach döngüsü mevcuttur. Mantık desek aynı, yapıda biraz farklı. O yüzden ufak bir örnekle konuyu noktalayacağım. Önceki...
Merhaba, TypeScript; nesneye dayalı bir şekilde kod yazıp JavaScript çıktısı üretmek için Microsoft tarafından tasarlanıp piyasaya sürülmüş olan açık kaynak kodlu bir frameworktür. Yani farklı bir kod yazıp bu yazdığımızı JavaScript’e çeviren bir dildir...
Merhaba, Bu içeriğimizde Angular CLI ile component oluşturmayı tam teferruatıyla irdeleyeceğiz. Bu işlem için Angular 4 çalışmasına eşlik eden Visual Studio Code editörünün Terminal özelliğini kullanacağız. Bu özelliği Visual Studio Code editörürümüz üzerinden “View”...
Merhaba, Önceki Angular 4 – Proje Dosyalarını Tanıyalım başlıklı yazımda Angular 4 proje dosyalarının ne işe yaradığına değinmiştik. Amma velakin özellikle “app” klasörüne hususi bir değerlendirmede bulunacağımızdan dolayı konuyu ilgili makalede es geçmiştik. Şimdi...
Merhaba, Önceki makalemizde Angular 4 projesi oluşturmuş ve bu projeyi Visual Studio Code ortamına taşımış ve hatta yayına almıştık. Şimdi ise Angular 4 nimetlerine giriş yapmadan önce oluşturmuş olduğumuz bu projenin dosya ve klasörüleri...
Merhaba, Önceki Angular 4 İçin Yeni Bir Proje Oluşturmak başlıklı makalemizde Angular CLI ile bir Angular 4 projesi oluşturmuştuk. Şimdi ise oluşturduğumuz bu projeyi Visual Studio Code ortamına aktarmayı ve yapılan işlevleri canlı bir...
Merhaba, Bu makalemizde Angular 4 için kullanacağımız yeni bir projenin nasıl oluşturulacağını inceleyeceğiz. “Aman hocam! Bir projeyi oluşturmak için ne gerek var makaleye!” dediğinizi duyar gibiyim. Doğrusu bendeniz Angular 4 için yapılan çalışmalarda genellikle...
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...
Merhaba, Bu içeriğimizde Angular 4 için sonraki yazılara temel teşkil edecek gerekli programları kuracağız. Bu programlar; Angular 4 kodlamasında bize ortam sağlayacak Visual Studio Code editörü ve NPM paketlerini yönetmemizi ve node.js geliştirme ortamını...
Merhaba, Aşağıda Angular 4 üzerine a’dan z’ye teorik ve pratik değerlendirmelerde bulunduğum tüm makalelerim içeriksel sıralama esas alınarak listelenmiştir. Konuyla ilgili yeni makaleler eklendikçe bu sayfa güncelleneceğinden dolayı takipte kalmanızı öneriririm. Angular 4 İçin...
