Taghtml

HTTP server

Pokud píšete nějaký ten frontend, nebo jen jednoduchou HTML stránku, kterou musíte servírovat přes HTTP protokol a nestačí vám jen její otevření přes file://, pak se vám určitě bude líbit npm balíčk http-server, který dělá přesně to, co jeho název napovídá: servíruje obsah adresáře ve kterém byl spuštěn jako každý webový server (Apache, Nginx…).

Výhodou je, že neni potřeba nic konfigurovat, nastavovat. Stačí jen skrze NPM globálně nainstalovat a pak už jen spustit v adresáři, kde máte svůj frontendový projekt. Hotovo 🙂

Samozřejmostí je logováni do konzoly, a docela bohaté možnosti konfigurace samotného serveru:

Instalace

Spuštění serveru

A pěkné je, že…

Server umí i

  • HTTPS
  • listing adresáře
  • servírování gzipem
  • CORS

Python alternativa

Podobnou funkcionalitu samozřejmě nabízí i Python:

Atom, Jade a HTML

Čim déle používám Atom, tím víc se mi líbí… Dneska jsem narazil na skvělý balíček source-preview-pug. Protože na backendu používm Jade, dnes vlastně už Pug (přejmenovaný Jade kvůli nějakým licenčním sporům váznoucím nad jménem) hodí se vidět, jak kód ze šablony bude vypadat v reálném HTML kódu. A přesně tohle balíček dělá: živí náhled jade (pardon, pug) souboru přímo v Atomu:

Snímek obrazovky 2016-05-25 v 20.15.02

V otevřeném okně s pug šablonou stačí pomocí klávesové zkratky CMD+Shift+P a zadat sopre a otevře se vám nové okno s HTML kódem pug šablony. Pokud includujete šablonu s více souborů, žádný problem: výsledný HTML se korektně slinkuje ze všeho co použíjete v pug souboru.

HTML5 dokumentace

HTML5, JavaScript, and jQuery 24-Hour Trainer
Getting Started with HTML5 WebSocket Programming
Jump Start HTML5
Mastering HTML5 Forms
HTML5 Geolocation
Programming HTML5 Applications
Using the HTML5 Filesystem API
HTML5 Hacks
The Definitive Guide to HTML5
Mobile HTML5
HTML5 Cookbook
HTML5 and JavaScript Projects
HTML5 Advertising
HTML5 and JavaScript Web Apps

© 2018 pepa.holla.cz

Theme by Anders NorénUp ↑