Tsis yog txhua tus programmer muaj ntawm tes tshwj xeeb software los ntawm kev nws ua haujlwm nrog kev cai. Yog tias nws tau tshwm sim uas koj yuav tsum kho cov code, thiab tsis muaj software tsim nyog ntawm tes, koj tuaj yeem siv cov kev pabcuam online dawb. Tom ntej no, peb yuav tham txog ob lub chaw zoo li no thiab txheeb xyuas qhov tseeb cov ntsiab cai ntawm kev ua haujlwm hauv lawv.
Hloov kho program code hauv online
Vim tias muaj ntau ntawm cov neeg kho zoo li no thiab lawv tsis tuaj yeem suav, peb txiav txim siab los tsom rau tsuas yog ob txoj kev siv nyiaj hauv Is Taws Nem, uas nrov tshaj plaws thiab sawv cev rau lub ntsiab ntawm cov cuab yeej tsim nyog.
Nyeem kuj: Yuav ua li cas sau ib qhov kev pab cuam hauv Java
Txoj Kev 1: CodePen
Ntawm CodePen lub vev xaib, ntau tus neeg tsim khoom sib koom lawv tus lej, khaws thiab ua haujlwm nrog cov phiaj xwm. Tsis muaj dab tsi nyuaj hauv kev tsim koj tus account thiab pib sau ntawv tam sim ntawd, tab sis qhov no tau ua tiav zoo li no:
Mus rau CodePen
- Qhib nplooj ntawv tseem ceeb ntawm CodePen lub vev xaib uas siv cov kab txuas saum toj no thiab npaj mus tsim daim ntawv tshiab.
- Xaiv qhov yooj yim rau kev sau npe thiab ua raws cov lus qhia tau muab, tsim koj tus kheej tus account.
- Sau cov ncauj lus txog koj nplooj ntawv.
- Tam sim no koj tuaj yeem nce mus tabs, nthuav cov ntawv qhia pop-up "Tsim" thiab xaiv cov khoom "Project".
- Hauv qhov rais ntawm sab xis koj yuav pom cov ntaub ntawv txhawb kev ua haujlwm thiab hom lus.
- Pib kho los ntawm xaiv ib tus qauv lossis txheem HTML5 markup.
- Txhua qhov chaw tsim tsev qiv ntawv thiab ntaub ntawv yuav tshwm rau sab laug.
- Nyem sab laug ntawm ib qho khoom siv nws ua haujlwm hauv nws lub qhov rais ntawm sab xis qhia cov cai.
- Hauv qab yog muaj nyees khawm los ntxiv rau koj tus kheej cov folders thiab cov ntaub ntawv.
- Tom qab tsim, npe cov khoom thiab txuag txoj kev hloov pauv.
- Txhua lub sijhawm, koj tuaj yeem nkag mus rau qhov haujlwm teeb tsa los ntawm nias LMB rau "Chaw".
- Ntawm no koj tuaj yeem nrhiav cov ncauj lus yooj yim - lub npe, cov lus piav qhia, cim npe, thiab cov kev xaiv rau kev saib ua ntej thiab indenting cov code.
- Yog tias koj tsis txaus siab rau qhov pom ntawm lub ntshoo tam sim no, koj tuaj yeem hloov nws los ntawm nias rau "Hloov Saib" thiab xaiv qhov xav yam xav pom.
- Thaum koj kho kom raug cov kab yam ntawm cov code, nyem rau "Tseg Tag Nrho + Khiav"kom txuag txhua yam kev hloov pauv thiab khiav txoj haujlwm. Cov tso ua ke raug tshwm sim hauv qab no.
- Txuag qhov project ntawm koj lub computer los txhaj "Export".
- Tos rau cov txheej txheem los ua kom tiav thiab download tau lub archive.
- Txij li tus neeg siv tsis tuaj yeem muaj ntau dua ib qho kev ua haujlwm hauv version dawb ntawm CodePen, koj yuav tsum rho tawm nws yog tias koj xav tau tsim qhov tshiab. Ua li no, nyem rau ntawm "Rho tawm".
- Nkag mus rau lo lus pom tseeb thiab paub meej tias qhov tshem tawm.
Saum toj no, peb tau soj ntsuam cov haujlwm yooj yim ntawm CodePen kev pabcuam online. Raws li koj tuaj yeem pom, nws tsis yog phem rau tsis tsuas yog kho cov code, tab sis kuj sau nws los ntawm kos, thiab tom qab ntawd muab nws qhia rau lwm tus siv. Lub tsuas drawback ntawm lub xaib yog cov kev txwv nyob rau hauv cov dawb version.
Txoj Kev 2: LiveWeave
Tam sim no kuv xav tau nyob ntawm LiveWeave lub vev xaib. Nws tsis yog tsuas yog built-in code editor, tab sis kuj tseem muaj lwm yam cuab yeej, uas peb yuav tham txog hauv qab no. Cov haujlwm pib nrog lub xaib zoo li no:
Mus rau LiveWeave lub vev xaib
- Ua raws li qhov txuas los saum toj no kom tau txais mus rau cov nplooj ntawv kho kom raug. Ntawm no koj yuav pom plaub lub qhov rais tam sim ntawd. Qhov thib ib yog sau tus lej hauv HTML5, qhov thib ob yog JavaScript, tus thib peb yog CSS, thiab tus thib plaub qhia cov txiaj ntsig sib sau ua ke.
- Ib qho ntawm cov yam ntxwv ntawm lub vev xaib no tuaj yeem suav tias yog cov cuab yeej thaum sau cov ntawv cim, lawv tuaj yeem nce ceev kev ntaus ntawv thiab zam kom tsis raug sau yuam kev.
- Los ntawm lub neej ntawd, kev sau ua ke nyob rau hauv hom nyob, uas yog, nws tau ua tiav tam sim ntawd tom qab ua qhov hloov pauv.
- Yog tias koj xav kom ua kom tsis muaj txoj haujlwm no, koj yuav tsum txav mus rau ntawm cov kab sib txig ntawm cov khoom uas xav tau.
- Nyob ze koj tuaj yeem qhib thiab tua hmo ntuj hom.
- Koj tuaj yeem pib ua haujlwm nrog CSS cov tswj hwm los ntawm txhaj rau lub pob sib txuas ntawm daim vaj huam sib luag sab laug.
- Hauv cov ntawv qhia qhib, cov lus sau yuav kho los ntawm kev txav mus rau kev hloov thiab hloov qee yam nqi.
- Tom ntej no, peb xav kom koj them sai sai rau phau ntawv qhia xim.
- Koj tau muab nrog cov kab ntawv dav dav uas koj tuaj yeem xaiv ib qho ntxoov ntxoo, thiab nyob rau sab saum toj nws cov cai yuav tshwm, uas tom qab siv thaum sau cov programmes nrog qhov interface.
- Txav mus rau cov ntawv qhia zaub mov "Vector Editor".
- Nws ua haujlwm nrog cov khoom siv graphic, uas kuj yuav qee zaum siv tau thaum txhim kho software.
- Qhib cov zaub mov popup "Cuab Yeej"Cov. Ntawm no koj tuaj yeem rub tawm lub template, khaws cov HTML ntawv thiab ntawv tsim hluav taws xob.
- Peb tes num yog rub los ua ib daim ntawv.
- Yog tias koj xav txuag kev ua haujlwm, koj yuav tsum mus ua ntej tus txheej txheem rau npe hauv txoj haujlwm online no.
Tam sim no koj paub li cas cov code tau kho rau hauv LiveWeave lub vev xaib. Peb tuaj yeem pom zoo kom siv cov peev txheej Is Taws Nem, vim nws muaj ntau lub zog thiab cov cuab yeej uas tso cai rau koj ua kom zoo dua thiab yooj yim cov txheej txheem ntawm kev ua haujlwm nrog program code.
Qhov no xaus peb cov lus. Niaj hnub no peb nthuav qhia koj ob qho kev qhia kom ntxaws rau kev ua haujlwm nrog cov cai siv cov kev pabcuam online. Peb cia siab tias cov ntaub ntawv no tau muaj txiaj ntsig zoo thiab pab txiav txim siab xaiv cov khoom siv web haum tshaj plaws rau kev ua haujlwm.
Nyeem kuj:
Xaiv ib puag ncig lub cajmeem
Cov phiaj xwm los tsim cov ntawv thov Android
Xaiv ib qho kev pab cuam los tsim kev ua si
