Servindo sites estáticos com Harp JS

Aprenda a criar e servir um site estático com o Harp, gerador de sites estáticos.

O Harp funciona como pré-processador de arquivos Markdown, Sass, Less, CoffeeScript e serve eles como HTML, CSS e JS, prontos para utilização em qualquer serviço de hospedagem.

Nesta apresentação será criada um projeto simples (blog) para mostrar as funcionalidades do Harp.

Apresentação realizada no Tchelinux Porto Alegre 2015.

Transcript

1. Servindo sites estáticos com Harp JS Tchelinux Porto Alegre 2015 Servindo sites estáticos com Harp JS Tchelinux Porto Alegre 2015
2. About Me About Me • Porto-alegrense em Rio Grande • Desenvolvedor de Software há 3 anos • Graduando do TADS - IFRS Rio Grande • Entusiasta da Cultura Hacker • Usuário de software livre há 5 anos :) • Porto-alegrense em Rio Grande • Desenvolvedor de Software há 3 anos • Graduando do TADS - IFRS Rio Grande • Entusiasta da Cultura Hacker • Usuário de software livre há 5 anos :)
3. Um pouco sobre Geradores de Sites Estáticos Um pouco sobre Geradores de Sites Estáticos • Preprocessador de conteúdo estático • Opção 'simplificada' para páginas web dinâmicas • Pode ser hospedado em (praticamente) qualquer lugar! • Preprocessador de conteúdo estático • Opção 'simplificada' para páginas web dinâmicas • Pode ser hospedado em (praticamente) qualquer lugar!
4. Um pouco sobre Geradores de Sites Estáticos Um pouco sobre Geradores de Sites Estáticos • Lista de GSEs – Harp! – Jekyll – Octopress – Pelican – Hakyll * Para mais GSEs, visite www.staticgen.com • Lista de GSEs – Harp! – Jekyll – Octopress – Pelican – Hakyll * Para mais GSEs, visite www.staticgen.com
5. Um pouco sobre o Harp Um pouco sobre o Harp • Servidor web que é usado para servir conteúdos estáticos • Possui um asset pipeline embutido • Suporta sistema de template do layout/partials e metadados • Construído sobre o Node.JS • Servidor web que é usado para servir conteúdos estáticos • Possui um asset pipeline embutido • Suporta sistema de template do layout/partials e metadados • Construído sobre o Node.JS
6. Vamos ao Getting Started Vamos ao Getting Started • Tão simples como executar um comando* sudo npm -g install harp * Se você já tiver instalado o Node.JS :D • Tão simples como executar um comando* sudo npm -g install harp * Se você já tiver instalado o Node.JS :D
7. Vamos ao Getting Started Vamos ao Getting Started • Para criar e servir um projeto é tão simples ainda! harp init projeto harp server projeto • Para criar e servir um projeto é tão simples ainda! harp init projeto harp server projeto
8. LIVE CODING LIVE CODING
9. Muito Obrigado! Servindo sites estáticos com Harp JS Por William Brendaw @liwnerb brendaw.com Muito Obrigado! Servindo sites estáticos com Harp JS Por William Brendaw @liwnerb brendaw.com