Pembuat kode, inilah alat presentasi JavaScript yang akan Anda sukai

Salah satu tugas saya di pekerjaan saya adalah mengembangkan dan memelihara presentasi teknis. Di masa lalu saya telah menyimpan presentasi ini di Google Drive dalam format Keynote Apple. Keynote, seperti banyak aplikasi office suite, menyimpan filenya sebagai gumpalan biner yang besar dan gemuk. Saat beberapa orang mengubah presentasi dan mencoba memperbaruinya, Anda mendapatkan masalah. Orang-orang diam-diam saling memukuli perubahan.

Gangguan ini tidak hanya terjadi pada Keynote. PowerPoint dan format lain mengalami masalah yang sama. Sementara PowerPoint secara teoritis memiliki file berbasis XML, itu dibungkus dalam Zip, jadi tidak ada cara praktis untuk menggabungkan perubahan pada tingkat file.

Masalah lain dengan Keynote adalah meskipun ada master slide, hal-hal yang ditempelkan ke slide harus diformat dengan hati-hati. WYSIWIG hebat dan mengerikan pada saat bersamaan. Hal-hal yang ditempelkan ke slide harus diformat dengan cinta. Ini biasanya berarti bahwa meskipun master konsisten, konten sering kali berbeda dalam format: spasi sedikit meleset, pilihan font tidak sesuai dengan merek, dan warna menjadi liar.

Di dunia yang ideal, Anda akan menyimpan presentasi di GitHub persis seperti kode dan menulis presentasi dalam format yang disederhanakan seperti Penurunan harga tanpa harus mengetahui gayanya. Pria atau wanita UI / merek dapat melakukan semua "hal-hal cantik" di depan dalam CSS sementara Anda menambahkan filosofis dalam prosa berpoin Anda.

Itulah tepatnya yang dapat dilakukan oleh alat tayangan slide dalam browser sumber terbuka Remark.js. 

Presentasi teknis yang luar biasa

Dengan Remark.js, Anda memiliki satu file HTML dan berapa pun banyaknya file CSS, tetapi presentasi Anda terpisah dalam rasa penurunan harga. Anda dapat menyimpan semuanya di GitHub. Bahkan ada mode presenter untuk memungkinkan Anda melihat catatan Anda saat audiens melihat visual brilian Anda.

Seperti namanya, Remark.js adalah pustaka JavaScript. Seperti pustaka JavaScript lainnya, ada 50 implementasi alternatif. Yang paling mengesankan bagi saya secara visual adalah Reveal.js.

Sementara Remark.js memungkinkan Anda menulis seluruhnya dalam penurunan harga dengan taburan HTML atau ekstensi, Reveal.js membuat Anda benar-benar belajar HTML. Saya telah mengatakan bahwa saya tahu HTML di resume saya sejak tahun 90-an, tetapi itu persis seperti saya tahu cara menggunakan kuas: Saya membuat hal-hal jelek dengan keduanya. Itu sebabnya saya lebih suka menggunakan Remark.js.

Berikut Markdown dan teks slide untuk slide sebenarnya dari salah satu presentasi saya:

—-

class: left, top

# Fusion Concepts: Collection

* Contains documents

* Associated with actual indexed data and schema

* Associated with a named configuration in Zookeeper

* Logical index that can be spread across multiple servers

* Routing strategy that defines how documents get assigned to shards replica placement strategy that defines how many copies to keep of each document in the collections

* A collection as it exists on an instance of Solr is called a “Core”

???

Script: In short a collection is a logical index that is tied to a whole lot of configuration and process management in the cluster, including how it is configured, replicated, and routed.

—-

Inilah yang terlihat di ponsel saya (yang dapat saya gunakan sebagai Chromecast):

Andrew C. Oliver

Ini dia mode presenter! Saya dapat mengatur slide saya, sehingga saya dapat membaca layar saya seperti teleprompter (sebenarnya saya tidak melakukannya karena akan membuat saya bosan):

Andrew C. Oliver

Saat Anda mengkloning presentasi, jendela browser disinkronkan bahkan jika Anda masuk ke mode penyaji satu. Penonton Anda melihat tampilan di screenshot pertama. Anda melihat pemandangan di detik.

Hal-hal buruk

Remark.js masih jauh dari sempurna. Ini bagus untuk orang teknis yang melakukan presentasi teknis, tetapi saya tidak akan meminta tim penjualan melakukannya. Jika Anda memiliki akun GitHub, Anda mungkin lebih nyaman dengan Markdown daripada PowerPoint atau editor WYSIWYG yang berubah-ubah dari Keynote. Jika Anda dengan sukarela membaca email di Outlook, Anda mungkin tidak akan menyukainya.

Untuk menggunakan ini, Anda memerlukan server web lokal seperti Python SimpleHTTPServer. Saya juga merekomendasikan menggunakan Chrome. Firefox tidak sinkron jika saya mengkliknya. Tampilan Penyaji sangat membantu, tetapi tidak ada tampilan gambar mini untuk orang-orang yang sering bolak-balik di antara slide.

Jika Anda mengatur presentasi Anda sebagai file terpisah, Anda harus mengulangi dan masuk kembali ke mode presentasi untuk masing-masing file. Gambar dan slide judul mungkin memerlukan penyesuaian CSS agar benar. Kode apa pun yang tidak Anda hindari dengan `` backtics akan rusak (terutama regex). Anda juga harus mengubah CSS untuk mencetak ke baris PDF dengan benar.

Setelah Anda menguasainya dan menyelesaikan CSS Anda, upaya komparatif untuk membuat presentasi "satu lagi" di Remark.J's / Markdown lebih rendah daripada PowerPoint atau Keynote. Mengelola versi di GitHub secara monumental lebih baik, dan mengetahui bahwa saya dapat mempresentasikan dari ponsel atau tablet membuat saya senang. Lain kali Anda mengadakan konferensi dan menyadari bahwa materi Anda semua dikembalikan ke versi sebelumnya, mungkin pikirkan Remark.js.