Etiket: Angular


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

Angular 14’de Dependency Injection İçin Gelen inject Fonksiyonu

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....

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...

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'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...

Angular 8 6

Angular 8’de Angular Universal İle Server-Side Rendering (SSR)

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...

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’...

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...

Angular 4 1

Angular İle Web API Tetikleme

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...

Angular 4 0

Angular 4 İle Routing Navigation

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;...

Angular 4 1

Angular 4 – Event Binding

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...

Angular 4 2

Angular 4 – Angular CLI Kurulumu

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...