La programisto ne ĉiam disponas specialan programon, tra kiu li laboras kun la kodo. Se okazas, ke vi bezonas redakti la kodon, kaj la responda softvaro ne ĉeestas, vi povas uzi la senpagajn retajn servojn. Plue ni rakontos pri du tiaj ejoj kaj detale analizos la principon de laboro en ili.
Redaktante rete programon
Ĉar estas granda nombro de tiaj redaktistoj kaj simple ne konsideri ĉiujn, ni decidis koncentriĝi nur pri la du interretaj rimedoj kiuj estas la plej popularaj kaj reprezentas la bazan aron de necesaj iloj.
Vidu ankaŭ: Kiel verki programavan programon
Metodo 1: CodePen
En la retejo CodePen, multaj programistoj dividas siajn proprajn kodojn, ŝparas kaj laboras kun projektoj. Estas nenio malfacile krei vian konton kaj tuj komenci skribi, sed ĉi tio estas farita tiel:
Iru al la retejo CodePen
- Malfermu la ĉefan paĝon de la retejo CodePen uzante la supran ligilon kaj daŭrigu krei novan profilon.
- Elektu oportunan manieron registri kaj, sekvante la instrukciojn, kreu vian propran konton.
- Plenigu la informojn pri via paĝo.
- Nun vi povas iri supren laŭ la langeto, vastigi la menuon. "Krei" kaj elektu artikolon "Projekto".
- En la fenestro dekstre vi vidos la subtenatajn formatojn kaj programlingvojn.
- Komencu redaktadon elektante unu el la ŝablonoj aŭ norma HTML5-markado.
- Ĉiuj kreitaj bibliotekoj kaj dosieroj montriĝos maldekstre.
- Maldekstre alklako de objekto aktivas ĝin. La kodo estas montrita en la fenestro dekstre.
- Ĉe la fundo estas butonoj, kiuj permesas vin aldoni viajn proprajn dosierujojn kaj dosierojn.
- Post kreo donu nomon al la objekto kaj konservu la ŝanĝojn.
- Ĉiumomente vi povas iri al la projektaj agordoj alklakante la "Agordoj".
- Ĉi tie vi povas agordi la bazajn informojn - la nomon, priskribon, etikedojn, kaj ankaŭ la parametrojn de la antaŭvido kaj kodo deŝovo.
- Se vi ne kontentas pri la aktuala vido de la laborspaco, vi povas ŝanĝi ĝin alklakante "Ŝanĝu Vidi" kaj elektu la deziratan vidan fenestron.
- Kiam vi redaktas la necesajn liniojn de kodo, alklaku "Konservu Ĉiuj + Kuri"konservi ĉiujn ŝanĝojn kaj funkciigi la programon. La kompilita rezulto estas montrita sube.
- Konservu la projekton sur via komputilo alklakante "Eksporti".
- Atendu ĝis la prilaborado finiĝos kaj elŝutu la arkivon.
- Ĉar la uzanto ne povas havi pli ol unu aktivan projekton en la senpaga versio de CodePen, ĝi devos esti forigita se vi bezonas krei novan. Por fari tion, alklaku "Forigi".
- Entajpu la kontrolan vorton kaj konfirmu la forigon.
Super ni ni revizias la bazajn funkciojn de la interreta servo CodePen. Kiel vi povas vidi, ĝi taŭgas por ne nur redakti la kodon, sed ankaŭ skribi ĝin de nulo, kaj poste dividi ĝin kun aliaj uzantoj. La sola malavantaĝo de la retejo estas restriktoj en la senpaga versio.
Metodo 2: LiveWeave
Nun mi ŝatus resti ĉe la reteja rimedo de LiveWeave. I enhavas ne nur la enmetitan kod-redaktilon, sed ankaŭ aliajn ilojn, kiujn ni diskutos sube. La laboro kun la retejo komenciĝas tiel:
Iru al la retejo LiveWeave
- Sekvu la supran ligilon por atingi la redaktilon. Ĉi tie vi tuj vidos kvar fenestrojn. La unua estas skribi kodon en HTML5, la dua estas ,avoskripto, la tria estas CSS, kaj la kvara montras la rezulton de la kompilo.
- Unu el la ecoj de ĉi tiu retejo povas esti konsiderata kiel konsiletoj dum tajpado de etikedoj, ili permesas al vi pliigi la rapidecon de tajpado kaj eviti literumajn erarojn.
- Implicite, kompilado okazas en rekta moduso, te procesita tuj post ŝanĝoj.
- Se vi volas malaktivigi ĉi tiun funkcion, vi devas movi la ŝovilon kontraŭ la dezirata ero.
- Proksima disponeblas dum la nokta maniero.
- Vi povas iri por labori kun CSS-kontroliloj alklakante la respondan butonon en la panelo maldekstre.
- En la menuo kiu malfermiĝas, la etikedo estas redaktita per movado de la glitilo kaj ŝanĝo de iuj valoroj.
- Sekve, ni rekomendas atenti la determinanton de koloroj.
- Vi havas vastan paletron, kie vi povas elekti ian ajn ombron, kaj ĝia kodo estos montrata supre, kiu poste estos uzata kiam vi verkas programojn kun interfaco.
- Movu vin al la menuo "Vektora Redaktoro".
- I funkcias kun grafikaj objektoj, kiuj ankaŭ foje estos utilaj dum programado.
- Malfermu ŝprucfenestron "Iloj". Ĉi tie vi povas elŝuti la ŝablonon, konservi la HTML-dosieron kaj tekst-generilon.
- La projekto estas elŝutita kiel ununura dosiero.
- Se vi volas ŝpari laboron, unue vi devos iri laŭ la registriĝproceduro en ĉi tiu interreta servo.
Nun vi scias kiel redakti la kodon en LiveWeave. Ni povas sekure rekomendi uzon de ĉi tiu interreta rimedo, ĉar ekzistas multaj funkcioj kaj iloj en ĝi, kiuj permesas optimumigi kaj simpligi la procezon labori kun programkodo.
Ĉi tio finas nian artikolon. Hodiaŭ ni provizis vin per du detalaj instrukcioj por labori kun kodo uzante retajn servojn. Ni esperas, ke ĉi tiu informo estas utila kaj helpis determini la elekton de la plej taŭga ret-rimedo por laboro.
Vidu ankaŭ:
Elekti programan medion
Programoj por krei Android-aplikaĵojn
Elektu programon por krei ludon
