Не заўсёды ў праграміста маецца пад рукой спецыяльнае праграмнае забеспячэнне, праз якое ён і працуе з кодам. Калі так здарылася, што рэдагаваць код трэба, а адпаведнага софту няма пад рукой, можна скарыстацца бясплатнымі анлайн-сэрвісамі. Далей мы распавядзем аб двух такіх сайтах і дэталёва разбяром прынцып працы ў іх.
Рэдагуемы праграмны код онлайн
Паколькі падобных рэдактараў існуе вялікая колькасць і іх усё проста не разгледзець, мы вырашылі сканцэнтраваць увагу толькі на двух інтэрнэт-рэсурсах, якія з'яўляюцца самымі папулярнымі і ўяўляюць асноўны набор неабходных інструментаў.Вышэй намі былі разгледжаны базавыя функцыі онлайн-сэрвісу CodePen. Як бачыце, ён нядрэнна падыходзіць для таго, каб не толькі рэдагаваць код, але і пісаць яго з нуля, а потым дзяліцца з іншымі карыстальнікамі. Адзіным недахопам сайта з'яўляюцца абмежаванні ў бясплатнай версіі.
Спосаб 2: LiveWeave
Цяпер хацелася б спыніцца на вэб-рэсурсе LiveWeave. У ім прысутнічае не толькі ўбудаваны рэдактар кода, але і іншыя інструменты, пра якія мы і пагаворым ніжэй. Пачынаецца праца з сайтам так:
Перайсці на сайт LiveWeave
- Перайдзіце па спасылцы вышэй, каб патрапіць на старонку рэдактара. Тут адразу ж вы ўбачыце чатыры акны. У першым адбываецца напісанне кода ў HTML5, у другім - JavaScript, у трэцім - CSS, а ў чацвёртым паказваецца вынік кампіляцыі.
- Адной з асаблівасцяў дадзенага сайта можна лічыць усплывальныя падказкі пры наборы тэгаў, яны дазваляюць павысіць хуткасць набору і пазбегнуць памылак у напісанні.
- Па змаўчанні кампіляцыя адбываецца ў live-рэжыме, гэта значыць, апрацоўваецца адразу ж пасля ўнясення змяненняў.
- Калі вы хочаце дэактываваць гэтую функцыю, вам трэба перамясціць паўзунок насупраць неабходнага пункта.
- Побач даступна ўключэнне і выключэнне начнога рэжыму.
- Вы можаце перайсці да працы з кантролерамі CSS, націснуўшы на адпаведную кнопку на панэлі злева.
- У якое адкрылася меню рэдагуецца надпіс шляхам перамяшчэння паўзункоў і змены пэўных значэнняў.
- Далей рэкамендуем звярнуць увагу на вызначальнік кветак.
- Вам прадастаўляюць шырокую палітру, дзе можна выбраць любы адценне, а ўверсе адлюструецца яго код, які пазней выкарыстоўваецца пры напісанні праграм з інтэрфейсам.
- Перамесціцеся ў меню «Vector Editor».
- У ім ажыццяўляецца работа з графічнымі аб'ектамі, што таксама часам будзе карысна падчас распрацоўкі софту.
- Адкрыйце ўсплывальнае меню «Tools». Тут даступная загрузка шаблону, захаванне HTML-файла і генератар тэксту.
- Спампоўваецца праект у выглядзе аднаго файла.
- Калі вы хочаце захаваць працу, папярэдне прыйдзецца прайсці працэдуру рэгістрацыі ў дадзеным анлайн-сэрвісе.
Цяпер вы ведаеце, як рэдагуецца код на сайце LiveWeave. Мы можам смела рэкамендаваць выкарыстаць гэты інтэрнэт-рэсурс, паколькі на ім прысутнічае мноства функцый і інструментаў, якія дазваляюць аптымізаваць і спрасціць працэс працы з праграмным кодам.
На гэтым наш артыкул завяршаецца. Сёння мы прадставілі вам дзве падрабязныя інструкцыі па працы з кодам з дапамогай онлайн-сэрвісаў. Спадзяемся, гэтая інфармацыя была карыснай і дапамагла вызначыцца з выбарам найбольш прыдатнага вэб-рэсурсу для працы.
Чытайце таксама:
Выбіраем сераду праграмавання
Праграмы для стварэння Андроід-прыкладанняў
Выбіраем праграму для стварэння гульні