Upgrade to Pro — share decks privately, control downloads, hide ads and more …

teahour.fm.pdf

 teahour.fm.pdf

http://teahour.fm and its website builder

Dingding Ye

April 06, 2013
Tweet

More Decks by Dingding Ye

Other Decks in Technology

Transcript

  1. {
    Teahour.FM
    For  Developers,  By  Developers

    View Slide

  2. Nice to meet you!
    ွ᠘᠘
    [email protected]
    h=ps://github.com/sishen
    @yedingding
    @yedingding
    h=p://yedingding.com

    View Slide

  3. Why  we  build  Pragmatic.ly

    View Slide

  4. Back  to  Teahour.FM

    View Slide

  5. View Slide

  6. Ñ  Start  at  01/19/2013
    Ñ  Weekly  Episode
    Ñ  10  Episodes  so  far
    Ñ  5  guests
    Ñ  More  than  7K+  listeners
    Ñ  Ruby,  Rails,  JavaScript,  Mobile,  Git
    Ñ  Personal  growth,  Agile,  Open  Source
    Ñ  Fun
    Analystic

    View Slide

  7. Choices  to  Build  the  Site

    View Slide

  8. View Slide

  9. View Slide

  10. View Slide

  11. Nesta  CMS
    A  Ruby  CMS  for  developers  and  designers  built  on  Sinatra

    View Slide

  12. View Slide

  13. View Slide

  14. View Slide

  15. View Slide

  16. View Slide

  17. We  finally  choose…

    View Slide

  18. View Slide

  19. Ñ  ERB,  Haml,  Sass,  Less,  etc
    Ñ  Layouts  and  Partial
    Ñ  View  Helpers
    Ñ  Asset  Pipeline  using  sprockets
    Ñ  Markdown
    A  suite  of  tools  you  already  know

    View Slide

  20. How  to  Use

    View Slide

  21. ─$  tree
    .
    ├──  Gemfile
    ├──  README.md
    ├──  config.rb
    ├──  config.ru
    ├──  data
    │      ├──  author.yml
    │      ├──  site.yml
    │      └──  sitemap.yml
    ├──  source
    │      ├──  2013-­‐‑01-­‐‑19-­‐‑1st_beginning.html.markdown
    │      ├──  ......
    │      ├──  2013-­‐‑04-­‐‑02-­‐‑open-­‐‑source-­‐‑software-­‐‑and-­‐‑gitcafe.html.markdown
    │      ├──  feed.xml.builder
    │      ├──  images
    │      │      ├──  bg.png
    │      │      ├──  .......
    │      │      └──  logo.png
    │      ├──  index.html.erb
    │      ├──  javascripts
    │      │      ├──  application.js
    │      │      └──  main.js.coffee
    │      ├──  layouts
    │      │      ├──  layout.erb
    │      │      └──  podcast.erb
    │      ├──  shared
    │      │      └──  _post.erb
    │      ├──  sitemap.xml.builder
    │      └──  stylesheets
    │              ├──  application.css.scss

    View Slide

  22. $  gem  install  middleman  
    $  middleman  init  teahour.fm  -­‐‑-­‐‑template=html5  
     
     
    $  middleman  server  
    $  middleman  article  interview-­‐‑dhh  
    $  middleman  build

    View Slide

  23. View Slide

  24. View Slide

  25. View Slide

  26. -­‐‑  github.com/pragmaticly/teahour.fm  
     
    -­‐‑  github.com/pragmaticly/blog.pragmatic.ly

    View Slide

  27. Ñ   GitHub  Pages
    Ñ   Heroku  
    Ñ   RSync
    Ñ   Dropbox
    Deployment

    View Slide

  28. Ñ   Skype
    Ñ   GarageBand
    Ñ   SoundFlower
    Ñ   LineIn
     
    h=p://terrytai.com/articles/0e298060-­‐‑record-­‐‑podcast-­‐‑by-­‐‑garage-­‐‑band-­‐‑and-­‐‑skype
    Record

    View Slide

  29. Thank  You!

    View Slide