Mér líkar við truflanir. Til að vera nákvæmari líkar ég mér við að byggja þær. Það er eitthvað hreint um að sitja þar fyrir framan skjáinn þinn; Það er bara þú og textaritillinn þinn, skrifaður í venjulegu, gamla HTML og CSS.

Ekki fá mig rangt, dynamic staður er gaman líka. Guð veit að ég er aðdáandi af WordPress og auðvelda notkun sem það veitir notendum. Static staður koma mér aftur, þó. Ég man eftir því að skipta úr WYSIWYG hugbúnaði í textaritil. Ég man eftir því að hagræða þróunarferlinu með fyrsta PHP-virka mínu: fela í sér. Þeir voru góðar dagar, en ólíkt svo mörgum öðrum eru þeir ekki allir farin.

Munurinn er sá að nú getum við gert það betur. Forvinnsluforrit eins Minna og Sass bætt verulega reynslu af að skrifa CSS. Við höfum nokkur tala um forskriftarþrep að blanda inn í HTML okkar, ef við veljum svo. Og þá ... þá gerðu fólk mjög áhugavert.

Ég hef áður nefnt Hamar app fyrir Mac. Það er forrit sem kynnir eigin eiginleikar og þenningar til góðs gömlu HTML, sem gerir þér kleift að innihalda skrá sem hluta í öðru og öðrum góðum hlutum. Það samanstendur af niðurstöðum í reglulega truflanir sem hægt er að hýsa hvar sem er. Það hefur reyndar nokkrar fleiri aðgerðir en það, en þessi grein snýst ekki um hamar. Af hverju? Það er aðeins í boði fyrir Mac-vettvanginn.

Koma inn Harp ...

Kynna Harp

Það er ekki app, það er mikið meira. Það felur í sér preprocessors fyrir CSS. Það felur í sér að templating tungumál fyrir HTML skjöl. Það er lítill miðlara sem hægt er að nota til að þróa, eða breytt í raunverulegan framleiðsluþjón. Þú getur notað JavaScript-miðlarann ​​til að breyta því í fulla app, eins og það keyrir á Node.js. Eða, ef þú ert ekki forritari, þá getur þú einfaldlega byggt upp truflanirnar þínar og síðan sett saman til hýsingar annars staðar.

Vegna þess að það er byggt á Node.js, þá er það cross-platform. Það er líka MIT leyfi, svo það er ókeypis. Þú getur jafnvel gert breytingar og dreifa eða endurselja það ef þú vilt.

Nú, fólk sem hefur verið að hafa auga út mun hafa tekið eftir því að Harp er ekki eina verkfærið af því tagi. Fullt af fólki er að búa til hnúða sem byggir á tólum til að fá vefverkefni hófst fljótt. Helsta vandamálið mitt við þetta er að þeir gera ráð fyrir að þú viljir nota uppáhalds CSS ramma, fjör bókasafn eða HTML boilerplate. Harp gerir engar forsendur um kóðann sem þú vilt skrifa. Það gefur þér bara verkfæri til að skrifa það hraðar.

Hugsaðu þig, það þarf að setja upp og keyra um stjórn línuna. Það er engin GUI fyrir þetta. En þegar þú færð það að fara - og það er ekki erfitt á öllum - kostir þyngra en læra.

Verkfæri

CSS pre-örgjörvum

Núna er ég viss um að flestir lesendur okkar þekkja þær leiðir sem vefmiðlarinn hefur reynt að bæta á vanillu CSS. Þegar lítill framreiðslumaður fyrir verkefnið þitt er í gangi, eru allir færir minna, SASS og Stylus skrár sjálfkrafa saman í CSS.

Samantektin er alltaf ánægjulega hratt. Í öllum prófunum mínum hafa breytingar sem gerðar eru á vefsíðunni minni safnað saman á þeim tíma sem það tekur mig til að vista skrána mína og endurnýja þá vafrann minn.

Templating tungumál

Einnig eru með Jade og EJS. Þetta eru bæði JavaScript templating tungumál sem eru hönnuð til að hjálpa þér að skrifa / búa til fleiri háþróaða HTML skjöl með meiri sveigjanleika. Í grundvallaratriðum er hægt að byggja HTML sniðmát og geyma raunverulegt innihald síðunnar fyrir sig frá þeim sniðmátum. Það er eins og að nota CMS, aðeins það er engin gagnagrunnur (nema þú viljir einn), og þú verður að skrifa allt efnið í venjulegan textaskrá.

The raunverulegur kostur er auðvitað kóða viðhald, auk öll flott efni sem raunverulegur forritari getur gert með raunverulegum miðlara og viðskiptavinarhlið JavaScript. Þetta eru einnig þau tungumál sem leyfa þér að búa til fleiri háþróaða kerfa, eins og blogg, allt tiltölulega auðveldlega (aftur, ef þú ert með forritara á launaskrá).

Hver er munurinn á tveimur? Það er aðallega um hvernig þú vilt frekar að skrifa kóðann þinn.

EJS heldur því einfaldlega. Ef þú veist nú þegar HTML, er það bara spurning um að bæta við í EJS-tilteknum merkjum, svo sem: <% innihalda global / header%>. Hvað gerði ég þarna? Í grundvallaratriðum tókst mér bara HTML fyrir síðuhausinn frá annarri skrá og flutti hana til notkunar í aðalsniðinu mínu. Þú getur gert mikið flóknari efni, auðvitað. Hér er það sem Harp skjölin hafa að segja um EJS.

Jade tekur mjög mismunandi nálgun við að skrifa HTML að öllu leyti. Það lítur svona út, eins og sýnt er á heimasíðu verkefnisins:

bodyh1 Jade - node template engine#container.colif youAreUsingJadep You are amazingelsep Get on it!p.Jade is pretty cool,

Það verður allt þýtt í HTML og Javascript. Athugaðu að ef / annars yfirlýsingu sé sett inn í miðjuna allt og að því er varðar rétt innspýtingu.

Coffeescript

Coffeescript er að JavaScript sem Jade er að HTML. Í grundvallaratriðum er það einfalt snið til að skrifa JavaScript, sem þá færist saman í venjulegu efni. Eins og Jade, það er þungt íhugunar háð og fellur mikið af setningafræði.

Það lítur út fyrir þetta (annað dæmi sem er óskað eftir af heimasíðu verkefnisins):

math =root:   Math.sqrtsquare: squarecube:   (x) -> x * square x

Og framleiðsla lítur svona út:

math = {root: Math.sqrt,square: square,cube: function(x) {return x * square(x);}};

Vettvangurinn

Vefsíðurnar, sem eru búnar til með Harp, geta verið hýst hvar sem er, auðvitað. Það er þess virði að minnast þess þó að höfundar Harps gerðu hýsingu vettvang sérstaklega hönnuð fyrir efni byggt með hugbúnaði sínum. Verðlagningin er ekki slæm og hún sameinar Dropbox til að auðvelda sjálfvirkar uppfærslur á síðuna þína. Athugaðu það hér: www.harp.io

Niðurstaða

Harp, með preprocessors þess, templating tungumál, hreinn hraði og grimmur góðvild, er traustur viðbót við verkfærakassi hönnuður. Ég segi að það sé þess virði að læra.