CodePen ili uzvišeni tekst? Ako govorimo o web programiranju, odmah nam dolazi ime HTML, CSS i JavaScript. Postoji nekoliko načina kako doći tamo. Čak, ako otvorimo bilježnicu, možemo se upisati u "html". Istina je da će vam biti potreban naporan postupak da biste vidjeli rezultat onoga što programirate s jastučića.
Te su web stranice glavno igralište za programere aplikacija za korisnike dana. Da bismo saznali više o prednostima i nedostacima ovih programa, detaljno ćemo ih analizirati u ovom članku (barem sve što znamo). Kao što uvijek kažem, zasigurno neki od vas ovdje znaju temu više. Ako je tako, komentirajte sve što nam ovdje može pobjeći. Rado ćemo razgovarati!
Danas ćemo analizirati CodePen, JSBin, Plunkr, sublimni, CSSDeck, Dabblet i LiveWeave. Koji su najpoznatiji i alati koji se najviše koriste u ovom okruženju. Ima ih još, naravno.
Ali za sve vas koji ne znate o čemu se radi FrontEnd ili BackEnd, objasnimo malo. Front-End ili sučelje vizualni je dio koji će korisnik navigacije moći vidjeti na webu. BackEnd će biti dio koji kontrolira administrator web mjesta. U programiranju, ako kôd unesete putem alata koji istovremeno prikazuje rezultat, to će se nazvati front-end.
CodePen
Za mnoge najcjelovitiji alat od svega što govorimo. Koristi se kao web alat koji je najbliži zajednici za prikaz vašeg rada. Vrsta Youtube od programera. U ovom ćete moći vidjeti rad programera povezanih s mrežom i kontaktirati ih u slučaju da vas zanima, vidjeti njihov profil, pratiti ih na mrežama, pa čak i pretplatiti se na njihov kanal da biste pogledali sve njihove buduće projekte.
Prezentacija sadržaja, podrška i prečaci na tipkovnici
Prezentacija CodePen je najzanimljivijaJer sa samo nekoliko klikova možete odmah proći kroz postupak. Uz vrlo dobro odvojene retke html, css i javascript. Pored vizualnog dijela, koji možete prosipati gore-dolje kako biste jasno vidjeli svoj napredak. Tako pomažu dobro razlikovati svaki jezik. Nešto što dobro dođe novijim programerima.
Vaša web podrška, čini ga podnošljivijim kada želite početi koristiti nešto što zapravo ne znamo baš najbolje. To ne znači da je za vas bolje, to ovisi o potrebama koje imamo. Ali da, malo bolje upoznati okoliš prije nego što se obvežete instalirati bilo što na računalo "nepoznatog" podrijetla.
Ako ste jedan od onih koji su navikli koristiti casi potpuno tipkovnica kad radite, CodePen će vam biti prekrasan. Potrebni su drugi alati dodaci kako biste mogli upotrijebiti tipkovne prečace za ispunjavanje okoliša. To posao čini malo neugodnijim (iako jednako učinkovit nakon instalacije). CP. standardno integrira sustav koji će vas natjerati da popunite iste retke koda koji se ponavljaju, kao što bi mogao biti na popisu. Napišete kako želite da se popis prikazuje i kliknete Tab.
Pro verzija također omogućuje mnogo više opcija po cijeni od 9,00 € za osnovni paket do 29,25 € za “Super” paket. Mogućnost ažuriranja na nekoliko uređaja istovremeno što radimo na jednom. Također suradnički način rada, "nastavnički način rada" itd. Iskoristite ako želite ovdje.
JSBin
JSBin je alat koji bismo mogli kvalificirati kao izravnog. Budući da nakon što prijeđete na njegovu web domenu, ona će biti spremna za izradu vašeg sljedećeg projekta, bez odgađanja. I premda njegovo prvo uprizorenje nije baš atraktivno, ugodno je.
JSBin je jednostavan, s osnovnom strukturom stvorenom u html-u kako ne biste gubili vrijeme, prolazit ćete između različitih jezika da biste dovršili posao. Prvo je tu HTML, zatim CSS, Javascript i na kraju vaš rad vizualno. I premda se čini teže, imat ćete iste vrste prečaca, a da ništa ne instalirate. Izravno iz preglednika.
Međutim, bilo mi je neugodnije pravilno pregledavati kôd nakon što je skriven zbog sljedećih stupaca. Budući da s prijenosnim računalom morate odustati ili spustiti trackpad i nije jako fluidan.
Ima samo dvije rate, besplatnu ili plaćenu. Ovo je malo skuplje od CodePena, iako ako ga plaćate godišnje, isplativije je ako možete platiti 120 €.
CSSDeck
Radno okruženje CSSDeck razlikuje se od gore viđenog. Podijeljen u samo dva stupca, vizualni kod, CSSDeck radi s 3 retka prema dolje kojima dijeli različite vrste jezika. Prezentacijom u obliku društvene mreže i čišćim radnim okruženjem u svijetlim bojama. Čini se kao jednostavan alat. Iako ponekad, to ne znači da je negativan.
S više od šezdeset tisuća registriranih korisnika i više od dvjesto pedeset tisuća projekata, potraga i pronalazak onoga što želite neće biti teško. Jezik kao i uvijek, ako može biti neugodan za one koji ne znaju engleski, ali u ovome društvena mreža Slika je vrlo važna, pa mislim da nije velik izazov.
plunkr
plunkr to je najmanje atraktivan alat na koji sam do sada naišao. Prezentacija je aglutinirana porukama i nedostatkom slika. Učitavanje sadržaja je sporo i na prvi pogled nije vrlo korisno. Pored toga, redoslijed po datumu bilo koje programiranje, bez obzira koliko je jednostavno, može biti na prvom mjestu. Da biste vidjeli nešto zanimljivije, idite na karticu koja kaže: «Nagledanije«. Odnosno, ako ga prije niste preveli s Googleom.
Također recite da su prema webu u verziji 1.0.0. Dakle, ovo objašnjava malo o dizajnu, prezentaciji i mogućim pogreškama koje pronađete tijekom pregledavanja weba.
Kao prednost ako ostanete bez ideja, nećete morati napustiti ili otvoriti drugu karticu u Plunkru, jer izravno s desne bočne trake možete šetati s drugim projektima i trenutno ih pregledavati. To će vam olakšati prikupljanje brzih ideja i istodobnu primjenu na vašem projektu.
dabblet
dabblet to je jednostavan alat, uđete i stvorite. Iako se možete registrirati i imati svoje korisničko ime putem GitHub-a, to nije nešto što se posebno ističe na webu. S pozadinom u žutom do crvenom gradijentu, u vizualnom dijelu i bijelom pozadinom u dijelu koda (kao i obično), predstavljen je projekt Dabblet, iako ga možete promijeniti na CSS kartici. Za mene je bolje da je prazan, jer taj gradijent jedino što daje je malo Vida a
Kada uređujete, možete konfigurirati kartice koje vidite lako. Čak i ako želite prijeći na stupce ili retke za ugodno gledanje, ovisno o osobi koja uređuje. Promjena veličine fonta, spremanje kao anonimno bez registracije ili provjere HTML koda više su mogućnosti koje Dabblet nudi na prvi pogled. Iako to nije prva opcija koju bih odabrao, možda bi trebalo uzeti u obzir u budućim verzijama ako se ažuriraju.
Jedna od stvari koja mi se najmanje svidjela, ali koja se može svidjeti velikim programerima je ta nemate mogućnost tabelirati naljepnicu i dati joj da se sama napiše. Odnosno, stavite HTML i kliknite karticu i automatski napišite "html" i "/ html". Nešto što je u ostalim aplikacijama ako je gotovo.
LiveWeave
LiveWeave Vrlo je sličan drugima, nema ništa što drugi ne mogu ponuditi u smislu korisnosti. Ono što ističemo kod ovog projekta je njegov dizajn, tamna boja slična CodePenu, ali s kvadratnom raspodjelom. Mogućnost promjene veličine po ukusu. Tu je i jasni način rada i «izvan linije« gdje se kod koji uredite neće vizualno odražavati dok ga ne aktivirate. To nije značajka koja vam se čini vrlo korisnom, jer kao dizajner važno je uvijek vidjeti što uređujete u stvarnom vremenu, ali netko će vam zasigurno koristiti. Iako se, kao i uvijek, možete registrirati, korisnik nema vodeću ulogu. Budući da, čak i ako se ne registrirate, svoj projekt možete spremiti.
Sublime Text
Ovaj alat Potpuno se razlikuje od onoga što ste do sada vidjeli u analizi. Uzvišeni tekst nije kao web resurs, već kao aplikacija. S jedne strane, zasigurno je korisnije imati ga na radnoj površini. Pogotovo zbog mogućih padova ili smrzavanja interneta zbog viška i mogućeg gubitka posla. S druge strane, to nije toliko vizualni alat kao prethodni. Osim što nema mogućnost zajednice da dijeli projekte.
Ovdje je sve ispočetka. Morate stvoriti kartice da biste postavili retke koda i preimenovali ih da biste znali koji je. Ako je prvi HTML, drugi CSS ... ili obrnuto. Također nema prečaca za ono što će biti potpuno ručno, osim citata.
Zaključak
Svi su programi slični određenim osobnim dodirima svake tvrtke koji vode do prednosti i nedostataka. Svatko će odabrati onu koja mu najbolje odgovara, moja je preporuka da koristite CodePen ili CSSDeck za okoliš i društvenu mrežu kojom rukuje. No, ako vam se svidio još jedan, ostavite komentar i objasnite svoje razloge, oni će vam zasigurno biti korisni.