Todo programador cedo ou tarde deverá apresentar código em slides, seja no trabalho, na faculdade ou em algum evento. O problema, é que apresentar código é bem diferente de escrevê-lo na sua IDE ou editor preferido. Basta escolher o tamanho de fonte errada e você perde toda a atenção do seu público.

Mesmo palestrantes experientes pecam na hora de apresentar código, muitas vezes eles resolvem usar fontes pequenas, background com cores escuras demais ou pior, screenshots da sua IDE favorita. Este último, por exemplo, apesar de parecer fazer sentido enquanto preparamos a palestra, é um tiro no pé. Eu mesmo cai diversas vezes nessa armadilha nas minhas primeiras palestras, em especial na escolha do fundo preto. Por sorte, por ter participado de diversos eventos e observado as apresentações de muitos profissionais eu fui aprendendo como melhorar meus slides e minha desenvoltura durante as palestras. De qualquer forma, foi um processo lento e, algumas vezes, frustrante.

Por esse motivo, eu vou ajudá-lo a não cair nessa armadilha e dessa forma, aumentar suas chances de sucesso na sua próxima palestra!

5 dicas na hora de apresentar código

No primeiro sábado de Julho, dia 02, ocorreu o evento da JavaCE, o Javou #7, nele eu apresentei 5 dicas que considero MUITO importante para apresentar código em slides de forma simples e eficiente. As dicas vão desde o tipo e tamanho de fonte, cores e no que focar no código. Apesar delas serem simples, trabalhar com todas juntas pode dar um trabalhinho...

Sem mais delongas, segue as dicas:

1. Tamanho é documento: sempre use o tamanho de fontes grandes o suficiente para que o carinha lá de trás do auditório possa enxergar. Enquanto ele não poder ler o que está escrito no código sua apresentação não está legal;
2. Use fonte mono-espaçada: não adianta fontes grandes se a fonte escolhida não favorece a leitura. Uma boa fonte para ler código são fontes do tipo monospace, na qual possuem a mesma largura para cada letra, o que ajuda demais na legibilidade. Não conhece fontes monospaced? Use a fonte da sua IDE favorita e você estará em bons lençóis;
3. Cores fazem a diferença: você curte programar numa IDE/editor sem Syntax highlighting? Provavelmente não. O público que lê código também não, por esse motivo escolha um bom conjunto de cores para seu código. Geralmente eu recomendo usar as cores da sua IDE, mas sem exagero, de preferência num fundo branco ou cinza-claro;
4. Foco no que importa: quanto menos código por slide você apresenta melhor, pois seu público conseguirá ler o código e te ouvir ao mesmo tempo. Para isso, você deve remover os trechos de código que não importam, como imports, getters&setters e comentários. Aproveite para usar marcações (highlighting, setas, círculos etc) para enfatizar aquele código que você quer que seu público atente no slide;
5. Dê a informação no momento certo: nunca jogue o código inteiro num slide e espere que seu público adivinhe em que ponto do código você está discutindo. Seu objetivo é fazer seu público acompanhar o que você fala enquanto os slides passam, para isso seu código deve evoluir juntamente com suas palavras e narrativa. Enfim, coloque-se no lugar do seu público e você entenderá como guiá-lo;

Mais interessante ainda é ver os slides da palestra e entender como você pode melhorar suas apresentações através de exemplos práticos.

Slides da palestra

Os slides da palestra (que na verdade foi um Lightning Talk de 10min) estão no meu Slideshare e podem ser visualizados abaixo:

Como Apresentar Código em Slides

A idéia da palestra não veio por acaso, ela foi inspirada na apresentação de mesmo nome feita pelo Markus Eisele (@myfear): How to present code in slides:

O meu interesse com essa palestra foi ajudar desenvolvedores com dicas de como apresentar código nos próximos eventos para que tenham maior sucesso em suas palestras; todo mundo ganha no final, em especial o público. Enfim, a verdade, é que eu gostaria muito de ter aprendido todas essas dicas há alguns anos atrás.

E você, recomenda outra dica importante para apresentar código?