Żvilupp FrontEnd: CodePen jew Test Sublimi?

CodePen jew test sublimi?
CodePen jew Test Sublimi? Jekk nitkellmu dwar l-ipprogrammar tal-web, l-isem tal-HTML, CSS u JavaScript jiġi għandna mill-ewwel. Hemm diversi modi kif tasal hemm. Anke, jekk niftħu notepad nistgħu nibdew naħdmu niktbu "html". Huwa veru li biex tara r-riżultat ta 'dak li qed tipprogramma minn pad, ikollok bżonn proċedura impenjattiva biex tinnota l-progress.

Dawn is-siti huma l-bitħa ewlenin għall-iżviluppaturi ta 'applikazzjonijiet għall-utenti tal-ġurnata. Biex nitgħallmu aktar dwar il-vantaġġi u l-iżvantaġġi ta 'dawn il-programmi, ser janalizzawhom profondament f'dan l-artikolu (għallinqas, dak kollu li nafu). Kif dejjem ngħid, żgur li wħud minnkom hawn jafu s-suġġett aktar. Jekk iva, ikkummenta fuq dak kollu li jaħrab minna hawn. Inkunu kuntenti li niddiskutu!

Illum se nanalizzaw CodePen, JSBin, Plunkr, sublimi, CSSDeck, Dabblet, u LiveWeave. Liema huma l-aktar magħrufa u l-għodod l-aktar użati f'dan l-ambjent. Hemm aktar, ovvjament.

Imma għalikom kollha li ma jafux x'inhu l-FrontEnd jew il-BackEnd, ejja nispjegaw ftit. Il-Front-End jew l-interface huwa l-parti viżwali li l-utent tan-navigazzjoni jkun jista 'jara fuq il-web. Il-BackEnd se jkun il-parti li l-amministratur tas-sit jikkontrolla. Fil-programmazzjoni, jekk iddaħħal kodiċi permezz ta 'għodda li turi simultanjament ir-riżultat, dan jissejjaħ front-end.

CodePen

Għal ħafna l-aktar għodda kompluta ta 'dak kollu li nitkellmu. Użat bħala għodda tal-web li hija l-eqreb ħaġa għal komunità biex turi x-xogħol tiegħek. Tip ta ' youTube mill-programmer. F’dan, tkun tista ’tara x-xogħol tal-programmaturi affiljati mal-web u tikkuntattjahom f’każ li jkollok xi interess, tara l-profil tagħhom, issegwihom fuq in-netwerks u anke tabbona għall-kanal tagħhom biex tara l-proġetti futuri kollha tagħhom.

Preżentazzjoni ta 'kontenut, appoġġ u shortcuts tat-tastiera

Il-preżentazzjoni CodePen hija l-aktar interessantiMinħabba li bi ftit klikks, tista 'taħdem permezz tal-proċess minnufih. B'linji separati tajjeb ħafna ta 'html, css u javascript. Minbarra l-parti viżwali, li tista 'talterna' l fuq u 'l isfel biex tara b'mod ċar il-progress tiegħek. B'hekk tgħin biex tiddifferenzja sew kull lingwa. Xi ħaġa li tiġi utli għal programmaturi ġodda.

L-appoġġ tal-web tiegħek, jagħmilha aktar sopportabbli meta trid tibda tuża xi ħaġa li ma tantx nafuha sew. Dan ma jfissirx li huwa aħjar għalik, jiddependi fuq il-bżonnijiet li għandna. Imma iva, biex issir taf l-ambjent ftit aħjar qabel ma tikkommetti ruħek li tinstalla xi ħaġa fuq il-kompjuter ta 'oriġini "mhux magħrufa".

Jekk int wieħed minn dawk li mdorri tuża kważi totalment tastiera meta taħdem, CodePen ikun sabiħ għalik. Għodda oħra jeħtieġu plugins biex tkun tista 'tuża shortcuts tat-tastiera biex timla l-ambjent. Dan jagħmel ix-xogħol ftit iktar skomdu (għalkemm daqstant effettiv ladarba jkun installat). CP. Tintegra bħala standard sistema li tagħmlek timla l-istess linji ta 'kodiċi li huma ripetuti, kif jista' jkun f'lista. Tikteb kif trid tidher il-lista u kklikkja Tab.

Il-verżjoni Pro tippermetti wkoll ħafna aktar għażliet għal prezz ta ’€ 9,00 għall-pakkett bażiku għal € 29,25 għall-pakkett“ Super ”. Li tkun kapaċi taġġorna f'diversi apparati simultanjament dak li nagħmlu f'waħda. Ukoll modalità kooperattiva, "mod għalliem", eċċ. Ibbenefika jekk trid hawn.

JSBin

JSBin hija għodda li nistgħu nikkwalifikaw bħala diretta. Peress li ladarba tmur għad-dominju tal-web tagħha, tkun lesta biex tibda tfassal il-proġett li jmiss tiegħek, mingħajr dewmien. U għalkemm l-ewwel waqfa tagħha mhix attraenti ħafna, hija komda.

JSBin huwa sempliċi, bl-istruttura bażika maħluqa fl-html sabiex ma titlefx il-ħin, int se tintervjeni bejn il-lingwi differenti biex tlesti x-xogħol. L-ewwel hemm HTML, imbagħad CSS, Javascript u finalment ix-xogħol tiegħek viżwalment. U għalkemm jidher iktar diffiċli, ser ikollok l-istess tipi ta 'shortcuts mingħajr ma tinstalla xejn. Direttament mill-browser.

Madankollu, sibtha aktar skomda li nara l-kodiċi b'mod korrett, ladarba jkun moħbi minħabba l-kolonni sussegwenti. Peress li, bil-laptop, trid taqta 'jew tbaxxi bil-laptop trackpad u mhux fluwidu ħafna.

Għandha biss żewġ pagamenti, b'xejn jew imħallsa. Dan huwa xi ftit iktar għoli minn CodePen, għalkemm jekk tħallasha kull sena, huwa aktar profittabbli, jekk tista 'tħallas € 120.

CSSDeck

CSSDeck
L - ambjent tax - xogħol ta ' CSSDeck hija differenti minn dik li tidher hawn fuq. Maqsum f'żewġ kolonni biss, kodiċi viżiv, CSSDeck jaħdem bi 3 ringieli 'l isfel li bihom jaqsam it-tipi differenti ta' lingwa. Bi preżentazzjoni fil-forma ta ’netwerk soċjali u ambjent tax-xogħol aktar nadif b’kulur ċar. Jidher li huwa għodda sempliċi. Għalkemm xi kultant dan ma jfissirx li huwa negattiv.

B'aktar minn sittin elf utent irreġistrat u aktar minn mitejn u ħamsin elf proġett maħluqa, it-tfittxija u s-sejba ta 'dak li trid ma tkunx diffiċli. Il-lingwa bħal dejjem, jekk tista 'tkun inkonvenjent għal dawk li ma jafux l-Ingliż, iżda f'dan soċjali network L-immaġni hija importanti ħafna, allura ma naħsibx li hija sfida kbira.

Plunkr

Plunkr hija l-għodda l-inqas attraenti li ltqajt magħha s'issa. Il-preżentazzjoni hija agglutinata f’messaġġi u nuqqas ta ’immaġini. It-tagħbija tal-kontenut hija bil-mod u mhux utli ħafna mal-ewwel daqqa t'għajn. Barra minn hekk, l-ordni skont id-data tagħmel kwalunkwe programmazzjoni, tkun kemm tkun sempliċi, tista 'tkun fl-ewwel pożizzjoni. Biex tara xi ħaġa iktar interessanti għandek tmur fit-tab li tgħid: «Ħafna persperttiva«. Jiġifieri, jekk ma ttraduċiehx ma 'Google qabel.

Għid ukoll li skont il-web, jinsabu fil-verżjoni 1.0.0. Allura dan jispjega ftit dwar id-disinn, il-preżentazzjoni u l-iżbalji possibbli li ssib meta tfittex il-web.

Bħala vantaġġ, jekk tispiċċa l-ideat, ma jkollokx għalfejn titlaq jew tiftaħ tab ieħor fi Plunkr, billi direttament mill-istrixxa tal-lemin tista 'timxi ma' proġetti oħra u tarahom istantanjament. Dan jagħmilha aktar faċli għalik li tiġbor ideat ta 'malajr u tapplikahom għall-proġett tiegħek fl-istess ħin.

Dabblet

Dabblet hija għodda sempliċi, tidħol u toħloq. Għalkemm tista 'tirreġistra u jkollok l-username tiegħek permezz ta' GitHub, mhix xi ħaġa li tispikka ħafna fuq il-web. Bi sfond fi gradjent isfar għal aħmar, fil-parti viżwali u sfond abjad fil-parti tal-kodiċi (kif inhu normali) huwa ppreżentat il-proġett Dabblet, għalkemm tista 'tbiddlu mit-tab CSS. Għalija, huwa aħjar li jkollok vojt, peress li dak il-gradjent dak kollu li jagħti huwa ftit ħajja a

Meta tkun qed teditja, tista 'tikkonfigura t-tabs li tara faċilment. Anke wkoll jekk trid taqleb għal kolonni jew ringieli għal wiri komdu skont il-persuna li qed teditja. Li tbiddel id-daqs tat-tipa, tiffranka bħala anonimu mingħajr ma tirreġistra jew tivvalida l-kodiċi HTML huma aktar possibbiltajiet li Dabblet toffri mal-ewwel daqqa t'għajn. Għalkemm mhix l-ewwel għażla li nagħżel, jista 'jkun li nqisu f'verżjonijiet futuri jekk jiġu aġġornati.

Waħda mill-affarijiet li l-inqas għoġobni, iżda li jistgħu jħobbu programmaturi kbar, hija dik m'għandekx l-għażla li tabulat tikketta u ġiegħelha tikteb hija stess. Jiġifieri, poġġi HTML u kklikkja fuq it-tab u ikteb "html" u "/ html" awtomatikament. Xi ħaġa li fl-applikazzjonijiet l-oħra jekk issir.

LiveWeave

liveweave
LiveWeave Huwa simili ħafna għall-oħrajn, m'għandu xejn li l-oħrajn ma jistgħux joffru f'termini ta 'utilità. Dak li aħna nenfasizzaw dwar dan il-proġett huwa d-disinn tiegħu, kulur skur simili għal CodePen iżda b'distribuzzjoni kwadra. Li tkun kapaċi tbiddel id-daqs biex togħma. Hemm ukoll il-mod ċar u l-barra mill-linja« fejn il-kodiċi li teditja mhux se jkun rifless fil-viżiv, sakemm tattivah. Mhuwiex fattur li ssib utli ħafna, bħala disinjatur, huwa importanti li dejjem tara dak li teditja fil-ħin reali, imma xi ħadd isibek xi użu żgur. U għalkemm, bħal dejjem, tista 'tirreġistra, l-utent m'għandux rwol ewlieni. Peress li, anke jekk ma tirreġistrax, tista 'tiffranka l-proġett tiegħek.

Test Sublime

Din l-għodda Huwa totalment differenti minn dak li rajt s'issa fl-analiżi. Test Sublimi mhuwiex bħala riżorsa tal-web, iżda bħala applikazzjoni. Min-naħa waħda, huwa żgur aktar utli li jkollok fuq id-desktop. Speċjalment għal ħabtiet jew iffriżar possibbli tal-internet minħabba eċċess u t-telf possibbli ta 'xogħol. Min-naħa l-oħra, mhix għodda viżwali daqs dawk ta 'qabel. Minbarra li m'għandux il-possibbiltà li komunità taqsam il-proġetti.

Hawnhekk kollox huwa mill-bidu. Int trid toħloq tabs biex tqiegħed il-linji tal-kodiċi u semmihom mill-ġdid biex tkun taf liema hi. Jekk l-ewwel wieħed huwa HTML, it-tieni CSS ... jew viċi versa. M'għandux ukoll shortcuts għal dak li se jkun kompletament manwali, ħlief għall-kwotazzjonijiet.

Konklużjoni

Il-programmi kollha huma simili b'ċerti tmiss personali ta 'kull kumpanija li jwasslu biex ikollhom vantaġġi u liżvantaġġi fihom. Kull wieħed jagħżel dak li l-aħjar jaqbel magħhom, ir-rakkomandazzjoni tiegħi hija li tuża CodePen jew CSSDeck għall-ambjent u n-netwerk soċjali li timmaniġġa. Iżda, jekk għoġbok ieħor ieħor, ħalli kumment u spjega r-raġunijiet tiegħek, żgur li jkunu utli.


Il-kontenut tal-artikolu jaderixxi mal-prinċipji tagħna ta ' etika editorjali. Biex tirrapporta żball ikklikkja hawn.

Kun l-ewwel li tikkummenta

Ħalli l-kumment tiegħek

Your email address mhux se jkun ippubblikat. oqsma meħtieġa huma mmarkati bl *

*

*

  1. Responsabbli għad-dejta: Miguel Ángel Gatón
  2. Għan tad-dejta: Kontroll SPAM, ġestjoni tal-kummenti.
  3. Leġittimazzjoni: Il-kunsens tiegħek
  4. Komunikazzjoni tad-dejta: Id-dejta ma tiġix ikkomunikata lil partijiet terzi ħlief b'obbligu legali.
  5. Ħażna tad-dejta: Bażi tad-dejta ospitata minn Occentus Networks (UE)
  6. Drittijiet: Fi kwalunkwe ħin tista 'tillimita, tirkupra u tħassar l-informazzjoni tiegħek.