Skip to content

acbr/talk-template

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

22 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Talk template

Tiago Garcia @ Avenue Code

[email protected]

Feb 11th, 2014


Agenda

  • The template
  • Installing
  • Working
  • Deploying
  • Your talk
  • Organization
  • Content requirements
  • Communication requirements
  • The DONT's
  • Tips
  • If you are recording

Agenda

  • Contributing
  • Learn more
  • Conclusion
  • Assignment

Prerequisites

  • Markdown
  • Reveal.js
  • Grunt

The template

  1. The Avenue Code talk template is a responsive, web-based talk template.
  2. This template is based on Reveal.JS.
  3. All you need to do is to write your content in Markdown.
  4. There are some Grunt jobs to automatize the build process.
  5. It has automatic code highlighting, guessing the programming language you used.
  6. Once it is described in README.md, the talk contents will also be available as the repository description which is a common format for tutorials.

Setting up your repo

  1. Sign in on GitHub
  2. Fork the repository https://github.com/acbr/talk-template
  3. Rename it to match your talk name (ex: talk-design-patterns)
  4. Clone this repository
  5. Navigate to its folder on the terminal

Building and running

  1. Install Node.js
  2. Install Grunt
  3. On the repo folder, install the npm dependencies
$ npm install
  1. Build it, serve it and monitor source files for changes
$ grunt
  1. Open http://localhost:8000 to view your talk

Working

  1. Open up config.json and fill your talk data such as title, author, email, date and description.
  • That is the ONLY FILE you should edit on the project root!
  1. Any further change you will do is inside the src folder, such as:
  • src/README.md to write your talk content in Markdown
  • src/index.html to modify the HTML
  1. Grunt will generate files on the project root as you change src.
  2. In order to separate slides horizontally, use 3 dashes (---).
  3. In order to separate slides vertically, use 4 dashes (----).
  4. In order to call out attention, put an asterisk around your text:
In order to *call out attention*, ...

Deploying

  1. Make sure your build is not breaking.
  • You should see Done, without errors. in the terminal.
  1. git add, git commit and git push to gh-pages branch.
  2. You should see your talk in an address like:

Your talk

  • Should last no more than 50 minutes, leave up to 10 minutes for questions.
  • Should not be too deep neither too superficial.
  • Give at least 3 reference links to be followed for further studies.
  • Give a challenge that would be solved using ideas that were covered on the talk.
  • It is ok to go a little bit far (forcing the attendee to do some research), but that should be optional.

Organization

  • 1st slide: the cover, featuring your talk name, your name, the lecture date and AC logo.
  • 2nd slide: the agenda, in topics.
  • 3nd slide: the prerequisites of your talk.
  • From 4th slide on: your content
  • When content from the same topic doesn't fit on a slide -> grow it VERTICALLY by adding a slide below (----).
  • When you finish a topic and will start a different one -> grow it HORIZONTALLY by adding a slide to the right (---).
  • The 3 last slides: Conclusion, Learn more (with the reference links) and Challenge.

Content requirements

  1. BE CONSISTENT. Master the subject and do not contradict yourself.
  2. CATCH THE ATTENTION. Let the audience know WHY they cannot live one more day without this technology.
  3. BALANCE THEORY AND PRACTICE. Your target is keeping the subject interesting for everybody.
  4. BE CONCISE. Don't overexplain in such way you could cause confusion to your attendees.
  5. KEEP THE FOCUS. Off-topic discussions are ok, but only if it doesn't disturb the natural flow of your content.
  6. BE PREPARED. If you are going to use examples or live coding, make sure you have them all prepared beforehand.

Communication requirements

  1. COMMUNICATE WELL. Be sharp on English, no bad words or slangs and use the best words for the audience.
  2. BE A PRO. Please watch some good screencasts in order to learn how to use your voice and conduct the talk.
  3. BE POLITE. Be respectful and avoid heavy criticism.
  4. BE PROFESSIONAL. Use jokes and humor with parsimony.
  5. TRAIN your full talk at least once before your talk.

The DONT's

  1. DO NEVER SHOW PRIVATE CODE FROM THE CLIENT. This is CRITICAL and can cause serious problems.
  2. DON'T BE ARROGANT. Be humble and don't focus the talk on yourself.
  3. DON'T GENERALIZE, specially stuff that you are not sure about.
  4. DON'T MAKE UP DATA. Base yourself on trustable references.
  5. DON'T TALK LIKE A ROBOT. Just be yourself, natural. Relax :)

Tips

  • ENJOY your experience by creating the talk, because you will surely learn MUCH MORE than your attendees.
  • BRING WATER to drink while you present. You will certainly need it!
  • BE OPEN to receive questions and even criticism. You will learn a lot from them.
  • ALWAYS be polite when talking to your audience. This will always open doors for you.
  • People might come to you with questions and more complex cases after your talk. Consider it as a gift, it means you represent something good for them!

If you are recording

  • Make sure you use a professional microphone when available.
  • Don't do drastic transitions on your screen, as the recorded amount of frames per second is low.
  • Ask atendees to only make questions on the end - so future watchers will just get the real content without interruption.
  • Introduce yourself: "Hello everybody, my name is xxxx, I work for Avenue Code and today's talk will be about yyyyy". Finish it like: "That's it, thanks for watching.".
  • Problems with recording/connection? Always restart from the beginning of the slide. Don't try to restart from where it fails, its impossible to do a clean cut on the video after that.

Contributing

Should you wish to contribute, please be welcome to!

  1. Fork the repository https://github.com/acbr/talk-template
  2. Create a feature branch for your contribution
git checkout -b my-new-feature
  1. Commit your changes
git commit -am 'Add some feature'
  1. Push to the branch
git push origin my-new-feature
  1. Create a Pull Request

Conclusion

  • This talk template rocks!
  • Your life should be easier now.

Learn more

  1. Markdown Cheatsheet
  2. Reveal.JS
  3. Grunt

Challenge

  1. Make your awesome talk based on this template.
  2. Push it to a gh-pages branch on your GitHub account.
  3. Share the URL with the world!

Releases

No releases published

Packages

No packages published