Programování

Kodere, tady je nástroj pro prezentaci JavaScriptu, který si zamilujete

Jedním z mých úkolů v mé práci je vytvářet a udržovat technické prezentace. V minulosti jsem tyto prezentace ukládal na Disk Google ve formátu Apple Keynote. Keynote, stejně jako mnoho aplikací pro kancelářské sady, ukládá své soubory jako velké tlusté binární objekty BLOB. Když více lidí upraví prezentaci a pokusí se ji aktualizovat, máte problémy. Lidé se navzájem tiše shlukují.

Tato nepříjemnost není pro Keynote jedinečná. PowerPoint a další formáty trpí stejným problémem. Zatímco PowerPoint má teoreticky soubor založený na XML, je zabalený do formátu Zip, takže neexistuje žádný praktický způsob, jak sloučit změny na úrovni souboru.

Dalším problémem Keynote je, že i když existují předlohy snímků, věci, které se vloží do snímku, musí být pečlivě naformátovány. WYSIWIG je skvělý a zároveň hrozný. Věci, které se vloží do snímku, musí být formátovány s láskou. To obvykle znamená, že zatímco hlavní je konzistentní, obsah se často liší ve formátu: mezery jsou trochu vypnuté, výběr písma se od značky liší a barvy jsou divoké.

V ideálním světě byste ukládali prezentace na GitHubu přesně jako kód a psali prezentace ve zjednodušeném formátu, jako je Markdown, aniž byste museli znát styl. UI / brand guy nebo gal by mohl dělat všechny „hezké věci“ dopředu v CSS, zatímco vy voskem filosofujete ve své odrážené próze.

To je přesně to, co vám umožňuje open source nástroj pro prezentaci v prohlížeči Remark.js.

Pozoruhodné technické prezentace

Se souborem Remark.js máte jeden soubor HTML a mnoho souborů CSS, ale vaše prezentace je oddělená v příchuti Markdown. Všechno můžete uložit na GitHub. K dispozici je dokonce i režim pro přednášející, který vám umožní vidět vaše poznámky, zatímco se vaše publikum dívá na vaše brilantní vizuály.

Jak už název napovídá, Remark.js je knihovna JavaScriptu. Jako každá knihovna JavaScriptu existuje i 50 alternativních implementací. Vizuálně nejpůsobivější je Reveal.js.

Zatímco Remark.js vám umožňuje psát úplně v Markdownu pomocí postřikovačů HTML nebo rozšíření, díky Reveal.js se vlastně naučíte HTML. Říkám, že HTML v mém životopisu znám od 90. let, ale je to přesně to, co vím, jak používat štětec: s oběma dělám ošklivé věci. Proto dávám přednost používání Remark.js.

Tady je text Markdown a snímek pro skutečný snímek z jedné z mých prezentací:

—-

třída: vlevo, nahoře

# Fusion Concepts: Collection

* Obsahuje dokumenty

* Přidruženo ke skutečným indexovaným datům a schématu

* Přidruženo k pojmenované konfiguraci v Zookeeper

* Logický index, který lze rozložit na více serverů

* 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

* Kolekce, jak existuje na instanci Solr, se nazývá „Core“

???

Skript: Stručně řečeno, kolekce je logický index, který je svázán s celou řadou konfigurace a správy procesů v klastru, včetně toho, jak je nakonfigurován, replikován a směrován.

—-

Tady je to, co vypadá na mém telefonu (což mimochodem mohu Chromecast):

Andrew C. Oliver

Zde je režim moderátora! Můžu nastavit své snímky, takže můžu číst obrazovku jako teleprompter (vlastně ne, protože by mě to nudilo):

Andrew C. Oliver

Když klonujete prezentaci, okna prohlížeče se synchronizují, i když na jedné přejdete do režimu prezentace. Vaše publikum vidí pohled na prvním snímku obrazovky. Pohled vidíte ve druhém.

Špatné věci

Remark.js zdaleka není dokonalý. Je to skvělé pro technické lidi, kteří dělají technické prezentace, ale prodejnímu týmu bych to nepodřídil. Pokud máte účet GitHub, bude vám Markdown pravděpodobně pohodlnější než PowerPoint nebo nestálý editor WYSIWYG v Keynote. Pokud čtete svůj e-mail ochotně v Outlooku, pravděpodobně se vám nebude líbit.

Chcete-li to použít, potřebujete místní webový server, jako je Python SimpleHTTPServer. Také doporučuji použít Chrome. Firefox jsem se synchronizoval, když jsem kliknul. Zobrazení Prezentující je užitečné, ale pro lidi, kteří často přecházejí sem a tam mezi snímky, neexistuje náhled.

Pokud organizujete prezentace jako samostatné soubory, musíte znovu a znovu spustit režim prezentace pro každou z nich. Obrázky a titulní snímky mohou vyžadovat vyladění CSS, aby byly správné. Jakýkoli kód, kterému neuniknete pomocí `` backtics``, bude pozměněn (zejména regex). Musíte také vyladit CSS, aby se tisk do PDF správně seřadil.

Jakmile to zvládnete a dokončíte svůj CSS, je srovnávací úsilí o vytvoření „ještě jedné“ prezentace v Remark.J’s / Markdown nižší než v PowerPointu nebo Keynote. Správa verzí v GitHubu je pozoruhodně lepší a vědomí, že mohu prezentovat ze svého telefonu nebo tabletu, mě dělá šťastnou. Až příště uspořádáte konferenci a realizujete své materiály, všechny se vrátily k předchozím verzím, možná si pomyslete na Remark.js.

$config[zx-auto] not found$config[zx-overlay] not found