Basel.js meetup presentation 2014-07-09 about the Ghost blogging platform (npm install -g coffee-script ; npm install chalk tiptip ; ./presentation)

presentation

#!/usr/bin/env coffee

tiptip = require 'tiptip'

chalk = require 'chalk'

contrastOk = yes

b = chalk.bold
g = chalk.grey
m = chalk.blue
u = chalk.underline

bg = chalk.bold.grey
bm = chalk.bold.blue
gu = chalk.grey.underline

unless contrastOk
  g = chalk.black
  m = chalk.black

  bg = chalk.bold
  bm = chalk.bold
  gu = chalk.underline

next = g '                         >>>'

demo = (s) -> g if s then "(DEMO: #{s})" else '(DEMO)'

tiptip

.config
  x: 4
  y: 2

.center """
  Contrast Test
  [#{b 'b'}] [#{g 'g'}] [#{m 'm'}] [#{u 'u'}]
  [#{bg 'bg'}] [#{bm 'bm'}] [#{gu 'gu'}]
"""

.center ''

.lines """
  #{b '        Ghost'} #{g '0.4.2'}
"""

.lines """
  #{u "#{g 'https://'}#{b 'Ghost'}#{'.org'}"}

  Presented by
  Felix Rabe (twitter#{g '.com/'}@felixrabe)

  #{next}
"""

.lines m """
  #{b "me"}

  • JavaScript programmer
    (because it's everywhere)
  • #{b 'Entrepreneur'} as of 2014
    (because it's way more fun)
  • In love with simple and elegant

  #{next}
"""

.lines """
  #{b 'What is Ghost'}

  • Just a blogging platform

  • Explicitly not a CMS

    #{demo 'Blog, Admin'}

  #{next}
"""

.lines """
  #{b 'Who started Ghost'}

  • John O'Nolan

  • WordPress core designer and front-end dev

  • Enjoys to work and life all over the world

  #{next}
"""

.lines """
  #{b 'Why Ghost was started'}

  • WordPress deficiencies:
    • unfocussed, grew into CMS
    • slow and complicated development
    • templating output hard to customize
    • editorial workflow

  #{next}
"""

.lines """
  #{b 'Why Ghost was started'}

  • Ghost advantages:
    • focus on blogging
    • open and easy development
    • uses Handlebars
    • (multi-user in 0.5.0)

  #{next}
"""

.lines """
  #{b 'How Ghost was started: Twitter'}

  • Photoshop mockup page
  • Linked from Twitter on Nov 5, 2012
  • Hoped for 25,000 page views
  • Got over 250,000 page views
  • Idea validated

  #{next}
"""

# .start()
.lines """
  #{b 'How Ghost was started: Kickstarter'}

  • Kickstarter (kck.st/1kE8LaS)
  • Goal:    #{g '£'} 25,000
  • Pledged: #{g '£'}196,362 #{g '(~8x)'}
  • Idea validated #{u 'again'}

  #{next}
"""

.lines """
  #{b "How #{u 'YOU'} get started"}

  • Install node.js (nodejs.org)

  • mkdir new-blog ; cd new-blog

    #{demo()}

  #{next}
"""

.lines """
  #{b 'The Ghost community ecosystem'}

  • support.ghost.org
  • Public meetings: #{u 'dev.ghost.org'}
  • WooThemes

  #{next}
"""

.lines """
  #{b 'Ghost live'}

  • #{u 'named-data.education'}

    #{demo()}

  #{next}
"""

.lines """
  #{b "Developing Ghost"}

  • npm module, built with Grunt
  • Test-driven, Vagrant setup (Docker works too)
  • Modern JavaScript stack:
    Express.js, Ember.js, SQLite, when.js promises,
    Handlebars
"""

.lines """
  Thank you!

  felix@rabe.io

  #{g 'This presentation was powered by:'}
  #{g 'npmjs.org/package/tiptip'}

  #{g '==============================='}
"""