Scrollycoding - A new tool for dev blogs and docs | Code Hike (preview)

HN ▲ 143Genel YazılımKanal: Rodrigo PomboYayın: 04.03.2021Süre: 8:13

Neden izlemeli?

Scrollycoding ile blog ve dokümantasyonlarda etkileşimli kod yürüyüşleri (code walkthrough) oluşturmayı gösteriyor; özellikle teknik makale veya doküman yazan geliştiriciler için faydalı. İzleyin; kod anlatımınızı daha görsel ve adım adım hale getirerek okuyucunun takip etmesini kolaylaştırmayı öğrenirsiniz.

Video özeti

Bu kısa önizleme videosu, scrollycoding adlı yeni bir araçla bloglar ve belgelerde etkileşimli kod yürüyüşleri oluşturmayı gösteriyor. Demo üzerinden Code Hike entegrasyonu, nasıl adım adım kod bölümleri sunulacağı ve kullanıcı kaydırdıkça kodla eşzamanlı açıklamaların nasıl ortaya çıktığı anlatılıyor; ayrıca repo ve demo bağlantıları paylaşılıyor. Video teknik olarak bir tanıtım/önizleme niteliğinde olduğu için hızlıca kurulum ve temel kullanım örnekleri gösteriliyor. Teknik makale veya dokümantasyon yazan geliştiriciler ve içerik üreticileri için uygundur; temel web dokümantasyon bilgisi ve Markdown/JS tabanlı statik site deneyimi faydalıdır. İzleyici, scrollycoding ile nasıl daha görsel ve rehberli kod anlatımları oluşturabileceğini, demo ve kaynak kod repoları üzerinden örnek uygulamaları nasıl inceleyebileceğini öğrenmiş olacak.

Öne çıkan fikirler

  • Scrollycoding, okuyucunun kaydırma hareketine bağlı olarak kod adımlarını ve açıklamaları senkronize ederek öğretici yazılar oluşturmayı kolaylaştırır.
  • Code Hike entegrasyonu sayesinde interaktif kod yürüyüşleri statik bloglara dinamik anlatım katabilir.
  • Kısa bir kurulumla demo repoyu inceleyerek kendi dokümantasyonunuza scrollycoding bileşenleri eklemeye hızlıca başlayabilirsiniz.

Özet ve bölüm başlıkları Opendart editörlüğünde hazırlanmıştır; videonun içeriği ve hakları kanal sahibine aittir.

Hacker News'te 143 puan ve 23 yorum aldı: tartışmayı oku · YouTube'da aç

Opendart Akademi

Bu konuyu canlı derste, gerçek projelerle öğrenin → Tüm Eğitimlerimiz

Eğitmen eşliğinde, canlı online veya sınıf içi; bireysel ve kurumsal seçenekler. Tüm eğitimler