Photo by Ousa Chea on Unsplash

DIGITAL GARDEN

React ile Dijital Bahçe Geliştiriyorum.

Frontend konusunda yazdığım blog yazı ve araştırmalara ait deneyleri uzun bir süredir online bir web sayfasında paylaşmak istiyordum. Bunun için https://onurdayibasi.dev/ sitesini oluşturdum.

Frontend Development With JS
3 min readAug 31, 2021

--

Bu blog yazısını neredeyse tam 1 yıl önce 31 Ağustos 2021 yazmışım. O günden bu güne 338 defa görüntülenmiş.

https://onurdayibasi.com/medium-istatistikleri-detay/

31 Ağustos 2021'den bu güne sitede bir çok yenilik oldu. Bunun sebebi de siteye bir takım yeni uygulamalar eklerken yeni ihtiyaçların doğması.

Bu durumun benzeri 2 Şubat 2022 kadar Frontend ve Yazılım Mimarisi Çalışma Notlarım anlattığım onurdayibasi.com sitesinde de olmuştu. Blog ile ilgili ihtiyaçlar ve analitik için altyapıya bir çok özellik ekledim. Bu özellikleri yukarıdaki linkten daha detaylı öğrenebilirsiniz. Özetle bunlar;

  • Yazıları Belli Başlıklar Altında Gruplandırma
  • Okuduğunuz Yazıların İşaretlenmesi
  • Yazılardaki Kavramların Etiketlenmesi
  • Blog Okunma İstatistikleri
  • Paylaşım
  • Detaylı Arama
  • ve bunlar ile beraber Dijital Bahçe geliştirme düşüncem vardı.

Yani blog yazılarımı yazarken araştırmalar sırasında yaptığım PoC(Proof Of Concept) çalışmalarını ilişkilendirebileceğim bir Web Uygulaması.

Bu yapıyı yapmadan öncede Kendi Dijital Bahçenizi Oluşturun. Teknik Konuları Daha İyi Öğrenin. şeklinde Dijital Bahçeler üzerinde bir araştırma yapmıştım.

Bu doğrultuda siteyi geliştirmeye başladım. İçerisinde 120 den fazla uygulama bulunan bu siteyi kendim için hızlı prototipleme altyapısı olacak şekilde araçlar oluşturdum ve her geçen gün bu araçlar daha da gelişiyor.

Gelin bu araçlara daha yakından bakalım.

https://onurdayibasi.dev/
  • Context Based Search
  • Data Based Searched
  • DemoLayout
  • Theme Support
  • Draggable Sidebar
  • Control Sidebar Visibility
  • Information
  • Library Tags
  • Usage Video
  • Control Panels
  • Storage Manager
  • Dynamic Routing
  • Console Feed
  • Log Viewer
  • JSON Viewer
  • Code Highlighter
  • Code Editor

ve bunun gibi içerisinde bir çok altyapısal özellikler bulunuyor. Site ile ilgili tüm gelişmeleri React Labs altında bulunan blog yazılarından erişebilirsiniz.

31 Ağustos 2021 Blog Paylaşımım

Merhaba uzun süredir aklımda olan bir fikri https://onurdayibasi.dev/ sitesi altında devreye alıyorum. Bu site Frontend konusunda yaptığım denemeleri sunduğum bir sayfa olacak.

Örnek vermek gerekirse ;

Hesap Makinesi; bu ekranın sol kısmında kurcalayabileceğimiz bir şekilde bulunuyor. Ekranın sağ kısmında ise hesap makinesini geliştirebilmek için bir takım içerik ve blog yazılarına erişim linkleri bulunuyor. (https://onurdayibasi.dev/simple-calculator)

https://onurdayibasi.dev/simple-calculator

Dark Theme, ise ekranın renk tonlamasını bir düğmeye basarak nasıl dark hale getirdiğimiz veya nasıl geriye getirdiğimiz anlattığımız blog yazılarına referanslar bulunuyor. (https://onurdayibasi.dev/dark-theme)

OnurDayibasi.DEV sitesini Güçlü Yapacak Konu, Blog Yazıları ile entegre olması.

Dev sitesini arkaplanda onurdayibasi.com adresinde bulunan blog yazılarıyla birlikte gruplamaya çalışıyorum. Bu da gerçekleştirilen deneylerin teorik ve teknik açıklamasını anlatan yazılar ile bağlantı sağlayacak

--

--