Makaleler | Gaye Dinç

UX Design, Frontend, React ve Next.js üzerine yazdığım teknik notlar, rehberler ve öğrenim kayıtları.

UX Tasarımda Prototipleme ve Kullanıcı Akışları: Ekranları Çizmeden Önce Deneyimi Kurmak Photo

01

UX Tasarımda Prototipleme ve Kullanıcı Akışları: Ekranları Çizmeden Önce Deneyimi Kurmak

UX Tasarımında Empati: İyi Ürünler Ekranla Değil, İnsanla Başlar Photo

02

UX Tasarımında Empati: İyi Ürünler Ekranla Değil, İnsanla Başlar

UX Laws: Daha İyi Arayüzler Tasarlamak İçin Bilinmesi Gereken 5 Temel İlke Photo

03

UX Laws: Daha İyi Arayüzler Tasarlamak İçin Bilinmesi Gereken 5 Temel İlke

UI/UX Tasarımda Renk Kullanımı: Hiyerarşi, Kontrast ve Kullanıcı Davranışı Photo

04

UI/UX Tasarımda Renk Kullanımı: Hiyerarşi, Kontrast ve Kullanıcı Davranışı

UX Tasarımda Design Thinking Süreci: Empatiyle Başlar, Ama Gerçek Dünyada İş Gereksinimleriyle Şekillenir Photo

05

UX Tasarımda Design Thinking Süreci: Empatiyle Başlar, Ama Gerçek Dünyada İş Gereksinimleriyle Şekillenir

UX Tasarıma Giriş: İyi Bir Deneyim Sadece Güzel Görünmekle Başlamaz Photo

06

UX Tasarıma Giriş: İyi Bir Deneyim Sadece Güzel Görünmekle Başlamaz

Javascript Loops (Döngüler) Photo

07

Javascript Loops (Döngüler)

Arrow Function Photo

08

Arrow Function

Değer (Value) ve Referans (Reference) Tipler - JavaScript Photo

09

Değer (Value) ve Referans (Reference) Tipler - JavaScript

Form Elemanları: Kullanıcı Deneyiminin Temel Taşları Photo

10

Form Elemanları: Kullanıcı Deneyiminin Temel Taşları

JavaScript Modülleri: Kodunuzu Parçalayın ve Yönetilebilir Hale Getirin Photo

11

JavaScript Modülleri: Kodunuzu Parçalayın ve Yönetilebilir Hale Getirin

Method Chaining — Metod Zincirleme Photo

12

Method Chaining — Metod Zincirleme

JavaScript Spread Operatörü (…): Dizi ve Nesnelerde Kullanımı Photo

13

JavaScript Spread Operatörü (…): Dizi ve Nesnelerde Kullanımı

Prop Drilling Nedir? Photo

14

Prop Drilling Nedir?

React useRef ile Popup Modal Oluşturma ve Form Verisi İşleme Photo

15

React useRef ile Popup Modal Oluşturma ve Form Verisi İşleme

Optimistic UI: Single Page Application’larla (SPA) Kesintisiz Bir Deneyim Nasıl Sağlanır? Photo

16

Optimistic UI: Single Page Application’larla (SPA) Kesintisiz Bir Deneyim Nasıl Sağlanır?

Key Nedir, Ne İşe Yarar? Photo

17

Key Nedir, Ne İşe Yarar?

useRef Nedir? Photo

18

useRef Nedir?

useEffect: React’in Yan Etki Yönetim Aracı Photo

19

useEffect: React’in Yan Etki Yönetim Aracı

React’te Sayfalama (Pagination) Mantığı: API Verilerini Dinamik Olarak Yükleme Photo

20

React’te Sayfalama (Pagination) Mantığı: API Verilerini Dinamik Olarak Yükleme

useContext ile React’te Daha Temiz ve Etkili Durum Yönetimi Photo

21

useContext ile React’te Daha Temiz ve Etkili Durum Yönetimi

EventTarget: dispatchEvent() Yöntemi Photo

22

EventTarget: dispatchEvent() Yöntemi

Git ve GitHub ile Projeleri Yönetmenin İncelikleri: Bireysel ve Grup Projeleri İçin Detaylı Rehber Photo

23

Git ve GitHub ile Projeleri Yönetmenin İncelikleri: Bireysel ve Grup Projeleri İçin Detaylı Rehber

Next.js: Modern Web Uygulamalarına Güç Veren Framework Photo

24

Next.js: Modern Web Uygulamalarına Güç Veren Framework

Adım Adım Next.js Projesi Nasıl Oluşturulur? Photo

25

Adım Adım Next.js Projesi Nasıl Oluşturulur?