FrontEnd Development: CodePen of sublieme teks?

CodePen of sublieme teks?
CodePen of sublieme teks? As ons oor webprogrammering praat, kom die naam van HTML, CSS en JavaScript onmiddellik na ons toe. Daar is verskillende maniere om daarheen te kom. Selfs, as ons 'n notaboek oopmaak, kan ons aan die werk gaan om 'html' te skryf. Dit is waar dat u 'n moeisame prosedure nodig het om die resultaat van wat u programmeer vanaf 'n boekie te sien.

Hierdie webwerwe is die belangrikste speelgronde vir ontwikkelaars van toepassings vir gebruikers van die dag. Om meer te wete te kom oor die voor- en nadele van hierdie programme, gaan ons dit diep in hierdie artikel ontleed (ten minste alles wat ons weet). Soos ek altyd sê, sommige van julle weet sekerlik die onderwerp meer. Indien wel, lewer kommentaar op alles wat ons hier ontgaan. Ons bespreek dit graag!

Vandag gaan ons CodePen, JSBin, Plunkr, subliem ontleed, CSSDeck, Dabblet en LiveWeave. Wat is die bekendste en die instrumente wat die meeste in hierdie omgewing gebruik word. Daar is natuurlik meer.

Maar vir almal wat nie weet waaroor die FrontEnd of BackEnd gaan nie, kan ons dit 'n bietjie verduidelik. Die front-end of koppelvlak is die visuele deel wat die gebruiker op die internet kan sien. Die BackEnd sal die deel wees wat die werfadministrateur beheer. As u kode in die programmering invoer deur 'n instrument wat die resultaat gelyktydig vertoon, sal dit front-end genoem word.

CodePen

Vir baie mense die mees volledige hulpmiddel van alles wat ons praat. Word gebruik as 'n webhulpmiddel wat die naaste aan 'n gemeenskap is om u werk te wys. N tipe van Youtube van die programmeerder. Hierin is u in staat om die werk van die programmeerders verbonde aan die internet te sien en hulle te kontak as u belangstel, hul profiel te sien, hulle op netwerke te volg en selfs op hul kanaal in te teken om al hul toekomstige projekte te sien.

Aanbieding van inhoud, ondersteuning en kortpaaie

Die CodePen-aanbieding is die interessantsteWant met net 'n paar klik kan u dadelik deur die proses werk. Met baie goed geskeide lyne van html, css en javascript. Benewens die visuele deel, wat u op en af ​​kan versprei om u vordering duidelik te sien. Sodoende help dit om elke taal goed te onderskei. Iets wat handig te pas kom vir nuwer programmeerders.

U webondersteuning, maak dit draagliker as u iets wil begin gebruik wat ons nie regtig goed ken nie. Dit beteken nie dat dit beter is vir u nie, dit hang af van die behoeftes wat ons het. Maar ja, om die omgewing 'n bietjie beter te leer ken voordat u daartoe verbind om enigiets op die rekenaar van 'onbekende' oorsprong te installeer.

As u een van diegene is wat gewoond is aan die gebruik casi heeltemal sleutelbord as jy werk, sal CodePen vir jou wonderlik wees. Ander gereedskap benodig plugins om sneltoetspaaie te kan gebruik om die omgewing in te vul. Dit maak die werk 'n bietjie ongemakliker (hoewel dit net so effektief is sodra dit geïnstalleer is). CP. integreer standaard 'n stelsel waarmee u dieselfde kode lyne kan invul wat herhaal word, soos in 'n lys. U skryf hoe u die lys wil laat verskyn en klik op Tab.

Die Pro-weergawe bied ook baie meer opsies vir 'n prys van € 9,00 vir die basiese pakket tot € 29,25 vir die "Super" -pakket. In staat wees om gelyktydig op te dateer wat ons in een doen. Ook 'n koöperatiewe modus, 'n 'onderwysermodus', ens. Voordeel as u hier wil.

JSBin

JSBin is 'n instrument wat ons as direkte kan kwalifiseer. Aangesien u na sy webdomein gaan, sal dit onmiddellik u volgende projek kan opstel. En hoewel die eerste opvoering nie baie aantreklik is nie, is dit gemaklik.

JSBin is eenvoudig, met die basiese struktuur wat in html geskep word om nie tyd te mors nie, sal u tussen die verskillende tale in mekaar sit om die werk te voltooi. Eers is daar HTML, dan CSS, Javascript en uiteindelik u werk visueel. En hoewel dit moeiliker lyk, sal u dieselfde soorte kortpaaie hê sonder om iets te installeer. Direk vanaf die blaaier.

Ek vind dit egter ongemakliker om die kode korrek te sien as dit eers weggesteek is weens die daaropvolgende kolomme. Aangesien u met die skootrekenaar moet opgee of afneem met die trackpad en dit is nie baie vloeibaar nie.

Dit het net twee paaiemente, gratis of betaal. Dit is 'n bietjie duurder as CodePen, maar as u dit jaarliks ​​betaal, is dit winsgewender as u € 120 kan betaal.

CSSDeck

CSSDeck
Die werksomgewing van CSSDeck is anders as hierbo gesien. Verdeel in slegs twee kolomme, visuele kode, werk CSSDeck met drie rye af waarmee dit die verskillende soorte taal verdeel. Met 'n aanbieding in die vorm van 'n sosiale netwerk en 'n skoner werkomgewing in ligte kleur. Dit lyk na 'n eenvoudige hulpmiddel. Alhoewel dit soms nie beteken dat dit negatief is nie.

Met meer as sestigduisend geregistreerde gebruikers en meer as tweehonderd-en-vyftigduisend projekte is dit moeilik om te soek en te vind wat u wil hê. Die taal soos altyd, as dit 'n ongemak kan wees vir diegene wat nie Engels ken nie, maar wel hierin sosiale netwerk Die beeld is baie belangrik, so ek dink nie dit is 'n groot uitdaging nie.

Plunkr

Plunkr dit is die minste aantreklike hulpmiddel wat ek tot dusver teëgekom het. Die aanbieding is verswak in boodskappe en gebrek aan beelde. Die laai van inhoud is stadig en op die eerste oogopslag nie baie nuttig nie. Daarbenewens kan die programmering op datum enige programmering, hoe eenvoudig ook al, in die eerste posisie wees. Om iets interessanter te sien, moet u na die blad gaan wat sê: «meeste Toegang«. Dit wil sê as u dit nog nie met Google vertaal het nie.

Sê ook dat dit volgens die web in weergawe 1.0.0 is. Dit verklaar dus 'n bietjie oor die ontwerp, die aanbieding en die moontlike foute wat u op die internet kan sien.

As 'n voordeel as u idees opraak, hoef u nie 'n ander oortjie in Plunkr te verlaat of oop te maak nie, aangesien u direk vanaf die regterkantbalk met ander projekte kan loop en dit onmiddellik kan sien. Dit sal u makliker maak om vinnige idees te versamel en terselfdertyd op u projek toe te pas.

Dablet

Dablet dit is 'n eenvoudige hulpmiddel, jy gaan in en skep. Alhoewel u via GitHub kan registreer en u gebruikersnaam kan hê, is dit nie iets wat baie op die internet opval nie. Met 'n agtergrond in 'n geel tot rooi gradiënt, in die visuele deel en 'n wit agtergrond in die kodedeel (soos gewoonlik) word die Dabblet-projek aangebied, alhoewel u dit kan verander vanaf die CSS-oortjie. Vir my is dit beter om dit leeg te hê, aangesien die gradiënt 'n bietjie is lewe a

Wanneer u besig is om te redigeer, kan u die oortjies wat u sien, instel maklik. Ook as u na kolomme of rye wil oorskakel vir gemaklike besigtiging, afhangende van die persoon wat redigeer. Om die lettergrootte te verander, as anoniem te stoor sonder om die HTML-kode te registreer of te valideer, is meer moontlikhede wat Dabblet met die eerste oogopslag bied. Alhoewel dit nie die eerste opsie is wat ek sou kies nie, kan dit wees om in toekomstige weergawes in ag te neem as dit opgedateer word.

Een van die dinge waarvan ek die minste gehou het, maar waarvan groot programmeerders dalk hou, is dat u het nie die opsie om 'n etiket te tabelleer en self te laat skryf nie. Dit wil sê, sit HTML en klik op die blad en skryf outomaties "html" en "/ html". Iets wat in die ander toepassings as dit gedoen word.

LiveWeave

liveweave
LiveWeave Dit is baie soortgelyk aan die ander, dit het niks wat die ander nie in terme van nut kan bied nie. Wat ons by hierdie projek uitlig, is die ontwerp, 'n donker kleur soortgelyk aan CodePen, maar met 'n vierkantige verspreiding. Die grootte kan verander om te proe. Daar is ook die duidelike modus en die «onvanpas« waar die kode wat u wysig nie in die visuele weergawe sal weerspieël word voordat u dit aktiveer nie. Dit is nie 'n kenmerk wat u baie nuttig vind nie, as 'n ontwerper. Dit is belangrik om altyd in realtime te sien wat u wysig, maar iemand sal u beslis gebruik. En hoewel u soos altyd kan registreer, het die gebruiker nie 'n leidende rol nie. Aangesien u nie kan registreer nie, kan u u projek stoor.

Sublime teks

Hierdie instrument Dit verskil heeltemal van wat u tot dusver in die ontleding gesien het. Sublieme teks is nie 'n webbron nie, maar 'n toepassing. Aan die een kant is dit seker nuttiger om dit op die lessenaar te hê. Veral as gevolg van moontlike internetongelukke of -vries as gevolg van oormaat en die moontlike verlies aan werk. Aan die ander kant is dit nie so 'n visuele instrument soos die vorige nie. Behalwe dat die gemeenskap nie projekte kan deel nie.

Hier is alles van voor af. U moet tabs maak om die kode se reëls te plaas en dit te hernoem om te weet watter een dit is. As die eerste HTML is, is die tweede CSS ... of andersom. Dit het ook geen kortpaaie vir wat dit sal wees nie volledig handleiding, behalwe die aanhalings.

Gevolgtrekking

Alle programme is soortgelyk met sekere persoonlike aanrakinge van elke onderneming wat lei tot voor- en nadele daarin. Elkeen sal die een kies wat die beste by hulle pas, my aanbeveling is om CodePen of CSSDeck te gebruik vir die omgewing en die sosiale netwerk wat dit hanteer. Maar as u van nog een hou, lewer 'n opmerking en verduidelik u redes, dit sal beslis nuttig wees.


Die inhoud van die artikel voldoen aan ons beginsels van redaksionele etiek. Klik op om 'n fout te rapporteer hier.

Wees die eerste om te kommentaar lewer

Laat u kommentaar

Jou e-posadres sal nie gepubliseer word nie. Verpligte velde gemerk met *

*

*

  1. Verantwoordelik vir die data: Miguel Ángel Gatón
  2. Doel van die data: Beheer SPAM, bestuur van kommentaar.
  3. Wettiging: U toestemming
  4. Kommunikasie van die data: Die data sal nie aan derde partye oorgedra word nie, behalwe deur wettige verpligtinge.
  5. Datastoor: databasis aangebied deur Occentus Networks (EU)
  6. Regte: U kan u inligting te alle tye beperk, herstel en verwyder.