Bire bir masterclass

Frontend Mastery Roadmap — AI Agent + MCP ile Production-Grade Frontend (Tailwind + React/Next.js)

AI ile hızlı üret, ama kaliteyi sen yönet: debugging, performans, erişilebilirlik, test ve release disiplini.

Agent hız verir; temel mühendislik kontrol sağlar.

Format

1:1 canlı

4 modül + 2 sprint + 1 capstone

Kariyer Destek

Referans + mentorluk

İş/staj yönlendirme

Teslim

Gerçek proje belgeleri

Ödev + aksiyon planı

Program Ücreti

₺64.000

1 saat = 4.000₺ · toplam 16,0 saat canlı + async agent destek

Hızlı kayıt formu

AI Agent + MCP ile nasıl çalışıyoruz?

Agent hızlandırır, kontrol sende kalır. Planı spesifikasyonla yazıyor, agent'tan üretim alıyor, sen verify/refactor ile kaliteyi güvenceye alıyorsun.

Prompt demoları

Next.js + Tailwind
            Next.js App Router + Tailwind + shadcn/ui ile
auth guard'lı dashboard layout + settings page oluştur.
Zod validation, Zustand veya React Query seçimini gerekçelendir.
ESLint/Prettier, Vitest + RTL testlerini ekle ve çalıştır.

Debug follow-up örnekleri

  • Hata çıktısını analiz et, minimal repro çıkar, patch öner, test ekle ve doğrula.
  • Diff'i özetle, riskli değişiklikleri işaretle, rollback planı öner.

Guardrails

  • PR checklist, lint/test zorunluluğu, a11y kontrol, perf budget.
  • MCP ile lint/test koşma, diff okuma ve rapor üretme.
  • Agent çıktılarını verify/refactor adımlarıyla güvenceye alma.

Program özeti

Junior'dan mid seviyeye, ürün çıkaran herkes için tasarlanmış modern frontend programı. Tailwind + React/Next.js üretimini AI agent + MCP ile hızlandırırken, kaliteyi test/a11y/perf guardrail'leriyle sen yönetirsin. Portföy/CV/GitHub güçlendirme ve yönlendirme desteği içerir (garanti değil).

  • 90 günlük ürünleşme planı: 2 haftalık sprintler + agent destekli teslim.
  • Capstone: auth + dashboard + ayarlar + deployment içeren production demo.
  • Repo çıktısı: test/lint/CI hazır, PR şablonları ve review checklist’leri ekli.
Program değerlendirmesi

“Program Sonu Referans Desteği müfredatını gerçek şirket verileriyle yeniden kuruyoruz. Oturumların sonunda ekip sunumu yapabileceğin hikâye akışı ve demo kiti eline geçmiş oluyor.”

– N. Faru Sönmez

Referans kaynağı

Programın beslendiği ana kaynakları incele.

Program yapısı: AI + Frontend Mastery

Katman A — Production Frontend (Kontrol)

Modül + sprint
  • Mimari: component boundaries, design system, klasör yapısı, state modeli
  • Next.js App Router: routing, data fetching, caching, server/client sınırları
  • Kalite: test (unit/integration), lint, type-safety, a11y, perf bütçesi
  • Üretim: PR workflow, preview deploy, release checklist

Çıktılar

  • Repo: test/lint/CI hazır, PR şablonları ve review checklist
  • Capstone: production-ready dashboard + auth + settings + deployment

Katman B — AI Agent + MCP (Hız + Otomasyon)

Modül + sprint
  • Spec odaklı çalışma: PRD, acceptance criteria, edge case yazımı (prompt değil)
  • Agent döngüsü: plan → implement → verify → refactor
  • MCP toolchain: repo/branch yönetimi, lint/test koşma, diff okuma, issue/PR template
  • Debugging playbook: minimal repro, log analizi, patch stratejisi, regression test
  • Guardrails: code review checklist, güvenlik ve kalite bariyerleri

Çıktılar

  • Agent çalışma notları: patch ve test önerileri, kontrol listeleri
  • Guardrails: PR checklist, a11y kontrol, perf budget raporu

Program çıktıları

90 günlük ürünleşme planı: 2 haftalık sprintler + agent destekli teslim.
Capstone: auth + dashboard + ayarlar + deployment içeren production demo.
Repo çıktısı: test/lint/CI hazır, PR şablonları ve review checklist’leri ekli.

Eğitmen

N. Faru Sönmez

N. Faru Sönmez

CTO & Yazılım Mimarı

Gerçek dünyadaki ticaret, lojistik ve yüksek hacimli sistem problemlerini ölçeklenebilir mimarilere dönüştüren; .NET mikroservisleri, React/Next.js mikrofrontend yapıları, AWS ve dağıtık sistemler üzerinde ölçülebilir etki yaratan sonuç odaklı bir CTO ve Yazılım Mimarıyım.

Hakkımda sayfası

Sık sorulan sorular

Oturumlar kaydediliyor mu?

Evet, tüm seanslar isteğe bağlı olarak kaydedilip Notion/Linear paketine ekleniyor; agent çıktıları ve diff notları da aynı pakete düşüyor.

Program süresince destek devam ediyor mu?

Canlı oturumların dışında async Slack/Notion desteği sağlıyorum; agent ile hızlı denemeler yapıyor, senin onayınla patch ve test önerileri paylaşıyorum.

Hangi ön bilgi gerekiyor?

Temel HTML, CSS ve giriş seviyesinde JavaScript yeterli. React/Next.js deneyimi şart değil; roadmap boyunca birlikte ilerliyoruz ve eksik alanları telafi ediyoruz.

Ödemeyi nasıl yapıyorum?

Toplam tutar sabit: 16 saat canlı + async destek için 64.000₺ (saatlik 4.000₺). Peşin veya iki taksit seçeneklerini form sonrası paylaşıyorum.

Kayseri’de yüz yüze çalışmak mümkün mü?

Evet, uygunluk durumuna göre Kayseri’de yüz yüze oturum planlayabiliyoruz. Uzaktan öğrenciler için aynı içerik canlı online olarak sağlanıyor.

AI ile kod yazıyorsam neden frontend öğrenmeliyim?

Debugging, performans, güvenlik, erişilebilirlik ve maintainability hâlâ mühendislik disiplini gerektiriyor. Agent hızlandırır; trade-off ve kalite kararları senin kontrolünde olmalı.

İş/staj yönlendirmesi nasıl yapılıyor?

Program sonunda projeler değerlendiriliyor, portföy/CV/GitHub güçlendirilip yönlendirme desteği veriliyor (garanti değil). Review checklist’leri ve release notları da ekleniyor.

Program sana uygunsa hemen kayıt formunu doldur, 24 saat içinde takvim paylaşalım.

Hizmet

Hizmet başlığı

Hizmet açıklaması burada görünecek.

Çalışma modeli Esnek + hızlı geri dönüş
Hizmet talep edin

İhtiyaca göre kapsamlandırma · Net çıktılar ve raporlama