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

Introduction into Harp

Avatar for Alexander Reelsen Alexander Reelsen
December 04, 2014
Technology
1
470

Introduction into Harp

A quick introduction into harp. Hold at the MNUG Meetup in Munich in December 2014
Avatar for Alexander Reelsen

Alexander Reelsen

December 04, 2014
Tweet

More Decks by Alexander Reelsen

See All by Alexander Reelsen
Elasticsearch: From Keyword Search To Data Science
Avatar for Alexander Reelsen spinscale
0
130
Evolving Search at an ecommerce marketplace
Avatar for Alexander Reelsen spinscale
0
140
The new generation of data stores
Avatar for Alexander Reelsen spinscale
0
240
Search Evolution - Keeping up with the hype?
Avatar for Alexander Reelsen spinscale
0
360
Mirror mirror... what am I typing next?
Avatar for Alexander Reelsen spinscale
0
450
The New Generation of Data Stores
Avatar for Alexander Reelsen spinscale
0
220
Elasticsearch: Distributed Search Under the Hood
Avatar for Alexander Reelsen spinscale
0
160
Working distributed - but how?
Avatar for Alexander Reelsen spinscale
0
190
Implementing a custom aws lambda runtime using Crystal
Avatar for Alexander Reelsen spinscale
0
730

Other Decks in Technology

See All in Technology
AWSを利用する上で知っておきたい名前解決の話
Avatar for nagisa_53 nagisa53
6
700
Datadog のトライアルを成功に導く技術 / Techniques for a successful Datadog trial
Avatar for 株式会社ヌーラボ nulabinc
PRO
0
110
PagerDuty×ポストモーテムで築く障害対応文化/Building a culture of incident response with PagerDuty and postmortems
Avatar for AEON aeonpeople
3
560
問 1：以下のコンパイラを証明せよ（予告編） #kernelvm / Kernel VM Study Kansai 11th
Avatar for y_taka_23 ytaka23
2
340
Azure & DevSecOps
Avatar for KAMEGAWA Kazushi kkamegawa
2
150
Part1 GitHubってなんだろう？その２
Avatar for tomokusaba tomokusaba
1
500
genspark_presentation.pdf
Avatar for h.uriu haruki_uiru
1
200
クラウドネイティブ環境の脅威モデリング
Avatar for Kyohei Mizumoto kyohmizu
1
370
製造業向けIoTソリューション提案資料.pdf
Avatar for h.uriu haruki_uiru
0
190
日経電子版 for Android の技術的課題と取り組み(令和最新版)/android-20250423
Avatar for 日本経済新聞社 エンジニア採用事務局 nikkei_engineer_recruiting
2
640
AndroidアプリエンジニアもMCPを触ろう
Avatar for Shinnosuke Kugimiya kgmyshin
2
610
意思決定を支える検索体験を目指してやってきたこと
Avatar for Taisuke Hinata hinatades
PRO
0
400

Featured

See All Featured
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
41
2.3k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
6
530
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
54
6.3k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
85
4.7k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.2k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
22
3.4k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
349
20k
For a Future-Friendly Web
Avatar for Brad Frost brad_frost
177
9.7k
Raft: Consensus for Rubyists
Avatar for Patrick Van Stee vanstee
137
6.9k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.8k

Transcript

  1. Alexander Reelsen @spinscale alexander.reelsen@elasticsearch.com Introduction into harp

  2. About me Developer at Elasticsearch Interested in all things scale,

    search & a bit web No clue about web design likes tech meetups...

  3. More search... Check out the Search Meetup Munich (15th Dec)

    http://www.meetup.com/Search-Meetup-Munich/events/218856224/

  4. Devcamp anyone? Like a barcamp, but for developers only! Location

    for 150 people One big room 5 small conference rooms Sponsors wanted as well Contact me!

  5. Introduction

  6. Static site generators There are a few out there... 388

    https://staticsitegenerators.net/ Known ones Jekyll, Octopress, Pelican, Middleman

  7. Use-Cases Prototyping Documentation Small websites Blogs Potentially replacing misused CMS

  8. harp static web server with built-in preprocessing HTML: EJS, Jade,

    Markdown CSS: LESS, Stylus, SASS JS: Coffeescript

  9. Installation npm install -g harp harp init myproject harp server

    myproject

  10. Features

  11. Command line options harp compile creates compiled HTML/CSS/JS for static

    hosting harp multihost allows to develop multiple projects in parallel

  12. Features - Partials <!-- _nav.ejs --> <nav> <a href="#">Home</a> <a

    href="#">Product</a> <a href="#">Services</a> </nav> <!-- index.ejs --> <body> <%= partial("_nav") %> <h1>Services</h1> <!-- etc. --> </body>

  13. Features - Metadata { "team": { "title": "Team page", "members":

    ["Rob", “Brock", "Jorge"] } } h1= title ul each member in members li= member _data.json team.jade

  14. Integration - express.js var express = require("express"); var harp =

    require("harp"); var app = express(); app.configure(function(){ app.use(express.static(__dirname + "/public")); app.use(harp.mount(__dirname + "/public")); });

  15. Features - Boilerplates harp init -b harp-boilerplates/hb-blog Blog, Bootstrap, Presentations...

    https://github.com/harp-boilerplates

  16. Features - Environment Act different depending on your environment production

    || development Display drafts etc.. Different caching strategy (LRU vs. none) harp compile is production as well!

  17. Features - Deployment GitHub Pages Heroku Azure harp.io

  18. Features... Support for globals.json current object for application state Basic

    Auth Custom 404, 200 (for client apps) More help through recipes http://harpjs.com/recipes/

  19. Not (yet) implemented... browser-sync https://github.com/sintaxi/harp/pull/360 terraform needs to be updated

    more regularly lots of pending PRs with support for other languages Big picture: Harp editor https://github.com/silentrob/harp-editor

  20. DEMO

  21. Resources Harp http://harpjs.com/ https://github.com/sintaxi/harp Harp Platform https://www.harp.io/ Note: No affiliation

    with harp just stole the design!

  22. Thanks for listening! Alexander Reelsen @spinscale alexander.reelsen@elasticsearch.com