Програмер не располаже увек специјалним софтвером, преко којег ради са кодом. Ако се деси да морате уредити код, а одговарајући софтвер није при руци, можете користити бесплатне онлине услуге. Даље ћемо говорити о два таква сајта и детаљно анализирати принцип рада у њима.

Уређивање програмског кода на мрежи

Будући да постоји велики број таквих уредника и једноставно их не треба све разматрати, одлучили смо да се фокусирамо само на два онлине ресурса који су најпопуларнији и представљају основни сет потребних алата.

Погледајте и: Како написати Јава програм

Метод 1: ЦодеПен

На сајту ЦодеПен, многи програмери деле сопствене кодове, чувају и раде са пројектима. Нема ништа тешко створити свој рачун и одмах почети писати, али то се ради на сљедећи начин:

Идите на ЦодеПен веб страницу

  1. Отворите главну страницу ЦодеПен сајта користећи везу изнад и наставите са креирањем новог профила.
  2. Иди на регистрацију на сајту ЦодеПен

  3. Изаберите одговарајући начин за регистрацију и, у складу са датим упутствима, креирајте свој налог.
  4. Завршити поступак регистрације на веб-локацији ЦодеПен

  5. Попуните информације о својој страници.
  6. Попуните личне податке на Веб локацији ЦодеПен

  7. Сада можете ићи горе по картицама, проширити “Цреате” поп-уп мени и одабрати ставку “Пројецт” .
  8. Креирајте нови пројекат на сајту ЦодеПен

  9. У прозору на десној страни видећете подржане формате датотека и програмске језике.
  10. Подржани типови датотека на услузи ЦодеПен

  11. Почните са уређивањем тако што ћете изабрати један од предложака или стандардни ХТМЛ5 ознаку.
  12. Коришћење шаблона на ЦодеПен сервису

  13. Све креиране библиотеке и датотеке биће приказане на левој страни.
  14. Коришћење шаблона на ЦодеПен сервису

  15. Лијевим кликом на објект активира га.У прозору с десне стране приказује се код.
  16. Уређивање датотека на ЦодеПен сервису

  17. На дну се налазе дугмад која вам омогућавају да додате сопствене фасцикле и датотеке.
  18. Додавање нових датотека на ЦодеПен сервис

  19. Након креирања, дајте име објекту и сачувајте промене.
  20. Поставите ново име датотеке на ЦодеПен сервису

  21. У било ком тренутку можете приступити поставкама пројекта кликом на “Сеттингс” .
  22. Идите на подешавања на услузи ЦодеПен

  23. Овде можете подесити основне информације - име, опис, ознаке, као и параметре прегледа и увлачење кода.
  24. Промените и сачувајте поставке на услузи ЦодеПен

  25. Ако нисте задовољни тренутним приказом радног простора, можете га променити тако што ћете кликнути на “Цханге Виев” и изабрати жељени прозор за преглед.
  26. Промените изглед услуге ЦодеПен

  27. Када уредите потребне линије кода, кликните на "Саве Алл + Рун" да бисте сачували све промене и покренули програм. Компајлирани резултат је приказан испод.
  28. Процес компајлирања кода на услузи ЦодеПен

  29. Сачувајте пројекат на рачунару кликом на „Извоз“ .
  30. Припрема пројекта за преузимање ЦодеПен-а

  31. Сачекајте да се обрада заврши и преузмете архиву.
  32. Преузмите пројекат на услузи ЦодеПен

  33. Пошто корисник не може имати више од једног активног пројекта у бесплатној верзији ЦодеПен-а, мораће да буде избрисан ако треба да направите нови. Да бисте то урадили, кликните на "Избриши" .
  34. Идите да обришете пројекат на услузи ЦодеПен

  35. Унесите реч за проверу и потврдите брисање.
  36. Потврдите брисање пројекта из услуге ЦодеПен

Изнад, прегледали смо основне функције онлине услуге ЦодеПен. Као што видите, добро је да не само да уредите код, већ га и напишете од нуле, а затим га поделите са другим корисницима. Једини недостатак сајта су ограничења у бесплатној верзији.

Метод 2: ЛивеВеаве

Сада бих желео да се осврнем на веб сајт ЛивеВеаве. Садржи не само уграђени едитор кода, већ и друге алате, о којима ћемо говорити у наставку. Рад са сајтом почиње овако:

Идите на веб страницу ЛивеВеаве

  1. Пратите горњи линк да бисте дошли до странице за уређивање. Овде ћете одмах видети четири прозора. Први је писање кода у ХТМЛ5, други је ЈаваСцрипт, трећи је ЦСС, а четврти показује резултат компилације.
  2. Четири активна прозора на услузи ЛивеВеаве

  3. Једна од карактеристика овог сајта може се сматрати описима алатки приликом куцања ознака, они вам омогућавају да повећате брзину куцања и избегнете правописне грешке.
  4. Прикажите савете о услузи ЛивеВеаве

  5. По подразумеваној вредности, компилација се одвија у живом режиму, тј. Одмах након обраде.
  6. Компилација уживо уживо

  7. Ако желите да деактивирате ову функцију, морате померити клизач насупрот жељене ставке.
  8. Онемогућите аутоматску компилацију на услузи ЛивеВеаве.

  9. У близини је доступан и искључен ноћни режим.
  10. Искључите ноћни режим на услузи ЛивеВеаве

  11. Можете радити са ЦСС контролерима кликом на одговарајуће дугме на панелу на левој страни.
  12. Идите у ЦСС едитор на сервису ЛивеВеаве

  13. У менију који се отвори, етикета се уређује померањем клизача и променом одређених вредности.
  14. Уредите ЦСС на ЛивеВеаве сервису

  15. Следеће, препоручујемо да обратите пажњу на детерминанту боја.
  16. Идите на боје претраживача на ЛивеВеаве

  17. Добили сте опсежну палету у којој можете одабрати било коју нијансу, а њен код ће бити приказан на врху, који се касније користи приликом писања програма са интерфејсом.
  18. Рад са прегледачем у боји на ЛивеВеаве

  19. Пређите на мени "Вецтор Едитор" .
  20. Идите на векторски уредник на услузи ЛивеВеаве

  21. Ради са графичким објектима, који ће понекад бити корисни и за развој софтвера.
  22. Радите у векторском уреднику на сервису ЛивеВеаве

  23. Отворите искачући мени "Алати" . Овдје можете преузети предложак, спремити ХТМЛ датотеку и генератор текста.
  24. Иди на штедњу на ЛивеВеаве сервису

  25. Пројекат се преузима као једна датотека.
  26. Отворите сачувани документ из услуге ЛивеВеаве

  27. Ако желите да сачувате посао, прво ћете морати да прођете кроз поступак регистрације у овој онлине услузи.
  28. Сачувајте пројекат на ЛивеВеаве сервису

Сада знате како да уредите код на ЛивеВеаве. Можемо са сигурношћу препоручити коришћење овог Интернет ресурса, јер на њему има много функција и алата који омогућавају оптимизацију и поједностављење процеса рада са програмским кодом.

Овим је закључен наш чланак. Данас смо вам дали два детаљна упутства за рад са кодом који користе онлине услуге. Надамо се да је ова информација била корисна и помогла да се одреди избор најпогоднијег веб ресурса за рад.

Погледајте и:
Избор окружења за програмирање
Програми за креирање Андроид апликација
Изаберите програм за креирање игре