AsciiDoc + DZSlides

Você se considera um desenvolvedor profissional e ainda utiliza o PowerPoint para criar tuas apresentações?

Escreva slides em AsciiDoc

Use qualquer editor de textos (ex.: Vim).
Insira marcações AsciiDoc nesse texto.
Trate tua apresentação como deveria tratar o teu código fonte:
- Controle o seu código com o Git.
- Se a apresentação for pública (geralmente é) disponibilize-a no GitHub:
  - Na branch master: armazene o código fonte da apresentação.
  - Na branch gh-pages (utilizada pelo GitHub Pages): disponibize a versão HTML da apresentação.

Gere a apresentação em HTML

Não dependa de outra ferramenta para visualizar teus slides senão um browser.
- Isso facilita tua apresentação ser visível em qualquer dispositivo.
Gere slides em HTML a partir do AsciiDoc. Para isso, utilize uma das seguintes alternativas:

AsciiDoc + DZSlides

O mais antigo!
Utiliza o asciidoc (e não o asciidoctor).
O asciidoc depende apenas do Python.
- O asciidoctor, por outro lado, precisa só do Ruby.
Cria aplicações em HTML e CSS utilizando o DZSlides.

Depende do asciidoc-dzslides-backend.
- Se desejar customizar a geração, faça um fork desse projeto e adapte-o. (exemplo)
Depende de um fork do dzslides.
- Temas são criados nesse fork. Você pode adaptá-los ou criar novos. (exemplo).

Como faço as firulas?

Como crio uma apresentação nesse modelo?

Abra um shell Bash com os seguintes comandos já instalados e no PATH:
- git (óbvio)
- asciidoc
- qrencode
- rsync
Crie um repositório Git, que irá conter os slides.
Para não começar do zero, clone o conteúdo destes slides para esse teu novo repositório.

Crie teus slides editando o arquivo index.asciidoc.
- Armazene as imagens dos teus slides no diretório images.
O próximo slide demonstra como seriam estes passos.
- Repositório exemplificado: apresentando-como-um-desenvolvedor.

Criando o repositório da apresentação (1/2)

Abra um shell e, para ele, copie as linhas a seguir:

export dir=apresentando-como-um-desenvolvedor
bash <<'EOF'
set -e
repo=git@github.com:paulojeronimo/asciidoc-dzslides-slides
git clone $repo $dir
cd $dir && rm -rf .git
EOF

Criando o repositório da apresentação (2/2)

Reconstrua o repositório:

$ cd $dir
$ git init

Clone o projeto asciidoc-builder:

$ git clone git@github.com:paulojeronimo/asciidoc-builder builder

Editando e visualizando a apresentação

Execute:

$ vim index.asciidoc
$ ./builder/dzslides/build

Noutro shell, deixe um servidor HTTP executando:

$ ./builder/dzslides/build server

Acesse http://localhost:8080

Enviando o repositório para o GitHub (1/2)

Edite e salve o conteúdo do README.md:

$ vim README.md

Faça o teu primeiro commit:

$ git add .
$ git commit -am 'Primeiro commit'

Enviando o repositório para o GitHub (2/2)

Crie o teu novo repositório no GitHub.
Faça o push do teu repositório local para o GitHub (exemplo):

$ git remote add origin git@github.com:paulojeronimo/apresentando-como-um-desenvolvedor.git
$ git push -u origin master

Publicando a apresentação no GitHub Pages

Execute:

$ ./builder/dzslides/build publish_on_gh_pages

Acesse http://paulojeronimo.github.io/apresentando-como-um-desenvolvedor (exemplo)

Últimas palavras

+ apresentações em HTML

Últimas palavras

Use editores de texto leves!
- Tipo o … Vim
Escreva de forma fluente: 1, 2, 3
Escreva em linguagens de marcação leves (LMLs). Invista, no mínimo, em:
- Markdown
- AsciiDoc
Outras LMLs muito comuns (das várias alternativas existentes): Txt2tags (brasileira), reStructuredText.

AsciiDoc + DZSlides

paulojeronimo.github.io/asciidoc-dzslides-slides

Escreva slides em AsciiDoc

Gere a apresentação em HTML

AsciiDoc + DZSlides

Como faço as firulas?

Como crio uma apresentação nesse modelo?

Criando o repositório da apresentação (1/2)

Criando o repositório da apresentação (2/2)

Editando e visualizando a apresentação

Enviando o repositório para o GitHub (1/2)

Enviando o repositório para o GitHub (2/2)

Publicando a apresentação no GitHub Pages

Últimas palavras

+ apresentações em HTML

Últimas palavras

Fim! Elabore apresentações como um desenvolvedor profissional! ;)