Tus programmer tsis yeej ib txwm muaj kev tshwj xeeb software ntawm tes, los ntawm qhov uas nws ua haujlwm nrog txoj cai. Yog tias nws tshwm sim li ntawd koj yuav tsum tau kho qhov chaws, thiab qhov software siv tsis yog nyob ntawm tes, koj tuaj yeem siv cov kev pabcuam dawb hauv online. Ntxiv mus peb yuav qhia txog ob qhov chaw zoo li no thiab tshuaj xyuas qhov tseeb ntawm txoj cai ntawm kev ua hauj lwm hauv lawv.
Txhim kho cov kev cai hauv online
Txij li thaum muaj ntau tus neeg kho mob zoo li no thiab tsuas tsis xav txog lawv tag nrho, peb txiav txim siab los tsom tsuas rau ob qhov kev pab hauv online uas yog cov neeg nyiam tshaj plaws thiab sawv cev rau cov txheej txheem tsim nyog.
Saib kuj: Yuav sau li cas rau Java
Txoj Cai 1: CodePen
Rau ntawm qhov chaw CodePen, ntau tus neeg tsim khoom sib koom lawv tus kheej cov cim, txuag thiab ua haujlwm nrog tej yaam num. Tsis muaj dab tsi nyuab los tsim koj tus account thiab tam sim ntawd pib sau ntawv, tab sis qhov no yog ua li no:
Mus rau CodePen lub website
- Qhib cov nplooj ntawv ntawm CodePen qhov chaw uas siv qhov sib txuas saum toj no thiab pib ua qhov profile tshiab.
- Xaiv ib qho yooj yim rau kev tso npe thiab, tom qab cov lus qhia tau muab, tsim koj tus kheej tus account.
- Sau cov lus qhia txog koj nplooj ntawv.
- Tam sim no koj tuaj yeem nce mus saum tab, nthuav cov ntawv qhia tawm pop-up. "Tsim" thiab xaiv ib yam khoom "Qhov project".
- Nyob rau hauv lub qhov rais ntawm sab xis koj yuav pom cov ntaub ntawv txhawb kev thiab cov lus programming.
- Pib editing los ntawm xaiv ib tus templates los txheem HTML5 markup.
- Txhua tus tsim qiv thiab cov ntaub ntawv yuav muab tso rau sab laug.
- Sab laug ntawm ib qho khoom ua nws qhib rau hauv lub qhov rais ntawm sab xis, txoj cai tso tawm kom pom.
- Nyob rau hauv qab muaj cov nyees khawm uas cia koj ntxiv koj tus kheej cov folders thiab cov ntaub ntawv.
- Tom qab tsim, muab ib lub npe rau tus kwv thiab txuag cov kev hloov.
- Lub sijhawm twg los tau, koj tuaj yeem mus rau ntawm qhov chaw ntawm qhov project los txhaj rau "Tej chaw".
- Ntawm no koj tuaj yeem tsim cov ntaub ntawv yooj yim - lub npe, kev piav qhia, cov cim npe, thiab cov cwj pwm ntawm cov kev saib ua ntej thiab cov cai indentation.
- Yog tias koj tsis txaus siab rau qhov saib tam sim no ntawm qhov chaw ua haujlwm, koj tuaj yeem hloov nws los ntawm txhaj rau "Hloov Saib" thiab xaiv qhov xav saib qhov rais.
- Thaum koj hloov cov kab tsim nyog ntawm txoj cai, nyem rau ntawm "Tseg Tag Nrho + Khiav"kom txuag tau tag nrho cov kev hloov thiab khiav txoj haujlwm. Cov ntawv sau tau tshwm sim hauv qab no.
- Txuag qhov project ntawm koj lub computer los txhaj rau "Export".
- Tos kom txog thaum tus ua tiav thiab download tau cov archive.
- Vim tias tus neeg siv tsis tuaj yeem muaj ntau tshaj ib lub phiaj xwm hauv qhov dawb version of CodePen, nws yuav tsum tau muab tshem tawm yog tias koj xav tsim ib qho tshiab. Ua li no, nyem rau ntawm "Rho tawm".
- Nkag mus rau lo lus kos thiab paub meej tias deletion.
Saum toj no, peb rov qab saib xyuas cov haujlwm hauv online ntawm CodePen. Raws li koj tau pom, nws yog qhov zoo haum rau tsis yog hloov cov cai xwb, tab sis kuj sau nws ntawm kos, thiab mam li muab qhia rau lwm cov neeg siv. Qhov teeb meem ntawm qhov chaw tsuas yog kev txwv nyob rau hauv cov dawb version.
Txoj kev 2: LiveWeave
Tam sim no kuv xav mus nyob hauv lub Web site LiveWeave. Nws muaj cov tsis yog tus editor-built-in editor, tab sis kuj muaj lwm yam cuab yeej, uas peb yuav sib tham txog hauv qab no. Lub chaw ua hauj lwm nrog lub tsev kawm ntawv pib zoo li no:
Mus saib ntawm LiveWeave lub website
- Ua raws li qhov link saum toj no mus rau phab editor. Ntawm no koj yuav tam sim ntawd pom plaub qhov rais. Thawj yog sau cov code hauv HTML5, qhov thib ob yog JavaScript, qhov thib peb yog CSS, thiab cov plaub qhia tau hais tias muab tso ua ke.
- Ib qho ntawm cov qauv ntawm qhov chaw no yuav raug suav hais tias yog tooltips thaum sau cov cim npe, lawv cia koj nce lub ceev ntawm typing thiab tsis txhob sau yuam.
- Yog vim li cas, muab tso ua ke nyob rau hauv hom nyob, uas yog, ua tiav tam sim tom qab hloov kev hloov.
- Yog tias koj xav deactivate no muaj nuj nqi, koj yuav tsum tsiv mus rau lub slider yam txawv yam.
- Nyob ze muaj nyob rau hauv thiab tawm hmo ntuj hom.
- Koj tuaj yeem mus ua hauj lwm nrog CSS tus neeg sib tw los txhaj ntawm qhov khawm coj mus rau hauv lub vaj huam sib luag ntawm sab laug.
- Nyob rau hauv cov ntawv qhia zaub mov uas qhib, daim ntawv lo yog kho los ntawm kev hloov cov sliders thiab hloov qee qhov tseem ceeb.
- Tom ntej no, peb pom zoo kom them nyiaj rau qhov txiav txim siab ntawm cov xim.
- Koj tau txais ib qho palette uas koj tau xaiv ib qho ntxoov ntxoo, thiab nws cov cai yuav muab tso rau sab saum toj, uas yog tom qab siv thaum sau ntawv nrog ib lub interface.
- Tsiv mus rau cov ntawv qhia zaub mov "Vector Editor".
- Nws ua haujlwm nrog cov duab nraaj, uas yuav muaj qee zaum kuj yuav pab tau thaum software tsim.
- Qhib popup tuaj qhib "Cov cuab yeej". Ntawm no koj tuaj yeem download tau lub template, tseg cov ntaub ntawv HTML thiab cov phau ntawv nyeem.
- Qhov project yog downloaded li ib cov ntaub ntawv.
- Yog tias koj xav tseg txoj haujlwm, koj yuav tsum tau tso cai ua ntej hauv qhov kev pabcuam hauv online.
Tam sim no koj paub yuav hloov cov cai ntawm LiveWeave. Peb tuaj yeem ruaj ntseg xav kom siv qhov siv Internet, vim tias muaj ntau lub zog thiab cov cuab yeej ntawm nws uas ua rau kom zoo dua thiab ua kom yooj yim rau txoj kev ua haujlwm nrog txoj haujlwm program.
Qhov no xaus peb zaj lus. Hnub no peb tau muab koj nrog ob cov lus qhia ntxaws rau kev ua haujlwm nrog cov cai siv cov kev pab online. Peb vam tias cov ntaub ntawv no yog ib qho tseem ceeb thiab pab txhawm rau kev txiav txim siab ntawm kev xaiv ntawm qhov chaw tshaj plaws hauv web rau kev ua haujlwm.
Saib kuj:
Xaiv ib qhov chaw zov me nyuam
Cov kev pabcuam rau kev tsim hauv cov kev siv hauv
Xaiv ib qhov kev pab cuam los tsim kev ua si