Si të krijoni një sfond të errët VKontakte

Programuesi nuk ka gjithmonë programe të posaçme në dorë, nëpërmjet të cilave ai punon me kodin. Nëse ndodh kështu që ju duhet të redaktoni kodin, dhe softueri përkatës nuk është në dorë, ju mund të përdorni shërbimet falas online. Më tej do të tregojmë rreth dy vendeve të tilla dhe do të analizojmë në detaje parimin e punës në to.

Redaktimi i kodit të programit në internet

Meqenëse ka një numër të madh redaktorësh të tillë dhe thjesht të mos i konsiderojmë të gjitha, vendosëm të fokusohemi vetëm në dy burimet online të cilat janë më të popullarizuara dhe përfaqësojnë grupin bazë të mjeteve të nevojshme.

Shihni gjithashtu: Si të shkruani një program Java

Metoda 1: KodiPen

Në faqen CodePen, shumë zhvillues ndajnë kodet e tyre, ruajnë dhe punojnë me projekte. Nuk ka asgjë të vështirë për të krijuar llogarinë tuaj dhe menjëherë të filloni të shkruani, por kjo është bërë kështu:

Shko në faqen e internetit të CodePen

  1. Hapni faqen kryesore të faqes së KodiPen duke përdorur lidhjen e mësipërme dhe vazhdoni të krijoni një profil të ri.
  2. Zgjidhni një mënyrë të përshtatshme për t'u regjistruar dhe, duke ndjekur udhëzimet e dhëna, krijoni llogarinë tuaj.
  3. Plotësoni informacionin për faqen tuaj.
  4. Tani mund të hapni tab, zgjeroni menynë e pop-up. "Krijo" dhe zgjidhni një artikull "Projekti".
  5. Në dritaren në të djathtë do të shihni formatet e mbështetura të skedarëve dhe gjuhët e programimit.
  6. Filloni të redaktoni duke zgjedhur një prej shablloneve ose HTML5 markup standarde.
  7. Të gjitha bibliotekat dhe skedarët e krijuar do të shfaqen në të majtë.
  8. Majtas-klikuar mbi një objekt e aktivizon atë. Në dritaren në të djathtë, kodi shfaqet.
  9. Në pjesën e poshtme ka butona që ju lejojnë të shtoni dosjet dhe dosjet tuaja.
  10. Pas krijimit, jepni një emër objektit dhe ruani ndryshimet.
  11. Në çdo kohë mund të shkoni në cilësimet e projektit duke klikuar në "Settings".
  12. Këtu mund të caktoni informacionin bazë - emrin, përshkrimin, etiketat, si dhe parametrat e pamjes paraprake dhe identifikimin e kodit.
  13. Nëse nuk jeni të kënaqur me pamjen aktuale të hapësirës së punës, mund ta ndryshoni duke klikuar "Ndrysho pamjen" dhe zgjidhni dritaren e dëshiruar të shikimit.
  14. Kur të redaktoni linjat e nevojshme të kodit, klikoni mbi "Save All + Run"për të ruajtur të gjitha ndryshimet dhe për të drejtuar programin. Rezultati i përpiluar shfaqet më poshtë.
  15. Ruaj projektin në kompjuterin tuaj duke klikuar mbi "Eksport".
  16. Prisni derisa të përfundojë përpunimi dhe shkarko arkivin.
  17. Meqë në versionin e lirë të Kodit një përdorues nuk mund të ketë më shumë se një projekt aktiv, do të duhet të fshihet nëse keni nevojë të krijoni një të re. Për ta bërë këtë, klikoni mbi "Delete".
  18. Futni fjalën e kontrollit dhe konfirmoni fshirjen.

Mbi të, kemi shqyrtuar funksionet bazë të kodit CodePen në internet. Siç mund ta shikoni, ai është i përshtatshëm jo vetëm për të redaktuar kodin, por edhe për të shkruar atë nga e para, dhe pastaj ta ndani me përdoruesit e tjerë. E vetmja pengesë e faqes janë kufizimet në versionin falas.

Metoda 2: LiveWeave

Tani do të doja të ndalem në burimin e uebfaqit LiveWeave. Ai përmban jo vetëm editorin e kodit të integruar, por edhe mjete të tjera, të cilat do të diskutojmë më poshtë. Puna me këtë faqe fillon kështu:

Shko te faqja e internetit LiveWeave

  1. Ndiqni lidhjen e mësipërme për të shkuar te faqja e redaktorit. Këtu ju do të shihni menjëherë katër dritare. I pari është shkrimi i kodit në HTML5, i dyti është JavaScript, i treti është CSS, dhe i katërti tregon rezultatin e përpilimit.
  2. Një nga tiparet e kësaj faqeje mund të konsiderohet si elemente udhëzuese kur shtypni etiketat, ato ju lejojnë të rrisni shpejtësinë e shtypjes dhe të shmangni gabimet drejtshkrimore.
  3. By default, përpilimi zhvillohet në mënyrë të drejtpërdrejtë, që përpunohet menjëherë pas ndryshimeve.
  4. Nëse dëshironi ta çaktivizoni këtë funksion, ju duhet të lëvizni sliderin e kundërt me artikullin e dëshiruar.
  5. Afër në dispozicion në dhe jashtë mode mode.
  6. Ju mund të shkoni për të punuar me kontrollorët CSS duke klikuar në butonin përkatës në panelin në të majtë.
  7. Në menynë që hapet, etiketa redaktohet duke lëvizur rrëshqitësit dhe duke ndryshuar vlerat e caktuara.
  8. Tjetra, ne rekomandojmë t'i kushtojmë vëmendje përcaktuesit të ngjyrave.
  9. Ju ofrohet një gamë e gjerë ku mund të zgjidhni ndonjë hije, dhe kodi i tij do të shfaqet në krye, e cila përdoret më vonë kur shkruan programe me një ndërfaqe.
  10. Lëviz në menynë "Vector Editor".
  11. Ajo punon me objekte grafike, të cilat gjithashtu do të jenë të dobishme gjatë zhvillimit të softuerit.
  12. Hapni menynë e popup "Tools". Këtu mund të shkarkoni skedarin, të ruani skedarin HTML dhe gjeneratorin e tekstit.
  13. Projekti është shkarkuar si një skedar i vetëm.
  14. Nëse dëshironi ta ruani punën, së pari duhet të kaloni procedurën e regjistrimit në këtë shërbim online.

Tani ju e dini se si të redaktoni kodin në LiveWeave. Mund të rekomandojmë me siguri përdorimin e këtij burimi të Internetit, pasi ka shumë funksione dhe mjete për të, që lejojnë të optimizojnë dhe thjeshtojnë procesin e punës me kodin e programit.

Kjo përfundon artikullin tonë. Sot ju kemi dhënë dy udhëzime të hollësishme për të punuar me kodin duke përdorur shërbimet online. Shpresojmë që ky informacion të jetë i dobishëm dhe ndihmoi për të përcaktuar zgjedhjen e burimeve më të përshtatshme të internetit për punë.

Shih gjithashtu:
Zgjedhja e një mjedisi programues
Programet për krijimin e aplikacioneve Android
Zgjidhni një program për të krijuar një lojë