ICodePen noma Umbhalo Ophakeme? Uma sikhuluma ngohlelo lwewebhu, igama le-HTML, i-CSS neJavaScript liza kithi ngokushesha. Kunezindlela eziningi zokufika lapho. Ngisho, uma sivula incwajana singafika emsebenzini sibhala "html". Kuyiqiniso ukuthi ukubona umphumela walokho okuhlelayo kusuka kuphedi, uzodinga inqubo enzima yokubona inqubekela phambili.
Lezi zingosi ziyizinkundla zokudlala ezinkulu zabathuthukisi bezinhlelo zokusebenza zabasebenzisi bosuku. Ukuze ufunde kabanzi mayelana nobuhle nobubi balezi zinhlelo, sizozihlaziya ngokujulile kule ndatshana (okungenani, konke esikwaziyo). Njengoba ngihlala ngisho, impela abanye benu lapha bayayazi le ndaba ngaphezulu. Uma kunjalo, phawula ngakho konke okusiphunyukayo lapha. Sizojabula ukuxoxa!
Namuhla sizohlaziya iCodePen, JSBin, Plunkr, sublime, CSSDeck, Dabblet, kanye ne-LiveWeave. Yimaphi amathuluzi awaziwa kakhulu namathuluzi asetshenziswa kakhulu kule ndawo. Kukhona okuningi, kunjalo.
Kepha kini nonke eningazi ukuthi i-FrontEnd noma i-BackEnd imayelana nani, ake sichaze kancane. I-Front-End noma i-interface yingxenye ebonakalayo umsebenzisi ozulazulayo azokwazi ukuyibona kuwebhu. I-BackEnd izoba yingxenye elawulwa umphathi wesayithi. Kuhlelo, uma ufaka ikhodi ngethuluzi elikhombisa umphumela ngasikhathi sinye, lokhu kuzobizwa nge-front-end.
I-CodePen
Kwabaningi ithuluzi eliphelele kakhulu yakho konke esikukhulumayo. Isetshenziswe njengethuluzi lewebhu okuyiyona nto esondele kakhulu emphakathini ukukhombisa umsebenzi wakho. Uhlobo lwe Youtube kusuka kunjiniyela. Kulokhu, uzokwazi ukubona umsebenzi wohlelo abaxhumene newebhu futhi uxhumane nabo uma kwenzeka uba nentshisekelo, ubone iphrofayili yabo, ubalandele kumanethiwekhi futhi ubhalisele ngisho nesiteshi sabo ukubuka yonke imisebenzi yabo yesikhathi esizayo.
Ukwethulwa kokuqukethwe, ukusekelwa nezinqamuleli zekhibhodi
Isethulo seCodePen sithakazelisa kakhuluNgoba ngokuchofoza okumbalwa nje, ungasebenza ngenqubo ngokushesha. Ngemigqa ehlukaniswe kahle ye-html, css ne-JavaScript. Ngaphezu kwengxenye ebonakalayo, ongayigxilisa phezulu naphansi ukuze ubone kahle ukuqhubeka kwakho. Ngakho-ke kusiza ukuhlukanisa kahle ulimi ngalunye. Okuthile okusebenziseka kalula kohlelo abasha.
Ukusekelwa kwakho kwewebhu, ikwenza kubekezeleleke kalula lapho ufuna ukuqala ukusebenzisa into esingayazi kahle impela. Lokho akusho ukuthi kungcono kuwe, kuya ngezidingo esinazo. Kepha yebo, ukwazi imvelo kangcono ngaphambi kokuzibophezela ukufaka noma yini kukhompyutha enemvelaphi "engaziwa".
Uma ungomunye walabo abajwayele ukusebenzisa cishe ikhibhodi ngokuphelele uma usebenza, iCodePen izoba yinhle kuwe. Amanye amathuluzi adinga ama-plugin ukwazi ukusebenzisa izinqamuleli zekhibhodi ukugcwalisa imvelo. Lokhu kwenza umsebenzi ungakhululeki ngokwengeziwe (yize kusebenza kahle uma usufakiwe). CP. ihlanganisa njengokujwayelekile uhlelo oluzokwenza ugcwalise imigqa efanayo yekhodi ephindaphindwayo, efana nohlu. Ubhala ukuthi ufuna uhlu luvele kanjani bese uqhafaza kuthebhu.
Uhlobo lwe-Pro futhi luvumela ezinye izinketho eziningi ngentengo ye- € 9,00 yephakheji eyisisekelo ibe ngu- € 29,25 yephakeji "Super". Ukwazi ukuvuselela kumadivayisi amaningi ngasikhathi sinye lokho esikwenzayo kokukodwa. Futhi imodi yokubambisana, "imodi yothisha", njll. Zuza uma ufuna lapha.
I-JSBin
I-JSBin iyithuluzi esingalifaneleka njengeqondile. Kusukela lapho uye kusizinda sayo sewebhu, kuzolungela ukuqala ukudweba iphrojekthi yakho elandelayo, ngaphandle kokulibala. Futhi yize isiteji sayo sokuqala singathandeki, sinethezekile.
I-JSBin ilula, ngesakhiwo esiyisisekelo esenziwe nge-html ukuze ungachithi isikhathi, uzongena phakathi kwezilimi ezahlukahlukene ukuqedela umsebenzi. Okokuqala kukhona i-HTML, bese kuba yi-CSS, iJavascript futhi ekugcineni umsebenzi wakho ubukeke. Futhi yize kubonakala kunzima kakhulu, uzoba nezinhlobo ezifanayo zezinqamuleli ngaphandle kokufaka noma yini. Ngqo kusuka kusiphequluli.
Kodwa-ke, ngikuthole kungakhululekile ukubuka ikhodi kahle, uma ifihliwe ngenxa yamakholomu alandelayo. Njengoba, nge-laptop, kufanele unikele phansi noma phansi nge isiqeshana sokuhambisa iminwe futhi alunamanzi kakhulu.
Inezitolimende ezimbili kuphela, mahhala noma ezikhokhelwayo. Lokhu kubiza kancane kuneCodePen, noma ngabe uyikhokha minyaka yonke, kunenzuzo enkulu, uma ungakhokha i- € 120.
I-CSDeck
Isimo sokusebenza se- I-CSDeck yehlukile kunaleyo ebonwe ngenhla. Ihlukaniswe ngamakholomu amabili kuphela, i-visual-code, i-CSSDeck isebenza ngemigqa emi-3 ehlukanisa ngayo izinhlobo ezahlukahlukene zolimi. Ngesethulo ngesimo senethiwekhi yokuxhumana nomphakathi nendawo yokusebenza ehlanzekile ngombala okhanyayo. Kubukeka njengethuluzi elilula. Noma kwesinye isikhathi, lokho akusho ukuthi kubi.
Ngabasebenzisi abangaphezu kwezinkulungwane ezingamashumi ayisithupha ababhalisiwe namaphrojekthi angaphezu kwamakhulu amabili namashumi ayizinkulungwane ezinhlanu adaliwe, ukusesha nokuthola okufunayo ngeke kube nzima. Ulimi njengokujwayelekile, uma kungaba yisiphazamiso kulabo abangasazi isiNgisi, kepha kulokhu ukuxhumana nabantu Isithombe sibaluleke kakhulu, ngakho angicabangi ukuthi kuyinselelo enkulu.
I-Plunkr
I-Plunkr kuyithuluzi elikhanga kakhulu engihlangane nalo kuze kube manje. Isethulo sihlanganiswe ngemilayezo nokuntuleka kwezithombe. Ukulayisha okuqukethwe kuhamba kancane futhi akusizi kakhulu uma uthi nhlá. Ngaphezu kwalokho, uku-oda ngosuku kwenza noma yiluphi uhlelo, noma ngabe lulula kangakanani, lungaba sesikhundleni sokuqala. Ukuze ubone okuthile okuthakazelisa kakhulu kufanele uye kuthebhu ethi: «Okubukwe kakhulu«. Lokho wukuthi, uma ungazange ulihumushe ne-Google ngaphambilini.
Futhi yisho ukuthi ngokwewebhu, bakwinguqulo 1.0.0. Ngakho-ke lokhu kuchaza okuncane ngomklamo, isethulo namaphutha okungenzeka uwathola lapho upheqa iwebhu.
Njengenzuzo, uma uphelelwa yimibono, ngeke kudingeke ushiye noma uvule enye ithebhu ePlunkr, ngoba ngqo kusuka kubha eseceleni yangakwesokudla ungahamba namanye amaphrojekthi bese uwabuka masinyane. Lokhu kuzokwenza kube lula kuwe ukuqoqa imibono esheshayo futhi uyisebenzise kuphrojekthi yakho ngasikhathi sinye.
Idabblet
Idabblet ithuluzi elilula, ungena futhi udale. Yize ungabhalisa futhi ube negama lakho lomsebenzisi ngeGitHub, akuyona into evelele kakhulu kuwebhu. Ngemuva ku-gradient ephuzi kuya kobomvu, engxenyeni ebonakalayo kanye nesizinda esimhlophe engxenyeni yekhodi (njengenjwayelo), kwethulwa iphrojekthi ye-Dabblet, yize ungayiguqula kusuka kuthebhu ye-CSS. Kimi, kungcono ukungabi nalutho, ngoba leyo gradient konke okunikezwayo kuncanyana ukuphila a
Uma uhlela, ungahlela amathebhu owabonayo kalula. Noma futhi uma ufuna ukushintshela kumakholomu noma imigqa yokubukwa okunethezekile kuye ngomuntu ohlelayo. Ukushintsha usayizi wefonti, ukulondolozwa njengokungaziwa ngaphandle kokubhalisa noma ukuqinisekisa ikhodi ye-HTML ngamathuba amaningi uDabblet awanikeza ekuqaleni. Noma kungeyona inketho yokuqala engingayikhetha, kungahle kubhekwe kuzinguqulo ezizayo uma zivuselelwa.
Enye yezinto engizithande kancane, kepha labo bohlelo abakhulu abangayithanda, yilokho awunayo inketho yokuhlela ilebula bese uyibhala yona. Okungukuthi, faka i-HTML bese uqhafaza kuthebhu bese ubhala i- "html" ne "/ html" ngokuzenzakalela. Okuthile kwezinye izinhlelo zokusebenza uma kwenziwa.
I-LiveWeave
I-LiveWeave Ifana kakhulu nezinye, ayinalutho abanye abangakwazi ukukunikeza maqondana nokusetshenziswa. Esikugqamisa ngale phrojekthi ukwakheka kwayo, umbala omnyama ofana neCodePen kepha ngokusatshalaliswa okuyisikwele. Ukwazi ukushintsha usayizi ukunambitha. Kukhona nemodi ecacile kanye ne- «ngaphandle komugqa« lapho ikhodi oyihlelayo izobonakala kokubonwayo, uze uyisebenzise. Akusona isici osithola sisebenziseka kakhulu, njengomklami, kubalulekile ukuthi uhlale ubona ukuthi uhlelani ngesikhathi sangempela, kepha othile uzokutholela okuthile ongakusebenzisa ngokuqinisekile. Futhi noma kunjalo, njengenjwayelo, ungabhalisa, umsebenzisi akanayo indima yokuhola. Njengoba, noma ungabhalisi, ungagcina iphrojekthi yakho.
Umbhalo ophansi
Leli thuluzi Kuhluke ngokuphelele kulokho okubonile kuze kube manje ekuhlaziyweni. Umbhalo Ophakeme awuyona insiza yewebhu, kepha njengohlelo lokusebenza. Ngakolunye uhlangothi, ngokuqinisekile kuyasiza kakhulu ukuba nayo kudeskithophu. Ikakhulu ngenxa yokuphahlazeka okungaba khona kwe-inthanethi noma ukubanda ngenxa yokweqisa nokulahleka komsebenzi. Ngakolunye uhlangothi, akuyona ithuluzi elibukwayo njengalezi ezedlule. Ngaphandle kokungabi nawo umphakathi wokuhlanganyela amaphrojekthi.
Lapha konke kusuka ekuqaleni. Kufanele udale amathebhu ukubeka imigqa yekhodi bese uyiqamba kabusha ukuze wazi ukuthi iyiphi. Uma eyokuqala kuyi-HTML, i-CSS yesibili ... noma okuphambene nalokho. Futhi ayinazo izinqamuleli zokuthi kuzoba yini ibhukwana ngokuphelele, ngaphandle kwezilinganiso.
Isiphetho
Zonke izinhlelo ziyafana nokuthintwa okuthile komuntu siqu kwenkampani ngayinye okuholela ekubeni nobuhle nobubi kuzo. Ngamunye uzokhetha eyodwa evumelana nabo kakhulu, isincomo sami ukusebenzisa i-CodePen noma i-CSSDeck yemvelo kanye nenethiwekhi yokuxhumana nabantu ephethe yona. Kepha, uma ngabe uthande enye futhi, shiya amazwana bese uchaza izizathu zakho, zizoba wusizo impela.