CodePen kana Sublime Chinyorwa? Kana isu tikataura nezve webhu kuronga, zita reHTML, CSS uye JavaScript inouya kwatiri ipapo ipapo. Kune nzira dzinoverengeka dzekuenda ikoko. Kunyange, kana tikavhura notepad tinogona kusvika kubasa tichinyora "html". Ichokwadi kuti kuti uone mhedzisiro yezvauri kuronga kubva padhi, iwe unozoda yakaoma nzira yekucherechedza kufambira mberi.
Aya mawebhusaiti ndiyo nzvimbo yekutamba huru yevanogadzira mafomu evashandisi vezuva iri. Kuti udzidze zvakawanda nezve zvakanakira nekuipira zvirongwa izvi, tiri kuzozviongorora zvakadzama muchinyorwa chino (zvirinani, zvese zvatinoziva). Sezvandinogara ndichitaura, zvirokwazvo vamwe venyu pano munoziva nyaya yacho zvakanyanya. Kana zvirizvo, taura pane zvese zvinotipukunyuka pano. Tichafara kukurukura!
Nhasi tichaongorora CodePen, JSBin, Plunkr, sublime, CSSDeck, Dabblet, uye LiveWeave. Ndeapi anonyanya kuzivikanwa uye maturusi anonyanya kushandiswa mune ino nharaunda. Kune zvakawanda, hongu.
Asi kune imi mese musingazive chinonzi FrontEnd kana BackEnd, ngatitsanangurei zvishoma. Iko Kumberi-Kuguma kana chinongedzo ndicho chikamu chinoonekwa icho mushandisi wekufamba achakwanisa kuona pawebhu. Iyo BackEnd ichave iri iyo inodzora maneja saiti. Mukuronga, kana iwe ukapinda kodhi kuburikidza nechishandiso icho panguva imwe chete chinoratidza mhedzisiro, izvi zvinonzi kumberi-kumagumo.
CodePen
Kune vazhinji chishandiso chakazara kwazvo pane zvese zvatinotaura nezvazvo. Inoshandiswa sewebhu chishandiso icho chiri chepedyo chinhu kunharaunda kuratidza rako basa. Rudzi rwe Youtube kubva kuna programmer. Mune izvi, iwe unozogona kuona basa revapurogiramu vakabatana newebhu uye wobata navo kana iwe uine chero chaunofarira, ona chimiro chavo, uvatevere pamanethiwo uye kunyange kunyorera kuchiteshi chavo kuti vaone ese avo emangwana mapurojekiti.
Mharidzo yezviri mukati, rutsigiro uye mapfupi ekhibhodi
Iyo CodePen mharidzo ndiyo inonakidza kwazvoNekuti nekungodzvanya mashoma, unogona kushanda kuburikidza nekuita ipapo. Nemitsara yakanyatsopatsanurwa ye html, css uye JavaScript. Pamusoro pechikamu chinoonekwa, icho chaunogona kuchinjisa kumusoro uye pasi kuti uone zvakajeka kufambira mberi kwako. Saka kubatsira kusiyanisa mutauro wega wega zvakanaka. Chinhu chinouya chinobatsira kune vatsva mapurogiramu.
Yako yewebhu rutsigiro, zvinoita kuti zvinyanye kutsungirira kana iwe uchida kutanga kushandisa chimwe chinhu chatisinganyatso kuziva chaizvo. Izvo hazvireve kuti zviri nani kwauri, zvinoenderana nezvinodiwa zvatinazvo. Asi hongu, kusvika pakuziva nharaunda zvirinani zvishoma usati wazvipira kuisa chero chinhu pakombuta ye "isingazivikanwe" mavambo.
Kana iwe uri mumwe weavo vajaira kushandisa casi zvachose keyboard kana uchishanda, CodePen ichave yakanakira iwe. Zvimwe zvishandiso zvinoda plugins kukwanisa kushandisa mapfupi ekhibhodi kuzadza nharaunda. Izvi zvinoita kuti basa riwedzere kusanzwisisika (kunyange richinyatsoita kana rangoiswa). CP. inosangana seyakajairwa system iyo ichaita kuti iwe uzadze iwo mamwe mitsara yekodhi inodzokororwa, sezvazvingave zviri mune runyorwa. Iwe unonyora zvaunoda kuti runyorwa rwuoneke uye tinya Tab.
Iyo Pro vhezheni inobvumidza zvimwe zvakawanda zvingasarudzwa pamutengo we € 9,00 wepasuru pasuru kusvika ku € 29,25 yeiyo "Super" package. Kugona kugadzirisa mumidziyo yakati wandei panguva imwe chete zvatinoita mune imwe. Zvakare mushandira pamwe, "mudzidzisi modhi", nezvimwe. Batsirwa kana iwe uchida pano.
JSBin
JSBin chishandiso icho isu chatingakwanise kuve chakananga. Sezvo iwe uchingoenda kune yayo dura rewebhu, ichave yakagadzirira kutanga kugadzira yako inotevera chirongwa, pasina kunonoka. Uye kunyangwe danho rayo rekutanga risinganakidze, rinogarika.
JSBin iri nyore, ine chimiro chakakosha chakagadzirwa mu html kuti usapedze nguva, iwe unozopindirana pakati pemitauro yakasiyana kuti upedze basa. Kutanga pane HTML, kozoti CSS, Javascript uye pakupedzisira basa rako rinoonekwa. Uye kunyangwe ichiratidzika kunge yakaoma, iwe uchave nemhando dzakafanana dzenzira pasina nzira yekuisa chero chinhu. Zvakananga kubva kubhurawuza.
Nekudaro, ini ndaona zvichinyanya kusanzwisisika kutarisa kodhi nenzira kwayo, kana yangovigwa nekuda kwemakoramu anotevera. Sezvo, pamwe nelaptop, iwe unofanirwa kupa kumusoro kana pasi neiyo trackpad uye haina kunyorova zvakanyanya.
Inongova nezvikamu zviviri, zvemahara kana zvekubhadharwa. Izvi zvinodhura zvishoma kupfuura CodePen, kunyangwe kana uchiibhadhara gore rega rega, zvinonyanya kubatsira, kana uchikwanisa kubhadhara € 120.
CSDeck
Nzvimbo yekushandira ye CSDeck yakasiyana neinoonekwa pamusoro. Yakakamurwa mumakoramu maviri chete, visual-code, CSSDeck inoshanda nemitsara mitatu pasi iyo iyo inopatsanura mhando dzakasiyana dzemitauro. Iine mharidzo muchimiro chesocial network uye nenzvimbo yekuchenesa yebasa mune yakajeka ruvara. Zvinoita kunge chishandiso chiri nyore. Kunyangwe dzimwe nguva izvo zvisingareve kuti zvakashata.
Nevanopfuura zviuru makumi matanhatu zvevashandisi vakanyoreswa uye anopfuura mazana maviri nemakumi mashanu ezviuru mapurojekiti akagadzirwa, kutsvaga nekuwana izvo zvaunoda hazvizonetse. Mutauro wacho senguva dzose, kana uchigona kunetsa kune avo vasingazive Chirungu, asi mune izvi social network Mufananidzo wacho wakakosha kwazvo, saka handifunge kuti idambudziko guru.
plunkr
plunkr ndicho chishandiso chinokwezva chandasvikira parizvino. Iyo mharidzo inowedzeredzwa mumameseji uye kushomeka kwemifananidzo. Kuisa zvemukati kunonoka uye hazvibatsiri pakutanga kuona. Uye zvakare, kurongeka nezuva kunoita chero chirongwa, kunyangwe zviite nyore, zvinogona kuve mune yekutanga chinzvimbo. Kuti uone chimwe chinhu chinonakidza iwe unofanirwa kuenda kune iyo tebhu inoti: «Most Viewed«. Ndokunge, kana usati waridudzira neGoogle kare.
Uyezve taura kuti maererano newebhu, ivo vari mushanduro 1.0.0. Saka izvi zvinotsanangura zvishoma nezve dhizaini, mharidzo uye zvikanganiso zvinogoneka zvaunowana kana uchitsvaga pawebhu.
Sechinhu chakanakira, kana ukapererwa nemazano, haufanire kusiya kana kuvhura imwe tebhu muPlunkr, nekuti kubva kurudyi kurudyi unogona kufamba nemamwe mapurojekiti uye kuatarisa ipapo ipapo. Izvi zvinoita kuti zvive nyore kwauri kuti utore mazano anokurumidza uye uashandise kune yako projekiti panguva imwe chete.
dabblet
dabblet chishandiso chiri nyore, iwe pinda mukati ugadzire. Kunyangwe iwe uchigona kunyoresa uye uine zita rako rekushandisa kuburikidza neGitHub, hachisi chinhu chinomira zvakanyanya pawebhu. Iine kumashure mukati yeyero kune yakatsvuka gradient, mune inoonekwa chikamu uye chena kumashure mune iyo kodhi chikamu (sezvazviri zvakajairwa), iyo Dabblet chirongwa chinoratidzwa, kunyangwe iwe uchikwanisa kuchichinja kubva kuCSS tebhu. Kwandiri, zvirinani kuve nazvo zvisina chinhu, nekuti iro gradient zvese zvinopa zvishoma upenyu a
Paunenge uchirongedza, unogona kugadzirisa iwo matabo aunoona nyore. Kunyangwe zvakare kana iwe uchida kuchinjira kumakoramu kana mitsara yekutarisisa kuona zvichienderana nemunhu ari kugadzirisa. Kuchinja saizi yefonti, kuchengetedza seusingazivikanwe pasina kunyoresa kana kusimbisa iyo HTML kodhi zvimwe mikana iyo Dabblet inopa pakutanga kuona. Kunyangwe isiri yekutanga sarudzo yandaizosarudza, zvinogona kunge zviri zvekutarisa mune dzimwe shanduro kana dzichigadziriswa.
Chimwe chezvinhu chandaida chidiki, asi iwo makuru mapurogiramu vangade, ndizvo izvo hauna mukana wekunyora chinyorwa uye wozvinyora pachako. Ndokunge, isa HTML wobva wadzvanya pane iyo tabo uye nyora "html" uye "/ html" otomatiki. Chinhu icho mune mamwe maapplication kana chaitwa.
LiveWeave
LiveWeave Iyo yakafanana chaizvo nedzimwe, haina chinhu icho vamwe vasingakwanise kupa maererano nekushandisa. Izvo isu zvatinotaridza nezve chirongwa ichi dhizaini yaro, iro rakasviba ruvara rakafanana neCodePen asi riine mraba wakagoverwa. Kugona kuchinja saizi kuravira. Iko kune zvakare yakajeka mamiriro uye ne «kunze kwetara« uko iyo kodhi iwe yaunogadzirisa isingazoratidzwe mune zvinoonekwa, kudzamara waimisa. Icho hachisi chinhu icho iwe chaunowana chakanyanya kubatsira, semugadziri, zvakakosha kuti ugare uchiona zvaunogadzirisa munguva chaiyo, asi mumwe munhu achakutsvagira imwe yechokwadi. Uye kunyangwe, senguva dzose, iwe unogona kunyoresa, mushandisi haana chinzvimbo chinotungamira. Sezvo, kunyangwe ukasanyoresa, unogona kusevha chirongwa chako.
Sublime Text
Ichi chishandiso Izvo zvakasiyana zvachose neizvo iwe waona kusvika parizvino mukuongorora. Sublime Chinyorwa hachisi sewebhu webhu, asi sekushandisa. Kune rimwe divi, zvinonyanya kubatsira kuva nazvo pane desktop. Kunyanya nekuda kwekukanganisa kweinternet kana kutonhora nekuda kwekuwandisa uye nekukanganisa kurasikirwa kwebasa. Kune rimwe divi, haina kuita sekuona chishandiso senge dzakapfuura. Kunze kwekusava nemukana wenharaunda yekugovana mapurojekiti.
Pano zvese zvinobva pakutanga. Iwe unofanirwa kugadzira tabo kuisa mitsara yekodhi uye wozvipa mazita kuti vazive kuti ndeipi. Kana yekutanga iri HTML, yechipiri CSS ... kana zvinopesana. Izvo zvakare haina mapfupi ekuti chichava chii bhuku rese, kunze kwemakotesheni.
Mhedziso
Zvirongwa zvese zvakafanana nezvimwe zvinobata zvekambani yega yega zvinotungamira mukuva nezvakanaka nezvakaipa mukati mazvo. Mumwe nemumwe achasarudza iyo inonyatsoenderana navo, zano rangu ndere kushandisa CodePen kana CSSDeck yenzvimbo nharaunda uye pasocial network yainobata. Asi, kana iwe wakada imwezve, siya mhinduro uye tsanangura zvikonzero zvako, ivo vanozove vanobatsira.