Программисттин жардамы менен код менен иштөөчү атайын программа боло бербейт. Эгер сизде кодду түзөтүү керек болуп жатса жана анда ылайыктуу программа жок болсо, сиз акысыз онлайн кызматтарын колдоно аласыз. Андан кийин, биз ушундай эки сайт жөнүндө сүйлөшүп, алардагы иштөө принциптерин дыкат талдайбыз.
Онлайн режиминде программалык кодду түзөтүү
Мындай редакторлор көп болгондуктан, аларды карап чыгуу мүмкүн эмес болгондуктан, эң популярдуу жана керектүү шаймандардын негизги топтомун чагылдырган эки гана интернет-ресурстарга токтолууну чечтик.
Ошондой эле окуңуз: Java программасын кантип жазуу керек
1-ыкма: CodePen
CodePen веб-сайтында көптөгөн иштеп чыгуучулар өзүлөрүнүн коддорун бөлүшүп, долбоорлорду сактап калышат. Каттоо эсебиңизди түзүүдө татаал эч нерсе жок, ошол замат жаза баштаңыз, бирок мындай жасалат:
CodePen'ге өтүңүз
- Жогорудагы шилтемени колдонуп CodePen веб-сайтынын башкы бетин ачыңыз жана жаңы профиль түзүңүз.
- Ылайыктуу каттоо жолун тандап, берилген көрсөтмөлөргө ылайык өзүңүздүн эсебиңизди түзүңүз.
- Өзүңүздүн баракчаңыз жөнүндө маалыматтарды толтуруңуз.
- Эми сиз өтмөктөрдү карап, калкып чыкма менюну кеңейте аласыз "Түзүү" жана нерсени тандоо "Долбоор".
- Оң жагындагы терезеде сиз колдоого алынган файл форматтарын жана программалоо тилдерин көрө аласыз.
- Шаблондордун бирин же HTML5 белгилөөнү тандап, түзөтүүнү баштаңыз.
- Бардык түзүлгөн китепканалар жана файлдар сол жакта көрүнөт.
- Объектти сол баскыч менен чыкылдатуу менен, анын оң жагындагы терезеде код көрүнөт.
- Төмөндө өз папкаларыңызды жана файлдарыңызды кошуу үчүн баскычтар бар.
- Түзгөндөн кийин, объекттин атын атап, өзгөрүүлөрдү сактаңыз.
- Каалаган убакта, LMB баскычын чыкылдатып, долбоордун жөндөөлөрүнө өтсөңүз болот "Орнотуулар".
- Бул жерден сиз негизги маалыматты таба аласыз - аталышы, сүрөттөмөсү, тегдери, ошондой эле кодду алдын-ала карап көрүү жана ичине коюу параметрлери.
- Эгерде сиз иш мейкиндигинин учурдагы көрүнүшүнө канааттанбасаңыз, анда аны чыкылдатуу менен өзгөртө аласыз "Көрүнүштү өзгөртүү" жана каалаган көрүү портун тандаңыз.
- Коддун каалаган саптарын түзөтүп чыкканда, чыкылдатыңыз "Бардыгын сактоо + иштетүү"бардык өзгөртүүлөрдү сактоо жана программаны иштетүү үчүн. Жыйынтык жыйынтыгы төмөндө көрсөтүлгөн.
- Чыкылдатуу менен долбоорду компьютериңизде сактаңыз "Экспорт".
- Архивди жүктөп бүткөнчө күтө туруңуз.
- Колдонуучу CodePen'дин акысыз нускасында бирден ашык жигердүү проектиге ээ болбой калгандыктан, жаңысын түзүү керек болсо, аны жок кылышыңыз керек. Бул үчүн, чыкылдатыңыз "Delete".
- Ырастоо сөзүн киргизип, жок кылууну ырастаңыз.
Жогоруда, CodePen онлайн кызматынын негизги функцияларын карап чыктык. Көрүнүп тургандай, кодду оңдоп эле койбостон, аны нөлдөн баштап жазып, андан кийин аны башка колдонуучулар менен бөлүшүү жаман эмес. Сайттын бирден-бир жетишпеген жагы акысыз нускадагы чектөөлөр.
2-ыкма: LiveWeave
Эми мен LiveWeave веб-ресурсуна токтолгум келет. Анын ичинде орнотулган код редактору гана эмес, ошондой эле биз төмөндө талкуулай турган башка куралдар бар. Жумуш төмөнкүдөй сайттан башталат:
LiveWeave веб-сайтына өтүңүз
- Редактордун баракчасына өтүү үчүн жогорудагы шилтемени аткарыңыз. Бул жерде сиз дароо төрт терезени көрө аласыз. Биринчиси - HTML5 тилинде код жазуу, экинчиси - JavaScript, үчүнчүсү - CSS, төртүнчүсү - жыйындын жыйынтыгы.
- Бул сайттын өзгөчөлүктөрүнүн бири тегтерди терүүдө кеңештер деп эсептесе болот, алар терүү ылдамдыгын жогорулатып, орфографиялык каталардан оолак болот.
- Демейки шартта, компиляция түз ободо жүргүзүлөт, башкача айтканда, ал өзгөртүүлөрдү киргизгенден кийин дароо иштелип чыгат.
- Эгер сиз бул функцияны иштен чыгаргыңыз келсе, жылдыргычты керектүү нерсеге карама-каршы жылдырышыңыз керек.
- Жакынкы режимде сиз түнкү режимди күйгүзүп жана өчүрө аласыз.
- Сол панелдеги баскычты чыкылдатып, CSS контроллерлери менен иштей баштасаңыз болот.
- Ачылган менюда жазуу жылдыргычтарды жылдырып жана белгилүү бир маанилерди өзгөртүү жолу менен түзөтүлөт.
- Андан кийин, түстүү көрсөтмөгө көңүл бурууну сунуштайбыз.
- Сизге кең палитра берилет, ал жерде сиз каалаган көлөкөнү тандай аласыз, анын жогору жагында анын коду көрсөтүлөт, ал кийинчерээк интерфейс менен программаларды жазууда колдонулат.
- Менюга жылуу "Вектордук редактор".
- Ал графикалык объекттер менен иштейт, бул кээде программалык камсыздоону иштеп чыгууда пайдалуу болот.
- Калкып менюсун ачыңыз "Tools". Бул жерде сиз шаблонду жүктөп, HTML файлын жана текст генераторун сактай аласыз.
- Долбоор бир файл катары жүктөлөт.
- Эгерде сиз жумушту сактап калгыңыз келсе, алгач ушул онлайн кызматында каттоодон өтүшүңүз керек.
Эми сиз коддун LiveWeave веб-сайтында кандайча редакцияланганын билесиз. Бул интернет-ресурсту колдонууну ишенимдүү түрдө сунуштай алабыз, анткени анын программасы коду менен иштөө процессин оптималдаштырууга жана жөнөкөйлөтүүгө мүмкүнчүлүк берген көптөгөн функциялары жана каражаттары бар.
Бул биздин макалабызды аяктайт. Бүгүн биз сизге онлайн кызматтарын колдонуп код менен иштөө боюнча эки нускаманы сунуш кылдык. Бул маалымат пайдалуу болуп, иш үчүн эң ылайыктуу веб-ресурстун тандалышына жардам берди деп үмүттөнөбүз.
Дагы окуңуз:
Программалоо чөйрөсүн тандоо
Android тиркемелерин түзүү боюнча программалар
Оюн түзүү үчүн программаны тандаңыз
