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
160
The new generation of data stores
Avatar for Alexander Reelsen spinscale
0
250
Search Evolution - Keeping up with the hype?
Avatar for Alexander Reelsen spinscale
0
370
Mirror mirror... what am I typing next?
Avatar for Alexander Reelsen spinscale
0
460
The New Generation of Data Stores
Avatar for Alexander Reelsen spinscale
0
230
Elasticsearch: Distributed Search Under the Hood
Avatar for Alexander Reelsen spinscale
0
160
Working distributed - but how?
Avatar for Alexander Reelsen spinscale
0
200
Implementing a custom aws lambda runtime using Crystal
Avatar for Alexander Reelsen spinscale
0
740

Other Decks in Technology

See All in Technology
超簡単！RAGアプリケーション構築術
Avatar for oracle4engineer oracle4engineer
PRO
0
120
他チームへ越境したら、生データ提供ソリューションのクエリ費用95%削減へ繋がった話 / Cross-Team Impact: 95% Off Raw Data Query Costs
Avatar for yamamoto-yuta yamamotoyuta
0
230
ソフトウェアテストのAI活用_ver1.10
Avatar for fumisuke fumisuke
0
220
名刺メーカーDevグループ 紹介資料
Avatar for Sansan, Inc. sansan33
PRO
0
740
AIの電力問題を概観する
Avatar for Ryuichi Maruyama rmaruy
1
210
Cloud Run を解剖して コンテナ監視を考える / Breaking Down Cloud Run to Rethink Container Monitoring
Avatar for Kento Kimura aoto
PRO
0
110
それでもぼくらは貢献をつづけるのだ(たぶん) @FOSS4GLT会#002
Avatar for YFurukawa furukawayasuto
1
270
テストを実施する前に考えるべきテストの話 / Thinking About Testing Before You Test
Avatar for nihonbuson nihonbuson
PRO
13
2k
toittaにOpenTelemetryを導入した話 / Mackerel APM リリースパーティ
Avatar for cohalz cohalz
1
490
Swiftは最高だよの話
Avatar for 野瀬田　裕樹 yuukiw00w
2
280
DevOpsDays Taipei 2025 -- Creating Awesome Change in SmartNews!
Avatar for Ikuo Suyama martin_lover
0
160
Streamline Cloud-Native App Development Using CDEs
Avatar for Saeed Zarinfam saeedzf
0
760

Featured

See All Featured
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
298
21k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
45
9.6k
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
29
1.7k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
28
5.4k
Faster Mobile Websites
Avatar for Dean Hume deanohume
307
31k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
233
140k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
460
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
49
8.1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
34
2.3k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
133
9.3k

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