FrontEnd Development: CodePen eða háleitur texti?

CodePen eða háleitur texti?
CodePen eða háleitur texti? Ef við tölum um forritun á vefnum kemur nafnið á HTML, CSS og JavaScript strax til okkar. Það eru nokkrar leiðir til að komast þangað. Jafnvel, ef við opnum skrifblokk getum við farið að vinna við að skrifa „html“. Það er satt að til að sjá niðurstöðuna af því sem þú forritar frá púði þarftu erfiða aðferð til að taka eftir framförum.

Þessar síður eru helstu leiksvæði fyrir forritara forrita fyrir notendur dagsins. Til að læra meira um kosti og galla þessara forrita ætlum við að greina þau djúpt í þessari grein (að minnsta kosti allt sem við vitum). Eins og ég segi alltaf, vissulega vita sumir ykkar hér um efnið meira. Ef svo er, gerðu athugasemdir við allt sem sleppur okkur hér. Við munum vera fús til að ræða!

Í dag ætlum við að greina CodePen, JSBin, Plunkr, háleit, CSSDeck, Dabblet og LiveWeave. Hver eru þekktust og þau verkfæri sem mest eru notuð í þessu umhverfi. Það eru auðvitað fleiri.

En fyrir ykkur öll sem ekki vitið hvað FrontEnd eða BackEnd snýst um, skulum við útskýra aðeins. Framhliðin eða viðmótið er sjónræni hlutinn sem notandinn á leiðinni mun geta séð á vefnum. BackEnd verður sá hluti sem stjórnandi síðunnar stjórnar. Ef þú slærð inn kóða í forritun í tóli sem sýnir niðurstöðuna samtímis, verður þetta kallað framhlið.

CodePen

Fyrir marga fullkomnasta tólið af öllu sem við tölum um. Notað sem veftæki sem er næst samfélaginu til að sýna verk þín. Einskonar youtube frá forritaranum. Í þessu geturðu séð verk forritaranna sem tengjast vefnum og haft samband við þá ef þú hefur einhvern áhuga, séð prófíl þeirra, fylgst með þeim á netkerfum og jafnvel gerst áskrifandi að rás þeirra til að skoða öll framtíðarverkefni þeirra.

Kynning á efni, stuðningi og flýtilyklum

CodePen kynningin er athyglisverðustVegna þess að með örfáum smellum geturðu unnið í gegnum ferlið strax. Með mjög vel aðskildum línum af html, css og javascript. Til viðbótar við sjónræna hlutann, sem þú getur fléttað upp og niður til að sjá greinilega framfarir þínar. Þannig að hjálpa til við að aðgreina hvert tungumál vel. Eitthvað sem kemur sér vel fyrir nýrri forritara.

Stuðningur þinn við vefinn, gerir það bærilegra þegar þú vilt byrja að nota eitthvað sem við þekkjum í raun ekki mjög vel. Það þýðir ekki að það sé betra fyrir þig, það fer eftir þörfum sem við höfum. En já, til að kynnast umhverfinu aðeins betur áður en þú skuldbindur þig til að setja eitthvað í tölvuna af "óþekktum" uppruna.

Ef þú ert einn af þeim sem eru vanir að nota Casi algerlega lyklaborð þegar þú vinnur, CodePen verður yndislegt fyrir þig. Önnur verkfæri þurfa viðbætur að geta notað flýtilykla til að fylla í umhverfið. Þetta gerir starfið aðeins óþægilegra (þó það sé eins árangursríkt þegar það er sett upp). CP. samþættir sem staðall kerfi sem fær þig til að fylla út sömu línur af kóða og eru endurteknar, eins og það gæti verið á lista. Þú skrifar hvernig þú vilt að listinn birtist og smellir á Tab.

Pro útgáfan leyfir einnig mörgum fleiri möguleikum á verðinu 9,00 € fyrir grunnpakkann til 29,25 € fyrir "Super" pakkann. Að geta uppfært í nokkrum tækjum samtímis það sem við gerum í einu. Einnig samvinnuháttur, „kennarastilling“ o.s.frv. Hagur ef þú vilt hingað.

JSBin

JSBin er tæki sem við gætum talist vera beint. Þar sem þegar þú ferð á veflén þess verður það tilbúið að hefja næsta verkefni án tafar. Og þó að fyrsta sviðsetning þess sé ekki mjög aðlaðandi, þá er hún þægileg.

JSBin er einfalt, með grunnbygginguna sem er búin til í html til að eyða ekki tíma, verður þú að víxla á milli mismunandi tungumála til að ljúka verkinu. Fyrst er HTML, síðan CSS, Javascript og að lokum verk þín sjónrænt. Og þó að það virðist erfiðara, þá muntu hafa sömu tegundir flýtileiðir án þess að setja neitt upp. Beint úr vafranum.

Hins vegar hefur mér fundist óþægilegra að skoða kóðann rétt, þegar hann er falinn vegna síðari dálka. Þar sem, með fartölvunni, verður þú að gefast upp eða niður með rekja spor einhvers og það er ekki mjög fljótandi.

Það hefur aðeins tvær afborganir, ókeypis eða greiddar. Þetta er aðeins dýrara en CodePen, þó að ef þú borgar það árlega er það arðbært, ef þú getur borgað € 120.

CSSDeck

CSSDeck
Starfsumhverfi CSSDeck er frábrugðið því sem sést hér að ofan. Skipt í aðeins tvo dálka, sjónrænan kóða, CSSDeck vinnur með 3 línum niður sem það skiptir mismunandi tegundum tungumáls með. Með kynningu í formi félagslegs nets og hreinna vinnuumhverfis í ljósum lit. Það virðist vera einfalt tæki. Þó stundum þýðir það ekki að það sé neikvætt.

Með meira en sextíu þúsund skráðum notendum og meira en tvö hundruð og fimmtíu þúsund verkefni búin til, verður það ekki erfitt að leita og finna það sem þú vilt. Tungumálið eins og alltaf, ef það getur verið óþægindi fyrir þá sem ekki kunna ensku, en í þessu félagslegur net Ímyndin er mjög mikilvæg, svo ég held að hún sé ekki mikil áskorun.

Plunkr

Plunkr það er minnsta aðlaðandi tól sem ég hef rekist á hingað til. Kynningin er samofin skilaboðum og skorti á myndum. Hleðsla efnis er hæg og ekki mjög gagnleg við fyrstu sýn. Að auki gerir röðun eftir dagsetningu hvers forritun, sama hversu einföld, getur verið í fyrsta sæti. Til að sjá eitthvað meira áhugavert ættirðu að fara á flipann sem segir: «mest skoðað«. Það er að segja ef þú hefur ekki þýtt það með Google áður.

Segðu einnig að samkvæmt vefnum séu þeir í útgáfu 1.0.0. Svo þetta skýrir svolítið um hönnunina, kynninguna og mögulegar villur sem þú finnur þegar þú vafrar á vefnum.

Sem kostur, ef þú verður uppiskroppa með hugmyndir, þú þarft ekki að yfirgefa eða opna annan flipa í Plunkr, þar sem beint frá hægri skenkur er hægt að ganga með önnur verkefni og skoða þau strax. Þetta auðveldar þér að safna skjótum hugmyndum og beita þeim á verkefnið á sama tíma.

Dabblet

Dabblet það er einfalt tæki, þú ferð inn og býrð til. Þó að þú getir skráð þig og haft notendanafn þitt í gegnum GitHub, þá er það ekki eitthvað sem stendur mikið upp úr á vefnum. Með bakgrunn í gulum til rauðum stigi, í sjónhlutanum og hvítum bakgrunni í kóðahlutanum (eins og eðlilegt er) er Dabblet verkefnið kynnt, þó að þú getir breytt því frá CSS flipanum. Fyrir mig er betra að hafa það autt, þar sem þessi halli er það eina sem gefur lítið lífið a

Þegar þú ert að breyta geturðu stillt flipana sem þú sérð auðveldlega. Jafnvel líka ef þú vilt skipta yfir í dálka eða línur til að þægilegt sé að skoða það eftir þeim sem er að klippa. Að breyta leturstærð, vista sem nafnlaus án þess að skrá eða staðfesta HTML kóðann eru fleiri möguleikar sem Dabblet býður upp á við fyrstu sýn. Þó það sé ekki fyrsti kosturinn sem ég myndi velja, gæti verið að taka tillit til framtíðarútgáfa ef þær eru uppfærðar.

Eitt af því sem mér líkaði síst en frábærir forritarar kunna að líka við, er það þú hefur ekki möguleika á að setja töflu á merkimiða og láta það skrifa sjálft. Það er að setja HTML og smella á flipann og skrifa „html“ og „/ html“ sjálfkrafa. Eitthvað sem í öðrum forritum ef það er gert.

LiveWeave

lifandi vefur
LiveWeave Það er mjög líkt hinum, það hefur ekkert sem hinir geta ekki boðið hvað varðar notagildi. Það sem við dregum fram við þetta verkefni er hönnun þess, dökkur litur svipaður CodePen en með fermetra dreifingu. Að geta breytt stærðinni að smakka. Það er líka skýr háttur og «úr línu« þar sem kóðinn sem þú breytir kemur ekki fram í sjónmálinu fyrr en þú virkjar hann. Það er ekki eiginleiki sem mér finnst mjög gagnlegur, sem hönnuður, það er mikilvægt að sjá alltaf það sem þú breytir í rauntíma, en einhver mun finna það einhverja vissu. Og þó að þú getir skráð þig eins og alltaf hefur notandinn ekki leiðandi hlutverk. Þar sem, jafnvel þótt þú skráir þig ekki, geturðu vistað verkefnið.

Sublime Text

Þetta tól það er gjörólíkt því sem þú hefur séð hingað til í greiningunni. Háleitur texti er ekki sem vefsíðan, heldur sem forrit. Annars vegar er það vissulega gagnlegra að hafa það á skjáborðinu. Sérstaklega vegna mögulegs hruns eða frystingar á netinu vegna umfram og hugsanlegs vinnutaps. Á hinn bóginn er það ekki eins sjónrænt tæki og þau fyrri. Fyrir utan að hafa ekki möguleika samfélags til að deila verkefnum.

Hér er allt frá grunni. Þú verður að búa til flipa til að setja línur kóðans og endurnefna þær til að vita hverjar þær eru. Ef sú fyrsta er HTML, önnur CSS .. eða öfugt. Það hefur heldur enga flýtileiðir fyrir hvað það verður alveg handbók, nema tilvitnanirnar.

Ályktun

Öll forritin eru svipuð með ákveðnum persónulegum snertingum hvers fyrirtækis sem leiða til þess að hafa kosti og galla í sér. Hver og einn mun velja þann sem hentar þeim best, tilmæli mín eru að nota CodePen eða CSSDeck fyrir umhverfið og félagslega netið sem það sér um. En ef þér líkaði við annan í viðbót, skildu eftir athugasemd og útskýrðu ástæður þínar, þær munu örugglega nýtast.


Innihald greinarinnar fylgir meginreglum okkar um siðareglur ritstjórnar. Til að tilkynna um villu smelltu hér.

Vertu fyrstur til að tjá

Skildu eftir athugasemd þína

Netfangið þitt verður ekki birt. Nauðsynlegir reitir eru merktir með *

*

*

  1. Ábyrgðarmaður gagna: Miguel Ángel Gatón
  2. Tilgangur gagnanna: Control SPAM, umsögn stjórnun.
  3. Lögmæti: Samþykki þitt
  4. Samskipti gagna: Gögnunum verður ekki miðlað til þriðja aðila nema með lagalegri skyldu.
  5. Gagnageymsla: Gagnagrunnur sem Occentus Networks (ESB) hýsir
  6. Réttindi: Hvenær sem er getur þú takmarkað, endurheimt og eytt upplýsingum þínum.