FrontEnd garapena: CodePen edo Testu Sublime?

CodePen edo testu sublime?
CodePen edo Testu Sublime? Web programazioaz hitz egiten badugu, HTML, CSS eta JavaScript izenak berehala iritsiko zaizkigu. Iristeko hainbat modu daude. Nahiz eta koaderno bat irekitzen badugu "html" idazten lanean has gaitezke. Egia da pad-etik programatzen ari zarenaren emaitza ikusteko, prozedura neketsua beharko duzula aurrerapenak antzemateko.

Gune hauek eguneko erabiltzaileentzako aplikazioen garatzaileentzako jolasgune nagusiak dira. Programa hauen abantailak eta desabantailak gehiago jakiteko, sakonki aztertuko ditugu artikulu honetan (gutxienez, dakigun guztia). Beti esaten dudan moduan, ziur asko hemen gauden batzuek gehiago ezagutzen duzue gaia. Bada, komentatu hemen ihes egiten digun guztia. Pozik eztabaidatuko dugu!

Gaur CodePen, JSBin, Plunkr, sublime aztertuko ditugu, CSSDeck, Dabblet eta LiveWeave. Zeintzuk dira ezagunenak eta ingurune honetan gehien erabiltzen diren tresnak. Badira gehiago, noski.

FrontEnd edo BackEnd zertan datzan ez dakizun guztientzat, azaldu dezagun pixka bat. Front-End edo interfazea erabiltzaile nabigatzaileak webean ikusi ahal izango duen zati bisuala da. Atzera amaiera webgunearen administratzaileak kontrolatzen duen zatia izango da. Programazioan, emaitza aldi berean bistaratzen duen tresna baten bidez kodea sartzen baduzu, frontend deituko zaio.

CodePen

Askorentzat tresna osatuena hitz egiten dugun guztiaz. Zure lana erakusteko komunitatetik gertuen dagoen web tresna gisa erabiltzen da. Nolakoa Youtube programatzailearengandik. Honetan, webarekin lotura duten programatzaileen lana ikusi eta haiekin harremanetan jar zaitezke interesik baduzu, haien profila ikusi, sareetan jarraitu eta beraien kanalera ere harpidetu, etorkizuneko proiektu guztiak ikusteko.

Edukiaren aurkezpena, laguntza eta teklatu lasterbideak

CodePen aurkezpena da interesgarrienaKlik bakarrarekin prozesua berehala egin dezakezu lan. Html, css eta javascript oso ondo bereizitako lerroekin. Ikusizko zatiaz gain, gora eta behera tarteka dezakezu zure aurrerapena argi ikusteko. Horrela hizkuntza bakoitza ondo bereizten laguntzen du. Programatzaile berrienei ondo etortzen zaien zerbait.

Zure web laguntza, eramangarriagoa egiten du benetan oso ondo ezagutzen ez dugun zerbait erabiltzen hasi nahi duzunean. Horrek ez du esan nahi zuretzat hobea denik, ditugun beharren araberakoa da. Baina bai, jatorri "ezezaguna" duen ordenagailuan ezer instalatzeko konpromisoa hartu aurretik ingurunea pixka bat hobeto ezagutzeko.

Erabiltzen ohituta dagoen horietakoa bazara Casi erabat teklatua lanean ari zarenean, CodePen zoragarria izango da zuretzat. Beste tresna batzuk behar dira plugins ingurunea betetzeko teklatu lasterbideak erabili ahal izateko. Horrek lana deserosoago bihurtzen du (instalatutakoan bezain eraginkorra izan arren). CP. Errepikatzen diren kode lerro berdinak betetzera eramango zaituen sistema estandar gisa integratzen du, zerrenda batean egon litekeen moduan. Zerrenda nola agertzea nahi duzun idatzi eta fitxa sakatuko duzu.

Pro bertsioak aukera gehiago ere ematen ditu oinarrizko paketearen 9,00 € -ko prezioan, 29,25 € "Super" paketearen truke. Hainbat gailutan batera egiten duguna aldi berean eguneratu ahal izatea. Era berean, modu kooperatiboa, "irakasle modua", etab. Onura hemen nahi baduzu.

JSBin

JSBin zuzen gisa kalifikatu dezakegun tresna da. Behin bere web domeinura joanda, zure hurrengo proiektua idazten hasteko prest egongo da, atzerapenik gabe. Eta bere lehen eszenaratzea oso erakargarria ez bada ere, erosoa da.

JSBin erraza da, html-en sortutako oinarrizko egiturarekin denbora ez galtzeko, hizkuntza desberdinen arteko lana tartekatuko duzu lana osatzeko. Lehenik HTMLa dago, ondoren CSS, Javascript eta azkenik zure lana bisualki. Eta zailagoa dirudien arren, lasterbide mota berak izango dituzu ezer instalatu gabe. Arakatzailetik zuzenean.

Hala ere, deserosoagoa iruditu zait kodea ondo ikustea, ondorengo zutabeen ondorioz ezkutatuta dagoenean. Geroztik, ordenagailu eramangarriarekin, amore eman edo behera egin behar duzu trackpad eta ez da oso arina.

Bi kuota besterik ez ditu, doan edo ordainduta. CodePen baino apur bat garestiagoa da, nahiz eta urtero ordaintzen baduzu, errentagarriagoa da, 120 € ordainduz gero.

CSSDeck

CSSDeck
Laneko ingurunea CSSDeck goian ikusitakoaren desberdina da. CSSDeck-ek bi zutabetan soilik, ikusizko kodean banatuta, hizkuntza lerro desberdinak banatzen dituen 3 errenkadekin lan egiten du. Sare sozial baten moduko aurkezpena eta kolore argiko lan giro garbiagoa. Tresna erraza dela dirudi. Batzuetan, horrek ez du esan nahi negatiboa denik.

Erregistratutako hirurogei mila erabiltzaile baino gehiagorekin eta sortutako berrehun eta berrogeita hamar mila proiektu baino gehiagorekin, nahi duzuna bilatzea eta aurkitzea ez da zaila izango. Hizkuntza beti bezala, ingelesa ez dakitenentzat eragozpenak izan badaitezke, baina honetan red social Irudia oso garrantzitsua da, beraz, ez dut uste erronka handia denik.

Plunkr

Plunkr orain arte topatu dudan tresna erakargarriena da. Aurkezpena mezuetan eta irudi faltan aglutinatuta dago. Edukia kargatzea motela da eta ez da oso erabilgarria lehen begiratuan. Gainera, dataren arabera ordenatzeak edozein ordutegi egiten du, nahiz eta sinplea izan, lehen postuan egon daitekeen. Zerbait interesgarriagoa ikusteko, honela dioen fitxara jo beharko zenuke: «Ikusienak«. Hau da, aurretik Google-rekin itzuli ez baduzu.

Esan, gainera, webaren arabera, 1.0.0 bertsioan daudela. Beraz, honek apur bat azaltzen du diseinua, aurkezpena eta sarean arakatzerakoan aurkitzen dituzun akatsak.

Abantaila gisa, ideiak agortzen bazaizkizu, ez duzu beste fitxa bat utzi edo ireki beharrik izango Plunkr-en, eskuineko alboko barratik zuzenean beste proiektu batzuekin ibili eta berehala ikus ditzakezu. Horrek ideia azkarrak biltzea eta aldi berean zure proiektuan aplikatzea erraztuko dizu.

Dabblet

Dabblet tresna erraza da, sartu eta sortu egiten duzu. GitHub-en bidez erregistratu eta zure erabiltzaile izena eduki dezakezun arren, ez da sarean asko nabarmentzen den zerbait. Atzeko planoa gradiente horitik gorrira, zati bisualean eta atzeko plano zuria kodearen zatian (normala den moduan), Dabblet proiektua aurkezten da, CSS fitxatik alda dezakezu. Niretzat hobe da hutsik edukitzea, ematen duen gradiente hori apur bat baita bizitza a

Editatzen ari zarenean, ikusten dituzun fitxak konfigura ditzakezu erraz. Editatzen ari den pertsonaren arabera, eroso ikusi ahal izateko zutabe edo errenkadetara aldatu nahi baduzu ere. Letra-tamaina aldatzea, anonimo gisa gordetzea edo HTML kodea erregistratu gabe balioztatzea dira Dabblet-ek lehen begiratuan eskaintzen dituen aukera gehiago. Aukeratuko nukeen lehenengo aukera ez bada ere, baliteke etorkizuneko bertsioetan kontuan hartzea eguneratzen badira.

Gutxien gustatu zaidan gauza bat, baina programatzaile bikainei gustatu dakiena, hori da ez duzu aukerarik etiketa bat taularatzeko eta berak idazteko. Hau da, jarri HTML eta egin klik fitxan eta idatzi "html" eta "/ html" automatikoki. Beste aplikazioetan egiten den zerbait egiten bada.

LiveWeave

liveweave
LiveWeave Besteen oso antzekoa da, ez dauka besteek erabilgarritasunari dagokionez eskaini ezin duten ezer. Proiektu honi buruz azpimarratzen duguna bere diseinua da, CodePen-en antzeko kolore iluna baina banaketa karratua duena. Tamaina aldatu ahal izatea dastatzeko. Modu argia eta «lerrotik kanpo« bertan editatzen duzun kodea ez da ikusmenean islatuko, hura aktibatu arte. Ez da oso erabilgarria iruditzen zaidan eginbidea. Diseinatzaile gisa, garrantzitsua da editatzen duzuna denbora errealean ikustea, baina norbaitek erabilpen bat aurkituko du ziur. Eta, beti bezala, erregistratu zaitezkeen arren, erabiltzaileak ez du protagonismorik. Geroztik, erregistratu ez arren, zure proiektua gorde dezakezu.

Sublime Testua

Tresna hau Erabat desberdina da analisian orain arte ikusitakoa. Sublime Text ez da web baliabide gisa, aplikazio gisa baizik. Alde batetik, ziur asko erabilgarriagoa da mahaigainean edukitzea. Batez ere, gehiegikeriagatik eta lan galtzeagatik Interneteko krisi edo izozte posibleengatik. Bestalde, ez da aurrekoak bezain tresna bisuala. Komunitateak proiektuak partekatzeko aukerarik ez izateaz gain.

Hemen dena hutsetik dago. Fitxak sortu behar dituzu kode lerroak kokatzeko eta izena aldatu zein den jakiteko. Lehena HTML bada, bigarren CSS ... edo alderantziz. Zein izango den ere ez du lasterbiderik guztiz eskuzkoa, aurrekontuak izan ezik.

Ondorioa

Programa guztiak antzekoak dira enpresa bakoitzaren ukitu pertsonal batzuekin, alde onak eta txarrak izatea eragiten dutenak. Bakoitzak egokitzen zaiona aukeratuko du, nire gomendioa CodePen edo CSSDeck erabiltzea da ingurunea eta kudeatzen duen sare sozialerako. Baina beste bat gehiago gustatu bazaizu, utzi iruzkin bat eta azaldu zure arrazoiak, ziur asko erabilgarriak izango direla.


Artikuluaren edukia gure printzipioekin bat dator etika editoriala. Akats baten berri emateko egin klik hemen.

Idatzi lehenengo iruzkina

Utzi zure iruzkina

Zure helbide elektronikoa ez da argitaratuko. Beharrezko eremuak markatuta daude *

*

*

  1. Datuen arduraduna: Miguel Ángel Gatón
  2. Datuen xedea: SPAM kontrolatzea, iruzkinen kudeaketa.
  3. Legitimazioa: Zure baimena
  4. Datuen komunikazioa: datuak ez zaizkie hirugarrenei jakinaraziko legezko betebeharrez izan ezik.
  5. Datuak biltegiratzea: Occentus Networks-ek (EB) ostatatutako datu-basea
  6. Eskubideak: Edonoiz zure informazioa mugatu, berreskuratu eta ezabatu dezakezu.