Kif tagħmel sfond skur VKontakte

Il-programmatur mhux dejjem għandu software speċjali disponibbli, li permezz tiegħu jaħdem bil-kodiċi. Jekk jiġri hekk li għandek bżonn teditja l-kodiċi, u s-softwer korrispondenti mhux disponibbli, tista 'tuża s-servizzi online bla ħlas. Aktar minn hekk aħna se ngħidu dwar żewġ siti bħal dawn u nanalizzaw fid-dettall il-prinċipju tax-xogħol fihom.

Editjar tal-kodiċi tal-programm onlajn

Peress li hemm numru kbir ta 'dawn l-edituri u sempliċement biex ma nqisuhomx kollha, iddeċidejna li niffokaw biss fuq iż-żewġ riżorsi online li huma l-aktar popolari u li jirrappreżentaw is-sett bażiku ta' għodod meħtieġa.

Ara wkoll: Kif tikteb programm Java

Metodu 1: CodePen

Fuq is-sit CodePen, ħafna żviluppaturi jaqsmu l-kodiċi tagħhom stess, jiffrankaw u jaħdmu mal-proġetti. M'hemm xejn diffiċli biex toħloq il-kont tiegħek u tibda immedjatament tikteb, imma dan isir hekk:

Mur fil-websajt tal-CodePen

  1. Iftaħ il-paġna ewlenija tas-sit tal-CodePen billi tuża l-link hawn fuq u kompli bil-ħolqien ta 'profil ġdid.
  2. Agħżel mod konvenjenti biex tirreġistra u, billi ssegwi l-istruzzjonijiet mogħtija, toħloq il-kont tiegħek stess.
  3. Imla l-informazzjoni dwar il-paġna tiegħek.
  4. Issa tista 'titla' t-tab, tespandi l-pop-up menu. "Oħloq" u agħżel oġġett "Proġett".
  5. Fit-tieqa fuq in-naħa tal-lemin se tara l-formati tal-fajls u l-lingwi tal-ipprogrammar.
  6. Ibda l-editjar billi tagħżel wieħed mill-mudelli jew markup standard HTML5.
  7. Il-libreriji u l-fajls kollha maħluqa se jintwerew fuq ix-xellug.
  8. Tikklikkja fuq ix-xellug fuq oġġett li jattivaha. Fit-tieqa fuq il-lemin, il-kodiċi jidher.
  9. Fil-qiegħ hemm buttuni li jippermettulek iżżid il-folders u l-fajls tiegħek.
  10. Wara l-ħolqien, agħti isem lill-oġġett u ħlief il-bidliet.
  11. Fi kwalunkwe ħin tista 'tmur għall-issettjar tal-proġett billi tikklikkja fuq "Settings".
  12. Hawnhekk tista 'tissettja l-informazzjoni bażika - l-isem, id-deskrizzjoni, it-tikketti, kif ukoll il-parametri tal-preview u l-indentazzjoni tal-kodiċi.
  13. Jekk m'intix sodisfatt bil-perspettiva attwali tal-ispazju tax-xogħol, tista 'tbiddlu billi tikklikkja fuq "Ibdel il-Vista" u agħżel it-tieqa tal-vista mixtieqa.
  14. Meta teditja l-linji meħtieġa tal-kodiċi, ikklikkja fuq "Save All + Run"biex isalva l-bidliet kollha u tmexxi l-programm. Ir-riżultat ikkumpilat jidher hawn taħt.
  15. Żomm il-proġett fuq il-kompjuter tiegħek billi tikklikkja fuq "Esportazzjoni".
  16. Stenna sakemm jitlesta l-ipproċessar u niżżel l-arkivju.
  17. Billi l-utent ma jistax ikollu iktar minn proġett attiv wieħed fil-verżjoni libera tal-CodePen, ikollu jitħassar jekk ikollok bżonn toħloq proġett ġdid. Biex tagħmel dan, ikklikkja fuq "Ħassar".
  18. Daħħal il-kelma ta ’kontroll u ikkonferma t-tħassir.

Hawn fuq, rrevedejna l-funzjonijiet bażiċi tas-servizz online CodePen. Kif tistgħu taraw, huwa adattat sew biex mhux biss jeditjaw il-kodiċi, imma wkoll jiktbu mill-bidu, u mbagħad jaqsmuha ma 'utenti oħra. L-uniku żvantaġġ tas-sit huma restrizzjonijiet fil-verżjoni bla ħlas.

Metodu 2: LiveWeave

Issa nixtieq nitkellem fuq ir-riżorsa tal-web LiveWeave. Fiha mhux biss l-editur tal-kodiċi inkorporat, iżda wkoll għodda oħra, li aħna ser niddiskutu hawn taħt. Ix-xogħol mas-sit jibda hekk:

Mur fil-websajt LiveWeave

  1. Segwi l-link hawn fuq biex tasal għall-paġna tal-editur. Hawnhekk se tara immedjatament erba ’twieqi. L-ewwel wieħed huwa miktub il-kodiċi fl-HTML5, it-tieni huwa JavaScript, it-tielet huwa CSS, u r-raba 'juri r-riżultat tal-kumpilazzjoni.
  2. Waħda mill-karatteristiċi ta 'dan is-sit tista' tiġi kkunsidrata bħala pariri dwar l-għodod meta tkun qed tittajpja tikketti, dawn jippermettulek iżżid il-veloċità tat-tajping u tevita żbalji ta 'l-ortografija.
  3. Konvenzjonalment, il-kumpilazzjoni sseħħ fil-modalità live, jiġifieri tiġi pproċessata immedjatament wara li jsiru l-bidliet.
  4. Jekk trid tiddiżattiva din il-funzjoni, ikollok bżonn tmexxi s-slider biswit l-oġġett mixtieq.
  5. Disponibbli fil-qrib bil-lejl u mitfi.
  6. Tista 'tmur taħdem ma' kontrolluri CSS billi tikklikkja fuq il-buttuna korrispondenti fil-panel fuq ix-xellug.
  7. Fil-menu li jiftaħ, it-tikketta hija editjata billi ċċaqlaq is-slajds u tbiddel ċerti valuri.
  8. Irrakkomanda iktar li tingħata attenzjoni lid-determinant tal-kuluri.
  9. Għandek paletta estensiva fejn tista 'tagħżel kwalunkwe dell, u l-kodiċi tagħha se jintwerew fil-quċċata, li jintuża iktar tard meta tikteb programmi b'interface.
  10. Mexxi għall-menu "Editur tal-vettur".
  11. Taħdem ma 'oġġetti grafiċi, li xi kultant ikunu wkoll utli waqt l-iżvilupp tas-softwer.
  12. Iftaħ il-popup menu "Għodda". Hawnhekk tista 'tniżżel il-mudell, ħlief il-fajl HTML u l-ġeneratur tat-test.
  13. Il-proġett jitniżżel bħala fajl wieħed.
  14. Jekk trid tiffranka x-xogħol, l-ewwel trid tgħaddi mill-proċedura ta 'reġistrazzjoni f'dan is-servizz online.

Issa taf kif tista 'tbiddel il-kodiċi fuq LiveWeave. Nistgħu nirrakkomandaw b'mod sikur li nużaw din ir-riżorsa tal-Internet, peress li hemm ħafna funzjonijiet u għodod li jippermettu li jiġi ottimizzat u ssimplifikat il-proċess ta 'ħidma mal-kodiċi tal-programm.

Dan jikkonkludi l-artiklu tagħna. Illum aħna nipprovdulek żewġ istruzzjonijiet dettaljati biex taħdem bil-kodiċi bl-użu ta 'servizzi onlajn. Nisperaw li din l-informazzjoni kienet utli u għenet biex tiddetermina l-għażla tal-iktar riżorsa tal-web adattata għax-xogħol.

Ara wkoll:
Għażla ta 'ambjent ta' programmar
Programmi għall-ħolqien ta 'applikazzjonijiet Android
Agħżel programm biex toħloq logħba