Sunum yapmak yeni bir şey değil. Sunumlar genel bir izlenim yaratmanın bir yoludur. Ve bir izlenim yaratmak için farklı ve etkileyici bir şeylere ihtiyaç duyarız. Sunum yapmanın geleneksel yöntemlerinden farklı olarak (PowerPoint, vb.) reveal.js ile tanışalım.
Reveal.js HTML ile basit ama etkili sunumlar hazırlayabileceğiniz javaScript framework’udur. JavaScript’le alakası olmayan biriyseniz bile slides.com sitesi üzerinden sürükle bırak mantığıyla her ortamda sunulabilir slaytlar hazırlayabilirsiniz. Sunumlar HTML sayfası olduğu için, cep telefonları ve tabletler gibi dokunmatik cihazlarda da uyumludur. Slaytlar arasında geçiş yapmanız yeterlidir. Markdown içeriği, iç içe slaytlar, PDF dışa aktarma ve slayt gezinimini kontrol etmek için JavaScript API’leri gibi bir dizi kaygan özelliği vardır.
Reveal.js Ayarlama
Reveal.js’yi kullanmadan önce makinenize hem Node.js hem de Grunt kurulu olmalıdır. Sonraki adımlar, reveal.js havuzunu GitHub’dan kopyalamak, tüm bağımlılıkları yüklemek ve açıklama sunucusunu başlatmaktır. Aşağıdaki komutlar listesi, bu adımları gerçekleştirmek için kullanılır.
1 2 3 4 |
git clone https://github.com/hakimel/reveal.js.git cd reveal.js npm install grunt serve |
Sonra sunumu görüntülemek için tarayıcınızda http://localhost: 8000/ ‘e gidin.
Reveal.js İle Sunum Oluşturma
Tüm sunumlar tek bir HTML dosyası haline geliyor, bu yüzden yapacağınız çok net! İlk olarak, kullanmak istediğiniz yazı tiplerini yüklemeli ve styling’in tarayıcılarda tutarlı olduğundan emin olmak için reset.css dosyasını yüklemeniz gerekir.
Reveal sunumuna temel bir başlangıç şu şekilde olabilir:
Yapacağınız sunumlarda RevealJS’i kullanmak hayat kurtarıcı olabilir. Bence siz de denemelisiniz. 🙂