Teknomekan Webmaster Forumu - Dijital Dünyanın Bilgi Merkezi
/
Yazılım ve Geliştirici Dünyası
/
Front-End & Arayüz Geliştiricileri
/
HTML, CSS, JS, Vue & React Çalışmaları
/
HTML, CSS, JS, Vue & React Çalışmaları Kategori Kuralları
HTML, CSS, JS, Vue & React Çalışmaları Kategori Kuralları
Konu Sahibi: TEKNOMEKAN,
Kategori: HTML, CSS, JS, Vue & React Çalışmaları,
0 Yorum,
11 Okunma
Görüntüleyenler:
1 Ziyaretçi(ler)
11-10-2025, Saat:03:47
Kategori Amacı
Bu kategori, Frontend Geliştiricilerin HTML, CSS (Sass, Tailwind vb.), Vanilla JavaScript ve modern kütüphaneler/framework'ler (Vue.js, React, Angular) ile ilgili çözümlerini, kod örneklerini, performans optimizasyonlarını ve deneyimlerini paylaştığı, teknik bilgi odaklı bir alandır.
1. Genel Kurallar ve Odak Noktaları
1.1 Pratik Kod ve Örnek Odaklılık (Zorunlu)
1.2 Optimizasyon ve Teknoloji Derinliği
1.3 Yasaklı İçerikler
2. Konu Açma Kuralları
2.1 SEO Uyumlu Başlık Yapısı (Zorunlu)
Başlık, işlemin türünü (Çözüm/Örnek/Optimizasyon), teknolojiyi ve ana konuyu netleştirmelidir.
2.2 İlan Tipleri
3. Konu Açma Şablonu (Zorunlu)
Üyelerin, paylaşımlarının değerini artırmak için aşağıdaki teknik şablonu kullanmaları zorunludur.
Markdown
4. Moderasyon ve Güvenlik Vurgusu
Bu kategori, Frontend Geliştiricilerin HTML, CSS (Sass, Tailwind vb.), Vanilla JavaScript ve modern kütüphaneler/framework'ler (Vue.js, React, Angular) ile ilgili çözümlerini, kod örneklerini, performans optimizasyonlarını ve deneyimlerini paylaştığı, teknik bilgi odaklı bir alandır.
1. Genel Kurallar ve Odak Noktaları
1.1 Pratik Kod ve Örnek Odaklılık (Zorunlu)
- Paylaşımlar, teorik bilgiler yerine pratik, çalışan kod örnekleri içermelidir. Kodun tamamı yerine, sorunu veya çözümü gösteren ilgili kod blokları veya CodePen/GitHub Linkleri paylaşılmalıdır.
- Canlı Demo (CodePen, JSFiddle, Vercel vb.) bağlantısı sunulması şiddetle teşvik edilir.
1.2 Optimizasyon ve Teknoloji Derinliği
- Performans, Lighthouse skorları, SEO uyumlu HTML yapısı ve erişilebilirlik (Accessibility) gibi ileri düzey konulara odaklanılması beklenir.
- Sadece tasarım amaçlı (renk paletleri, fontlar) konular yerine, bu tasarımların teknik altyapısına odaklanılmalıdır.
1.3 Yasaklı İçerikler
- Ücretli tema, script veya hizmet reklamı yapmak. Bu kategori bilgi paylaşımına adanmıştır. Ticari ilanlar ilgili Pazar kategorilerinde açılmalıdır.
- Kopyala-yapıştır yapılmış, kaynağı belirtilmeyen veya telif hakkı ihlali içeren büyük çaplı kod paylaşımları.
- "Bana komple site yapar mısınız?" veya "Hata ayıklama için saatlerce kodumu inceleyin" gibi uzun soluklu freelance talepler. Bu tür talepler "Script Talepleri" kategorisine aittir.
2. Konu Açma Kuralları
2.1 SEO Uyumlu Başlık Yapısı (Zorunlu)
Başlık, işlemin türünü (Çözüm/Örnek/Optimizasyon), teknolojiyi ve ana konuyu netleştirmelidir.
- ✅ Örnek:
Kod:[VUE.JS ÇÖZÜMÜ] Vue 3 ile Kompozisyon API Kullanarak Durum Yönetimi Örneği - ✅ Örnek:
Kod:[CSS OPTİMİZASYON] Tailwind CSS Kullanarak Sayfa Yükleme Hızını Arttırma Teknikleri - ❌ Yanlış:
(Çok genel temel bilgi)Kod:HTML nedir, CSS ne işe yarar?
2.2 İlan Tipleri
- [ÇÖZÜM]: Belirli bir teknik soruna bulunan pratik, kısa çözümler ve ipuçları.
- [ÖRNEK]: Bir fonksiyonun, bileşenin veya tasarımın kodlu çalışan demosu ve açıklaması.
- [PERFORMANS]: Hız, Lighthouse veya SEO odaklı optimizasyon teknikleri ve sonuçları.
3. Konu Açma Şablonu (Zorunlu)
Üyelerin, paylaşımlarının değerini artırmak için aşağıdaki teknik şablonu kullanmaları zorunludur.
Markdown
Kod:
[PAYLAŞIM TÜRÜ - ANA TEKNOLOJİ - KONU ÖZETİ]
**1️⃣ Konu/Problemin Tanımı:**
* **Odaklanan Teknoloji:** (Örn: React Functional Components / SASS Mixin)
* **Amacı:** (Bu kod veya teknik neyi çözüyor/ne işe yarıyor?)
**2️⃣ Kod Örneği ve Açıklaması:**
* **İlgili Kod Bloğu:** (Sadece sorunu/çözümü gösteren kritik kod buraya eklenmeli)
* **Kullanılan Harici Kütüphaneler (Varsa):** (Örn: Axios, Redux, React Router)
**3️⃣ Çalışan Demo ve Kaynak:**
* **Canlı Demo Bağlantısı (Zorunlu):** [CodePen, JSFiddle, Vercel Linki]
* **GitHub/Kaynak Repo Linki (Tercihen):**
**4️⃣ Performans ve En İyi Uygulamalar:**
* **Neden Bu Yöntem Tercih Edilmeli?** (Avantajları ve dezavantajları)
* **Potansiyel Optimizasyon İpuçları:**4. Moderasyon ve Güvenlik Vurgusu
- Kod Kalitesi: Kötü yazılmış, okunaksız veya kolayca optimize edilebilecek eski teknikler içeren paylaşımlar (Örn: Tablo bazlı layoutlar), moderatörler tarafından daha güncel yöntemlere yönlendirilmelidir.
- Gizlilik: Paylaşılan kodların, üyelere ait API Anahtarı, Veritabanı Şifresi veya diğer hassas bilgileri içermemesi kesinlikle zorunludur. Bu tür bilgiler içeren konular derhal silinir.
- Sorun Çözme Desteği: Bu kategori bir hizmet alım yeri değildir. Üyelerin "Bana kodumu yazın" demek yerine, kendi çabalarıyla çözemedikleri spesifik bir teknik probleme odaklanmaları teşvik edilir.