Не заўсёды ў праграміста маецца пад рукой спецыяльнае праграмнае забеспячэнне, праз якое ён і працуе з кодам. Калі так здарылася, што рэдагаваць код трэба, а адпаведнага софту няма пад рукой, можна скарыстацца бясплатнымі анлайн-сэрвісамі. Далей мы распавядзем аб двух такіх сайтах і дэталёва разбяром прынцып працы ў іх.
Рэдагуемы праграмны код онлайн
Паколькі падобных рэдактараў існуе вялікая колькасць і іх усё проста не разгледзець, мы вырашылі сканцэнтраваць увагу толькі на двух інтэрнэт-рэсурсах, якія з'яўляюцца самымі папулярнымі і ўяўляюць асноўны набор неабходных інструментаў.
Чытайце таксама: Як напісаць праграму на Java
Спосаб 1: CodePen
На сайце CodePen многія распрацоўшчыкі дзеляцца уласнымі кодамі, захоўваюць і працуюць з праектамі. Няма нічога складанага ў тым, каб стварыць свой рахунак і адразу ж прыступіць да напісання, а робіцца гэта так:
Перайсці на сайт CodePen
- Адкрыйце галоўную старонку сайта CodePen, скарыстаўшыся названай вышэй спасылкай, і пераходзіце да стварэння новага профілю.
- Абярыце зручны шлях рэгістрацыі і, вынікаючы прыведзеных інструкцыям, стварыце уласны рахунак.
- Запоўніце інфармацыю аб сваёй старонцы.
- Зараз можна падняцца ўверх ўкладкі, разгарнуць ўсплывальнае меню "Create" і выбраць пункт "Project".
- У акне справа вы ўбачыце падтрымоўваныя фарматы файлаў і мовы праграмавання.
- Пачынайце рэдагаванне, выбраўшы адзін з шаблонаў або стандартную разметку HTML5.
- Злева будуць адлюстроўвацца ўсе створаныя бібліятэкі і файлы.
- Левы клік мышы па аб'екце актывуе яго ў акне справа адлюстроўваецца код.
- Унізе прысутнічаюць кнопкі, якія дазваляюць дадаць уласныя тэчкі і файлы.
- Пасля стварэння задайце імя аб'екту і захавайце змены.
- У любы момант вы можаце перайсці да налад праекта, пстрыкнуўшы ЛКМ на "Settings".
- Тут выстаўляецца асноўная інфармацыя - назва, апісанне, тэгі, а таксама параметры прадпрагляду і уціскання кода.
- Калі вас не задавальняе бягучы выгляд працоўнай вобласці, вам даступна яго змяненне шляхам націску на "Change View" і выбару неабходнага акна прагляду.
- Калі вы отредактируете патрэбныя радкі кода, пстрыкніце на "Save All + Run", Каб захаваць ўсе змены і запусціць праграму. Унізе адлюструецца скампіляваны вынік.
- Захавайце праект у сябе на кампутары, клікнуўшы на "Export".
- Дачакайцеся завяршэння апрацоўкі і загрузіце архіў.
- Паколькі ў бясплатнай версіі CodePen карыстальнік не можа мець больш аднаго актыўнага праекта, яго трэба будзе выдаліць, калі патрабуецца стварыць новы. Для гэтага пстрыкніце на "Delete".
- Калі ласка, увядзіце праверачны слова і пацвердзіце выдаленне.
Вышэй намі былі разгледжаны базавыя функцыі онлайн-сэрвісу CodePen. Як бачыце, ён нядрэнна падыходзіць для таго, каб не толькі рэдагаваць код, але і пісаць яго з нуля, а потым дзяліцца з іншымі карыстальнікамі. Адзіным недахопам сайта з'яўляюцца абмежаванні ў бясплатнай версіі.
Спосаб 2: LiveWeave
Цяпер хацелася б спыніцца на вэб-рэсурсе LiveWeave. У ім прысутнічае не толькі ўбудаваны рэдактар кода, але і іншыя інструменты, пра якія мы і пагаворым ніжэй. Пачынаецца праца з сайтам так:
Перайсці на сайт LiveWeave
- Перайдзіце па спасылцы вышэй, каб патрапіць на старонку рэдактара. Тут адразу ж вы ўбачыце чатыры акны. У першым адбываецца напісанне кода ў HTML5, у другім - JavaScript, у трэцім - CSS, а ў чацвёртым паказваецца вынік кампіляцыі.
- Адной з асаблівасцяў дадзенага сайта можна лічыць усплывальныя падказкі пры наборы тэгаў, яны дазваляюць павысіць хуткасць набору і пазбегнуць памылак у напісанні.
- Па змаўчанні кампіляцыя адбываецца ў live-рэжыме, гэта значыць, апрацоўваецца адразу ж пасля ўнясення змяненняў.
- Калі вы хочаце дэактываваць гэтую функцыю, вам трэба перамясціць паўзунок насупраць неабходнага пункта.
- Побач даступна ўключэнне і выключэнне начнога рэжыму.
- Вы можаце перайсці да працы з кантролерамі CSS, націснуўшы на адпаведную кнопку на панэлі злева.
- У якое адкрылася меню рэдагуецца надпіс шляхам перамяшчэння паўзункоў і змены пэўных значэнняў.
- Далей рэкамендуем звярнуць увагу на вызначальнік кветак.
- Вам прадастаўляюць шырокую палітру, дзе можна выбраць любы адценне, а ўверсе адлюструецца яго код, які пазней выкарыстоўваецца пры напісанні праграм з інтэрфейсам.
- Перамесціцеся ў меню "Vector Editor".
- У ім ажыццяўляецца работа з графічнымі аб'ектамі, што таксама часам будзе карысна падчас распрацоўкі софту.
- Адкрыйце ўсплывальнае меню "Tools". Тут даступная загрузка шаблону, захаванне HTML-файла і генератар тэксту.
- Спампоўваецца праект у выглядзе аднаго файла.
- Калі вы хочаце захаваць працу, папярэдне прыйдзецца прайсці працэдуру рэгістрацыі ў дадзеным анлайн-сэрвісе.
Цяпер вы ведаеце, як рэдагуецца код на сайце LiveWeave. Мы можам смела рэкамендаваць выкарыстаць гэты інтэрнэт-рэсурс, паколькі на ім прысутнічае мноства функцый і інструментаў, якія дазваляюць аптымізаваць і спрасціць працэс працы з праграмным кодам.
На гэтым наш артыкул завяршаецца. Сёння мы прадставілі вам дзве падрабязныя інструкцыі па працы з кодам з дапамогай онлайн-сэрвісаў. Спадзяемся, гэтая інфармацыя была карыснай і дапамагла вызначыцца з выбарам найбольш прыдатнага вэб-рэсурсу для працы.
Чытайце таксама:
Выбіраем сераду праграмавання
Праграмы для стварэння Андроід-прыкладанняў
Выбіраем праграму для стварэння гульні
