Önce ağ yaratlım:
docker network create kafka-sebeke --driver bridge
Zookeeper sunucusunu ayaklandıracağız:
// 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() { |
<!-- 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 |
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ı |
version: "3.8" | |
volumes: | |
cache_vol: | |
driver_opts: | |
type: tmpfs | |
device: tmpfs | |
services: | |
init-container: |
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