FrontEnd razvoj: CodePen ali sublimno besedilo?

CodePen ali vzvišeno besedilo?

CodePen ali sublimno besedilo? Če govorimo o spletnem programiranju, nam takoj pride ime HTML, CSS in JavaScript. Do tja je več načinov. Tudi, če odpremo beležko, se lahko lotimo pisanja "html". Res je, da boste, če želite videti rezultat tega, kar programirate s ploščice, potrebovali naporen postopek, da boste opazili napredek.

Ta spletna mesta so glavna igrišča za razvijalce aplikacij za uporabnike dneva. Če želite izvedeti več o prednostih in slabostih teh programov, jih bomo v tem članku podrobno analizirali (vsaj vse, kar vemo). Kot vedno rečem, zagotovo nekateri izmed vas to temo poznate bolj. Če je tako, komentirajte vse, kar nam tu uhaja. Z veseljem se bomo pogovorili!

Danes bomo analizirali CodePen, JSBin, Plunkr, sublimno, CSSDeck, Dabblet in LiveWeave. Katera so najbolj znana in orodja, ki se v tem okolju najbolj uporabljajo. Seveda jih je še več.

Toda za vse, ki ne veste, za kaj gre v FrontEnd ali BackEnd, naj malo razložimo. Front-End ali vmesnik je vizualni del, ki ga bo navigacijski uporabnik lahko videl v spletu. BackEnd bo del, ki ga nadzoruje skrbnik spletnega mesta. Če pri programiranju vnesete kodo prek orodja, ki hkrati prikazuje rezultat, se to imenuje front-end.

CodePen

Za mnoge najbolj popolno orodje vsega, kar govorimo. Uporablja se kot spletno orodje, ki je skupnosti najbližje za prikaz vašega dela. Vrsta youtube od programerja. V tem boste lahko videli delo programerjev, povezanih s spletom, in se obrnili nanje, če vas zanima, si ogledali njihov profil, jim sledili v omrežjih in se celo naročili na njihov kanal, da si ogledate vse njihove prihodnje projekte.

Predstavitev vsebine, podpora in bližnjice na tipkovnici

Najbolj zanimiva je predstavitev CodePenKer lahko z nekaj kliki postopek opravite takoj. Z zelo dobro ločenimi vrsticami html, css in javascript. Poleg vizualnega dela, ki ga lahko premešate gor in dol, da jasno vidite svoj napredek. Tako pomagajo dobro razlikovati vsak jezik. Nekaj, kar pride prav za novejše programerje.

Vaša spletna podpora, je bolj znosno, ko želite začeti uporabljati nekaj, česar v resnici ne poznamo prav dobro. To ne pomeni, da je za vas boljše, odvisno od potreb, ki jih imamo. Ampak ja, malo bolje spoznati okolje, preden se zavežete, da boste karkoli namestili v računalnik "neznanega" izvora.

Če ste eden tistih, ki ste navajeni uporabljati casi popolnoma tipkovnica, ko delate, bo CodePen čudovit za vas. Potrebujejo druga orodja plugins za uporabo bližnjic na tipkovnici za zapolnitev okolja. Zaradi tega je delo nekoliko bolj neprijetno (čeprav je po namestitvi enako učinkovito). CP. standardno integrira sistem, zaradi katerega boste izpolnili iste vrstice kode, ki se ponavljajo, kot bi lahko bile na seznamu. Napišete, kako želite, da se seznam prikaže, in kliknete Tab.

Različica Pro omogoča tudi veliko več možnosti po ceni od 9,00 € za osnovni paket do 29,25 € za paket “Super”. Lahko hkrati posodabljamo v več napravah, kar počnemo v eni. Tudi način sodelovanja, "način učitelja" itd. Koristite, če želite tukaj.

JSBin

JSBin je orodje, ki bi ga lahko označili za neposrednega. Ko boste obiskali svojo spletno domeno, bo takoj pripravljena na pripravo vašega naslednjega projekta. In čeprav njegova prva uprizoritev ni preveč privlačna, je udobna.

JSBin je preprost, z osnovno strukturo, ustvarjeno v html, da ne izgubljate časa, se boste med različnimi jeziki medsebojno dokončali. Najprej je tu HTML, nato CSS, Javascript in na koncu vaše delo vizualno. In čeprav se zdi težje, boste imeli enake bližnjice, ne da bi karkoli namestili. Neposredno iz brskalnika.

Vendar se mi zdi bolj neprijetno pravilno gledati kodo, ko je zaradi naslednjih stolpcev skrita. Ker se morate pri prenosnem računalniku odpovedati ali spustiti trackpad in ni zelo tekoč.

Ima samo dva obroka, brezplačna ali plačljiva. Ta je nekoliko dražji od CodePena, čeprav če ga plačujete letno, je bolj donosno, če lahko plačate 120 EUR.

CSSDeck

CSSDeck

Delovno okolje CSSDeck se razlikuje od tistega, ki smo ga videli zgoraj. CSSDeck je razdeljen samo na dva stolpca, vizualno kodo, in deluje s tremi vrsticami navzdol, s katerimi deli različne vrste jezika. S predstavitvijo v obliki socialnega omrežja in čistejšim delovnim okoljem v svetlih barvah. Zdi se preprosto orodje. Čeprav včasih to ne pomeni, da je negativno.

Z več kot šestdeset tisoč registriranimi uporabniki in več kot dvesto petdeset tisoč ustvarjenimi projekti iskanje in iskanje tistega, kar želite, ne bo težko. Jezik kot vedno, če je lahko nevšečnost za tiste, ki ne znajo angleško, ampak v tem socialna omrežja Slika je zelo pomembna, zato se mi ne zdi velik izziv.

plunkr

plunkr je najmanj privlačno orodje, s katerim sem se doslej srečal. Predstavitev je aglutinirana s sporočili in pomanjkanjem slik. Nalaganje vsebine je počasno in na prvi pogled ni zelo uporabno. Poleg tega razvrščanje po datumu omogoča, da je kateri koli urnik, ne glede na to, kako preprost, na prvem mestu. Če želite videti kaj bolj zanimivega, pojdite na zavihek, ki pravi: «Največ ogledov«. To pomeni, če ga še niste prevedli z Googlom.

Povejte tudi, da so po spletu v različici 1.0.0. To torej pojasnjuje nekaj o oblikovanju, predstavitvi in ​​možnih napakah, ki jih najdete pri brskanju po spletu.

Kot prednost, če vam zmanjka idejvam ne bo treba zapustiti ali odpreti drugega zavihka v Plunkru, saj lahko neposredno iz desne stranske vrstice hodite z drugimi projekti in si jih takoj ogledate. Tako boste lažje zbrali hitre ideje in jih hkrati uporabili pri svojem projektu.

potopiti

potopiti je preprosto orodje, vstopite in ustvarite. Čeprav se lahko registrirate in imate svoje uporabniško ime prek GitHub, to v spletu ne izstopa veliko. Z ozadjem v rumenem do rdečem prelivu, v vizualnem delu in belim ozadjem v delu kode (kot je običajno) je predstavljen projekt Dabblet, čeprav ga lahko spremenite na zavihku CSS. Zame je bolje, da je prazen, saj je le ta gradient le malo življenje a

Ko urejate, lahko nastavite zavihke, ki jih vidite enostavno. Tudi če želite za udoben ogled preklopiti na stolpce ali vrstice, odvisno od osebe, ki ureja. Spreminjanje velikosti pisave, shranjevanje kot anonimno brez registracije ali preverjanja kode HTML je več možnosti, ki jih Dabblet ponuja na prvi pogled. Čeprav to ni prva možnost, ki bi jo izbral, je morda treba upoštevati v prihodnjih različicah, če bodo posodobljene.

Ena izmed stvari, ki mi je bila najmanj všeč, vendar so lahko všeč odlični programerji, je ta nimate možnosti, da oznako označite s tabelo in jo napišete sami. To pomeni, da postavite HTML in kliknete jeziček ter samodejno napišete "html" in "/ html". Nekaj, kar je v drugih aplikacijah, če je to storjeno.

LiveWeave

živo tkanje

LiveWeave Zelo je podoben ostalim, nima ničesar, česar drugi ne bi mogli ponuditi glede uporabnosti. Pri tem projektu poudarjamo njegovo zasnovo, temno barvo, podobno CodePenu, vendar s kvadratno porazdelitvijo. Možnost spreminjanja velikosti okusiti. Obstaja tudi jasen način in «izven vrste« kjer se koda, ki jo uredite, ne bo odražala v vizualu, dokler je ne aktivirate. To ni funkcija, ki se mi zdi zelo koristna, kot oblikovalec je pomembno, da vedno vidite, kaj urejate v realnem času, vendar bo nekdo zagotovo našel kakšno korist. In čeprav se kot vedno lahko registrirate, uporabnik nima vodilne vloge. Tudi če se ne registrirate, lahko svoj projekt shranite.

Sublime Besedilo

To orodje Popolnoma se razlikuje od tistega, kar ste do zdaj videli v analizi. Sublime Text ni kot spletni vir, temveč kot aplikacija. Po eni strani je zagotovo bolj koristno, če ga imamo na namizju. Še posebej zaradi morebitnih zrušitev ali zamrznitev interneta zaradi presežkov in možne izgube dela. Po drugi strani pa ni tako vizualno orodje kot prejšnje. Poleg tega, da nima možnosti skupnosti, da bi si delila projekte.

Tu je vse iz nič. Za postavitev vrstic kode morate ustvariti zavihke in jih preimenovati, da boste vedeli, katera je. Če je prvi HTML, drugi CSS ... ali obratno. Prav tako nima bližnjic za to, kaj bo popolnoma ročno, razen narekovajev.

Zaključek

Vsi programi so podobni nekaterim osebnim dotikom vsakega podjetja, ki vodijo do prednosti in slabosti. Vsak bo izbral tistega, ki mu najbolj ustreza, moje priporočilo je, da CodePen ali CSSDeck uporabljate za okolje in socialno omrežje, ki ga upravlja. Če pa vam je bila všeč še ena, pustite komentar in obrazložite svoje razloge, ki bodo zagotovo koristni.


Pustite svoj komentar

Vaš e-naslov ne bo objavljen. Obvezna polja so označena z *

*

*

  1. Za podatke odgovoren: Miguel Ángel Gatón
  2. Namen podatkov: Nadzor neželene pošte, upravljanje komentarjev.
  3. Legitimacija: Vaše soglasje
  4. Sporočanje podatkov: Podatki se ne bodo posredovali tretjim osebam, razen po zakonski obveznosti.
  5. Shranjevanje podatkov: Zbirka podatkov, ki jo gosti Occentus Networks (EU)
  6. Pravice: Kadar koli lahko omejite, obnovite in izbrišete svoje podatke.