Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Introduction into Harp

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

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
190
Evolving Search at an ecommerce marketplace
Avatar for Alexander Reelsen spinscale
0
220
The new generation of data stores
Avatar for Alexander Reelsen spinscale
0
280
Search Evolution - Keeping up with the hype?
Avatar for Alexander Reelsen spinscale
0
400
Mirror mirror... what am I typing next?
Avatar for Alexander Reelsen spinscale
0
490
The New Generation of Data Stores
Avatar for Alexander Reelsen spinscale
0
260
Elasticsearch: Distributed Search Under the Hood
Avatar for Alexander Reelsen spinscale
0
170
Working distributed - but how?
Avatar for Alexander Reelsen spinscale
0
230
Implementing a custom aws lambda runtime using Crystal
Avatar for Alexander Reelsen spinscale
0
830

Other Decks in Technology

See All in Technology
5分で知るMicrosoft Ignite
Avatar for Taiji HAGINO taiponrock
PRO
0
230
今年のデータ・ML系アップデートと気になるアプデのご紹介
Avatar for Nayuta S. nayuts
1
170
AWSを使う上で最低限知っておきたいセキュリティ研修を社内で実施した話 ~みんなでやるセキュリティ~
Avatar for maimyyym maimyyym
2
190
Edge AI Performance on Zephyr Pico vs. Pico 2
Avatar for misoji engineer iotengineer22
0
110
今からでも間に合う！速習Devin入門とその活用方法
Avatar for Izumu KUSUNOKI ismk
1
540
Kubernetes Multi-tenancy: Principles and Practices for Large Scale Internal Platforms
Avatar for hhiroshell hhiroshell
0
110
Lambdaの常識はどう変わる？！re:Invent 2025 before after
Avatar for TomoyaIwata iwatatomoya
1
370
AI活用によるPRレビュー改善の歩み ― 社内全体に広がる学びと実践
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
1
190
最近のLinux普段づかいWaylandデスクトップ元年
Avatar for Takuma Nakajima penguin2716
1
670
文字列の並び順 / Unicode Collation
Avatar for とみたまさひろ tmtms
0
110
A Compass of Thought: Guiding the Future of Test Automation ( #jassttokai25 , #jassttokai )
Avatar for teyamagu teyamagu
PRO
1
250
エンジニアリングをやめたくないので問い続ける
Avatar for estie | エスティ estie
0
130

Featured

See All Featured
How GitHub (no longer) Works
Avatar for Zach Holman holman
316
140k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
Build your cross-platform service in a week with App Engine
Avatar for Jose L jlugia
234
18k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
490
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Site-Speed That Sticks
Avatar for Harry Roberts csswizardry
13
990
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.5k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.6k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
54k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
9.3k

Transcript

  1. Alexander Reelsen @spinscale [email protected] 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 [email protected]