Skip to content

Instantly share code, notes, and snippets.

View cemtopkaya's full-sized avatar
🏠
Working from home

Cem Topkaya cemtopkaya

🏠
Working from home
View GitHub Profile
@cemtopkaya
cemtopkaya / controller.js
Created June 15, 2025 06:43
MVC desenine uygun vanillajs web sayfası örneği
// controller.js KONTROLLER Katmanı (Beyin)
class UserController {
constructor(model, view) {
this.model = model;
this.view = view;
this.view.onLoadUsersClick(this.handleLoadUsers.bind(this));
}
async handleLoadUsers() {
@cemtopkaya
cemtopkaya / index.html
Last active June 15, 2025 06:38
MVP desenine uygun vanillajs web sayfası örneği
<!-- index.html -->
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8" />
<title>MVP Örneği</title>
</head>
<body>
<h1>Kullanıcı Listesi</h1>
<button id="load-users">Kullanıcıları Yükle</button>
Yapı View Veri Gösterimi İş Mantığı View'dan Veri Tetikleme
MVP Presenter ile Presenter Event binding + Presenter
MVC Controller ile Controller Direkt Controller
MVVM Data Binding (2 yönlü) ViewModel Observable yapılar
@cemtopkaya
cemtopkaya / front-end-phase.csv
Last active June 14, 2025 22:46
Ön yüz geliştirmede kullanılan teknik, mimari, desenler vs.
We can make this file beautiful and searchable if this error is corrected: Unclosed quoted field in line 10.
Kategori,Örnekler / Akımlar,Kısa Açıklama
Mimarî Yaklaşımlar,"MVC, MVVM, MVP, Component-based, Micro Frontend",Arayüzü mantıksal katmanlara ayırma biçimleri
Sayfa Yükleme Modelleri,"MPA (Multi Page App), SPA, SSR, SSG, ISR",Kullanıcıya içeriğin nasıl ulaştığıyla ilgili mimarîler
Modül Sistemleri,"AMD, CommonJS, ES Modules, Module Federation",Kodun parçalanması ve tekrar kullanılabilirliği
Durum Yönetimi,"Redux, MobX, Zustand, Signals, React Context",Uygulama verisinin bileşenler arası paylaşımı ve güncellenmesi
Şablonlama Sistemleri,"Handlebars, EJS, JSX, Vue Templates",HTML üretimini kolaylaştıran yapı taşları
İstemci-Sunucu İletişimi,"AJAX, Fetch, GraphQL, WebSockets",Tarayıcının veri alıp göndermesiyle ilgili yöntemler
Render Yöntemleri,"CSR (Client Side), SSR (Server Side), Hybrid, Edge","İçeriğin kim tarafından, nerede üretildiği"
Stil Sistemleri,"CSS, SASS, CSS-in-JS, Tailwind, BEM",Arayüz görünümünün nasıl tanımlandığı
Paketleyiciler (Bundler),"Webpack, Rollup, Vite, Parcel","Kodun üretim ortamına hazı

Docker ile Apache Kafka Kurulumu

Önce ağ yaratlım:

docker network create kafka-sebeke --driver bridge

Zookeeper sunucusunu ayaklandıracağız:

@cemtopkaya
cemtopkaya / DevOps_soruları.md
Created January 5, 2025 02:46
DevOps iş görüşmesi soruları

DevOps Soruları

@cemtopkaya
cemtopkaya / javascript-soruları.md
Created December 22, 2024 09:47
Javascript ve nodejs soruları

JS Soruları

Docker Soruları

@cemtopkaya
cemtopkaya / docker-compose.yaml
Created September 25, 2024 22:09
tmpfs İle init container desenine göre dosya paylaşımı
version: "3.8"
volumes:
cache_vol:
driver_opts:
type: tmpfs
device: tmpfs
services:
init-container:
@cemtopkaya
cemtopkaya / kubernetes-komutlarım.md
Last active September 23, 2024 10:08
Kabuk Betiği komutlarım

Kubernetes komutlarını geçici olarak aynı namespace içinde çalıştırır:

export NS=$(k get ns | grep 5gcn | cut -d' ' -f1)
export CTX=$(k config current-context)
kubectl config set-context $CTX --namespace $NS