Programatzaileak ez du beti eskura duen softwarerik, kodearen bidez lan egiten duelarik. Kode hau editatu behar baduzu eta dagokion softwarea ez dago eskuragarri, doako lineako zerbitzuak erabil ditzakezu. Horrez gain, bi gune horiei buruz hitz egingo dugu eta horien funtzioaren printzipioa aztertuko dugu.
Programa kodea linean editatu
Editore horien kopuru handia dago eta, besterik gabe, horiek guztiak kontutan hartu gabe, ezagunenak diren bi baliabide soiletan zentratzea erabaki genuen eta beharrezko tresnen oinarrizko multzoa irudikatzen dugu.
Ikusi ere: Nola idatzi Java programa
1 metodoa: CodePen
CodePen gunean, garatzaile asko beren kodeak partekatu, gorde eta proiektuekin lan egiten dute. Ez dago ezer zaila zure kontua sortzeko eta berehala idazten hasteko, baina horrela egiten da:
Joan CodePen webgunera
- Ireki CodePen gunearen orri nagusia goiko esteka erabiliz eta profila berri bat sortzen jarraitu.
- Aukeratu erregistratzeko modu egokia eta emandako argibideak jarraituz, sortu zure kontua.
- Bete zure orrialdeko informazioa.
- Orain fitxa igotzeko, zabaldu pop-up menua. "Sortu" eta aukeratu elementu bat "Project".
- Eskuineko leihoan, onartutako fitxategi formatuak eta programazio hizkuntzak ikusiko dituzu.
- Editatu hasierako txantiloiak edo HTML5 markaketa estandarra aukeratuz.
- Sortutako liburutegi eta fitxategi guztiak ezkerraldean agertuko dira.
- Ezkerraldean objektu batean klik eginez aktibatzen da.Beekorrean eskuineko leihoan, kodea bistaratzen da.
- Behealdean zure karpetak eta fitxategiak gehitzeko botoiak daude.
- Sortu ondoren, eman objektuaren izena eta gorde aldaketak.
- Edozein unetan proiektuaren ezarpenetara joan zaitezke "Ezarpenak".
- Hemen oinarrizko informazioa ezar dezakezu: izena, deskribapena, etiketak, aurrebistaren parametroak eta kodeen koska.
- Laneko eremuko uneko ikuspegiarekin pozik ez bazaude, aldatu egin dezakezu klik eginez "Aldatu ikuspegia" eta hautatu nahi duzun ikuspegia.
- Kode beharrezko lerroak editatzen dituzunean, egin klik gainean "Gorde guztiak + Exekutatu"aldaketa guztiak gordetzeko eta programa exekutatu. Bildutako emaitzak azpian bistaratzen dira.
- Gorde proiektua ordenagailuan klik eginez "Export".
- Itxaron prozesua amaitu arte eta artxiboa deskargatu.
- Erabiltzaileak ezin du proiektu aktibo bat baino gehiago izan CodePen-en doako bertsioan, berri bat sortu behar baduzu ezabatu egin behar da. Horretarako, egin klik "Ezabatu".
- Sartu egiaztatzeko hitza eta berretsi ezabatzea.
Goian, CodePen lineako zerbitzuaren oinarrizko funtzioak aztertu ditugu. Ikus dezakezunez, ondo egokitzen da kode hori ez ezartzeko, baina baita hutsetik idatzi ere, eta gero beste erabiltzaile batzuekin partekatu. Gunearen desabantaila bakarra doako bertsioaren murrizketak dira.
2 metodoa: LiveWeave
Orain, LiveWeave webgunearen baliabidea nago. Kode editorea ez ezik, beste tresna batzuk ere azalduko ditugu. Gunearen inguruko lana honela hasten da:
Joan LiveWeave webgunera
- Jarraian esteka estekan editore orrialdera joateko. Hemen lau leiho ikusiko dituzu. Lehenengoa HTML5 kodea idazten ari da, bigarrena JavaScript da, hirugarrena CSS da, eta laugarrena bildumaren emaitza erakusten du.
- Gune honen ezaugarrietako bat tags gisa kontsideratzen da etiketak idazterakoan, idazketaren abiadura handitzeko eta ortografia akatsak saihesteko.
- Berez, konpilazioa zuzeneko moduan egiten da, hau da, aldaketak egin ondoren berehala prozesatzen da.
- Funtzio hau desaktibatu nahi baduzu, nahi duzun elementuaren aurrean dagoen graduatzailea mugitu behar duzu.
- Gertuko gaueko moduan eskuragarri dago.
- CSS kontrolagailuekin lan egin dezakezu ezkerreko paneleko dagokion botoian klik eginez.
- Irekitzen den menuan, etiketa editatzen du graduatzaileak mugitzean eta zenbait balio aldatuz.
- Ondoren, koloreen determinatzaileari arreta jartzea gomendatzen dugu.
- Paleta zabala eskaintzen dizugu, edozein gerizpean aukeratu ahal izango duzu eta bere kodea goian agertuko da, geroago interfazea duten programak idazteko erabiltzen da.
- Joan menura "Bektore-editorea".
- Objektu grafikoekin funtzionatzen du, batzuetan erabilgarria izan daiteke software garapenean.
- Ireki laster-menua "Tresnak". Hemen txantiloia deskargatu ahal izango duzu, HTML fitxategia eta testu sortzailea gorde.
- Proiektua fitxategi bakar gisa deskargatzen da.
- Lanak aurreztu nahi badituzu, lehenik eta behin, lineako zerbitzu honetan izena emateko prozedura jarraitu beharko duzu.
Orain badakizu nola editatu kodea LiveWeave-n. Interneteko baliabide hau erabiltzea gomendatzen dugu seguru asko, funtzio eta tresna ugari baitago bertan, programa kodearekin lan egiteko prozesua optimizatzeko eta errazteko.
Honek gure artikulua amaitu du. Gaur egun bi argibide zehatzak eman dizkizugu, lineako zerbitzuak erabiliz kode batekin lan egiteko. Informazio hori erabilgarria izan zela espero dugu eta lanerako baliabide egokienaren aukeraketa zehazteko lagungarria izan da.
Ikusi ere:
Programazio ingurunea aukeratzea
Android aplikazioak sortzeko programak
Aukeratu joko bat sortzeko
