Koderi, evo JavaScript alata za prezentaciju koji će vam se svidjeti

Jedan od mojih zadataka u poslu je razviti i održavati tehničke prezentacije. U prošlosti sam te prezentacije pohranjivao na Google pogon u Appleovom Keynote formatu. Keynote, poput mnogih aplikacija uredskog paketa, svoje datoteke pohranjuje kao velike, masne binarne mrlje. Kad više ljudi izmijeni prezentaciju i pokuša je ažurirati, dobit ćete probleme. Ljudi šutke kukaju međusobne promjene.

Ova smetnja nije jedinstvena za Keynote. PowerPoint i drugi formati trpe isti problem. Iako PowerPoint teoretski ima datoteku koja se temelji na XML-u, omotana je Zip-om, tako da nema praktičnog načina spajanja promjena na razini datoteke.

Još jedan problem Keynotea je taj što, iako postoje majstori slajdova, stvari koje se zalijepe u slajd moraju biti pažljivo oblikovane. WYSIWIG je istovremeno izvrstan i grozan. Stvari koje se zalijepe na slajd moraju se oblikovati s ljubavlju. To obično znači da se, dok je master dosljedan, sadržaj često razlikuje u formatu: razmak je malo odmaknut, odabir fontova nestaje, a boje postaju divlje.

U idealnom svijetu prezentacije biste spremali na GitHub točno poput koda i pisali prezentacije u pojednostavljenom formatu poput Markdowna, a da pritom ne morate znati stil. Korisnik korisničkog sučelja / branda ili djevojka mogao bi napraviti sve "lijepe stvari" unaprijed u CSS-u dok vi filozofirate u svojoj prozi s nabrajanjem.

To je upravo ono što vam omogućuje otvoreni izvorni alat za prezentacije u pregledniku Remark.js. 

Tehničke prezentacije bez zamjerki

S Remark.js imate jednu HTML datoteku i koliko god CSS datoteka, ali vaša je prezentacija zasebna u okusu Markdown. Sve možete pohraniti na GitHub. Postoji čak i način prezentacije koji vam omogućuje da vidite svoje bilješke dok publika gleda vaše briljantne slike.

Kao što samo ime sugerira, Remark.js je JavaScript knjižnica. Kao i svaka JavaScript knjižnica, postoji oko 50 alternativnih implementacija. Vizualno mi je najdojmljiviji Reveal.js.

Iako vam Remark.js omogućuje da u potpunosti pišete u Markdown-u s prskajućim HTML-om ili ekstenzijama, Reveal.js omogućuje da zapravo naučite HTML. Govorim da u svom životopisu znam HTML od 90-ih, ali točno je kao da znam koristiti kist: s obje radim ružne stvari. Zato više volim koristiti Remark.js.

Evo teksta Markdown i slide za stvarni slajd iz jedne od mojih prezentacija:

—-

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.

—-

Evo kako to izgleda na mojem telefonu (koji inače mogu Chromecast):

Andrew C. Oliver

Evo načina prezentacije! Mogu postaviti svoje slajdove, tako da svoj zaslon mogu čitati kao teleprompter (zapravo ne, jer bi mi to dosadilo):

Andrew C. Oliver

Kada klonirate prezentaciju, prozori preglednika sinkroniziraju se čak i ako na jednom uđete u način prezentacije. Vaša publika vidi prikaz na prvom snimku zaslona. Pogled vidite u drugom.

Loše stvari

Remark.js je daleko od savršenog. Izvrsno je za tehničke ljude koji rade tehničke prezentacije, ali ne bih to podvrgavao prodajnom timu. Ako imate GitHub račun, vjerojatno vam je ugodnije Markdown od PowerPointa ili Keynoteova prevrtljivog WYSIWYG uređivača. Ako e-poštu voljno čitate u programu Outlook, vjerojatno vam se neće svidjeti.

Da biste to koristili, potreban vam je lokalni web poslužitelj poput Python SimpleHTTPServer. Također preporučujem korištenje Chromea. Firefox se izgubio iz sinkronizacije ako bih kliknuo. Pogled prezentatora je koristan, ali nema prikaza minijatura za ljude koji se puno kreću naprijed-natrag između slajdova.

Ako svoje prezentacije organizirate u zasebne datoteke, morate ponovno pretvoriti i ponovo ući u način prezentacije za svaku. Slike i naslovni dijapozitivi mogu zahtijevati prilagođavanje CSS-a da bi se postalo ispravno. Bilo koji kod s kojim ne pobjegnete `` backtikovi će se pokvariti (posebno regex). Morate prilagoditi CSS kako biste ispravno postavili ispis u PDF.

Jednom kad se usudite i obavite CSS, usporedni napor u stvaranju "još jedne" prezentacije u Remark.J-u / Markdown-u niži je od onog u PowerPointu ili Keynoteu. Upravljanje verzijama u GitHubu je monumentalno bolje, a saznanje da mogu predstavljati sa svog telefona ili tableta čini me sretnim. Sljedeći put kada održite konferenciju i shvatite da su se svi vaši materijali vratili na prethodne verzije, možda mislite na Remark.js.