Радећи на сложеном пројекту, било да сте искусан програмер или бруцош, вероватно ћете наићи на проблеме. Када свој пројекат поделите на много модула, појављују се проблеми, што отежава проналажење грешака и проналажење решења. У другим околностима, отклањање грешака у појединачним инстанцама може бити тешко јер нисте открили право решење за проблем на коме сте радили.
Повремено се јавља и као део кода, који у том тренутку може изгледати сложено. ЈаваСцрипт је један од језика заснованих на Вебу који је изузетно једноставан за учење. Једноставно покрените прегледач на радној површини и идите на Алатке за програмере (обично Ф12) и готови сте! Затим можете експериментисати са ЈС-ом без потребе за инсталирањем или покретањем било каквог компликованог софтвера.
Да бисте започели, све што вам треба је претраживач. Дивно је имати сву ову једноставност одмах из кутије, али постоје прилике када вам треба више. На пример, претпоставимо да желите да експериментишете са новим веб АПИ-јем који сте недавно открили, али не желите да започнете нови пројекат.
У овом посту ћемо упоредити и упоредити три најпопуларнија ЈС игралишта, ЦодеПен, ЦодеСандбок и СтацкБлитз. Хајде да почнемо!
ЦодеПен
Фронтенд алати за веб развој се увек развијају, а уређивачи текста су велика компонента најновијих технологија које чине живот програмера једноставнијим. Осим самосталних уређивача текста као што су Атом или Нотепад ++, последњих година дошло је до експлозије уређивача заснованих на претраживачу који не захтевају инсталацију програма и промовишу већу сарадњу.
ЦодеПен је „заједница на мрежи за тестирање и представљање исечака ХТМЛ, ЦСС и ЈаваСцрипт кода креираних од стране корисника“ која нуди фантастичне могућности да научите како да боље пишете фронтенд веб странице.
ЦодеПен вам даје два „режима“. Прва и најчешће коришћена је оловка. То је једноставно као да кликнете на дугме и пренесете се право до уређивача. Одатле можете приступити панелу за преглед, као и основним прозорима за уређивање ХТМЛ-а, ЦСС-а и ЈС-а.
Не постоји „систем датотека“, „ИнтеллиСенсе“ или било шта друго – само једноставно истицање синтаксе и брзе команде као што је преттифи. На картици са опцијама можете да изаберете из ограниченог опсега предпроцесора за сва три језика (као што је ТипеСцрипт за ЈС) или да додате везе са спољним изворима.
Ако вам је потребно само било шта да се уради бесплатно, било који од уредника ће бити довољан. Предложио бих ЦодеПен за све што не захтева много подешавања или библиотека – једноставно ХТМЛ, ЦСС и ЈС са опционим предпроцесорима на врху. Ако желите да искористите игралиште да побољшате своје присуство на друштвеним медијима или развијете лични портфолио, ЦодеПен је боља опција.
Премиум верзија
Имате још неколико алтернатива које можете изабрати на ЦодеПен-у. Ако плаћате годишње, можете добити један од три премиум плана за 12, 19 или 39 долара сваког месеца. Можете креирати бесконачан број приватних оловака, постова и колекција на било ком од три нивоа.
Такође ћете добити значку Про (друштвено повећање), приступ режиму сарадње уживо, без оглашавања и још много тога. Постоје и одређене стратегије специфичне за тим и друге разлике између нивоа. За додатне информације погледајте њихов званични одбор за наплату.
Кључне карактеристике
Осим креирања ХТМЛ-а, ЦСС-а и ЈаваСцрипт-а у ЦодеПен-у, постоји још неколико ствари које га издвајају.
- Преглед вашег кода је могућ у реалном времену. Не захтева компилацију.
- Експериментисање вам омогућава да научите нове ствари.
- Направите мале тестне случајеве да бисте потражили и решили проблеме.
- Покажите своја дивна дела.
- Направите и сачувајте оловке за каснију употребу.
- Испробајте код других програмера и погледајте га на делу.
Предности
- За почетак, нема трошкова.
- Уграђени ресурси за учење.
- Сарађујте са другима и упоредите пројекте да бисте видели где могу да иду у будућности.
- Корисничко сучеље је једноставно за коришћење и једноставно.
Мане
- Библиотека кодова је мала, аутоматско довршавање кода је неадекватно. Само је добар за пројекте на једној страници и не може да поднесе ништа веће.
- На ЦодеПен-у можете креирати приватне оловке, али ћете морати да надоградите на Про чланство (9 УСД месечно).
ЦодеСандбок
ЦодеСандбок је веб уређивач кода. Аутоматизује управљање транспирацијом, паковањем и зависношћу за вас, омогућавајући вам да направите нови пројекат једним кликом. Након што направите нешто фасцинантно, можете то поделити са другима једноставним дељењем веб локације.
Уређивач је компатибилан са свим ЈаваСцрипт пројектима, иако укључује одређене карактеристике специфичне за Реацт, као што је опција да се пројекат сачува у шаблону за креирање-реаговање-апликација.
Сваки пројекат који направите у ЦодеСандбок-у почиње шаблоном. Може да се односи на одређену библиотеку, оквир или време извођења (укључујући Ноде.јс) или да користи једноставно стандардне веб технологије. Након што изаберете шаблон, бићете послани у уређивач, где ћете пронаћи све потребне датотеке и прозор за преглед који је већ отворен.
Имате приступ „систему датотека“ у свим сандбоковима, што значи да можете креирати нове датотеке, користити модуле (укључујући НПМ пакете) и комуницирати са статичким средствима. Такође постоји могућност измене конфигурационих датотека специфичних за шаблон.
Можете чак да направите сопствене шаблоне за свој јединствени случај употребе, заједно са структуром датотека и зависностима, слично као у ИДЕ-у. Пошто је алатка повезана са Гитхуб-ом, можете брзо да генеришете урезивање и отворите ПР-ове. Можете одмах да примените своју апликацију на ЗЕИТ или Нетлифи.
ЦодеСандбок Теам Про
ЦодеСандбок, холандска фирма која омогућава програмерима да направе сандбок за развој веб апликација заснованог на претраживачу, званично је издала платформу за сарадњу која омогућава тимовима да раде на коду у облаку. Нови производ, Теам Про, је решење без кодирања направљено за комплетне тимове производа, од дизајнера и менаџера преко тимова за осигурање квалитета (КА) и даље.
Пројекти су обезбеђени у корисничком интерфејсу за свакога ко жели да направи или прихвати промене у веб апликацији, избегавајући алтернативне методе као што је слање белешки и препорука програмерима да изврше промене, прослеђивање на дискусију и понављање процеса.
Кључне карактеристике
- Алат за уређивање кода и прототипа заснован на вебу.
- За локалну употребу, сандбок се може лако преузети у зип датотеци.
- Програмирање се ради у сандбоковима, који се могу лако поделити са колегама.
Предности
- Побољшано корисничко искуство и већа контрола над уређивачем.
- Функција прегледа уживо се може изменити и погледати у посебном прозору.
- Код се аутоматски форматира и укључује ЦЛИ (цодесандбок-цли)
- Подршка за напредне нпм модуле.
- Лепе поруке о грешци са препорукама.
- Побољшава искуство отклањања грешака тако што пружа бољи терминал, прегледник тестова и прегледник проблема.
Мане
- Крајњи потрошач је изложен многим персонализацијама.
- Превлачење и испуштање датотека са локалног рачунара не ради исправно.
- У ЦодеСандбок-у мора се пратити одређена структура фолдера.
- Функционалност приватног сандбок-а доступна је само корисницима.
СтацкБлитз
СтацкБлитз је онлајн ИДЕ за веб апликације који покреће Висуал Студио Цоде. Платформа је прилагодљива и прилагодљива као и десктоп верзија. СтацкБлитз је онлајн ИДЕ који долази са унапред учитаним Ангулар и Реацт развојни алати.
Тхинкстер.ио је направио тај фантастичан пројекат како би био што једноставнији за почетак рада са вашим Ангулар или Реацт пројектом без потребе да бринете о инсталацији зависности или подешавањима изградње. СтацкБлитз пружа много невероватних и јединствених функција које тренутно нема ниједан други онлајн уређивач кодова. Као резултат тога, вреди даље истражити СтацкБлитз и открити шта овај онлајн ИДЕ може да понуди.
Стацкблитз је изузетно упоредив са комплетним ИДЕ-ом, посебно ако не можете да кажете збогом ВС коду јер је алатка заснована на њему. Пакет има низ функција које вам омогућавају да започнете и наставите са креирањем апликације пуног стека.
Програм покреће Висуал Студио, који је добро познат међу програмерима. Оффлине уређивање је изузетна карактеристика пројекта. Да би ово омогућио, Стацкблитз тим је направио веб сервер у претраживачу. Док куцате, он аутоматски инсталира зависности, компајлира, групише и врши поновно учитавање.
Премиум верзија
Кадет, астронаут и командант су доступни бесплатно, 8 долара месечно, односно 29 долара месечно. Астронаут анд Цоммандер укључује бројне функције као што су неограничени приватни пројекти, неограничено отпремање датотека, позивница на канал за лабавост главног тима и тако даље. За више информација, погледајте званичну таблу за наплату.
Кључне карактеристике
- Додавање НПМ пакета вашем пројекту.
- Захваљујући новом серверу за развој у прегледачу, можете да уређујете док сте ван мреже.
- УРЛ хостоване апликације која нам омогућава да приступимо (и делимо) нашој апликацији уживо у било ком тренутку.
- Друге значајне функције Висуал Студио Цоде-а укључују Интеллисенсе, претрагу пројеката (Цмд/Цтрл+П), Иди на дефиницију и друге.
Предности
- Могућности Фиребасе-а за примену.
- Едитор је заиста једноставан за коришћење и изузетно брз.
- Корисници имају приступ пацкаге.јсон, индек.хтмл и индек.јс.
- Изворни код који се може делити и који се такође може уградити.
- Преглед уживо на великом делу странице, са могућношћу отварања на другој страници ако је потребно.
- Док је ван мреже, уређивање
- Паметни довршеци и побољшани Интеллисенсе.
- Срж Стацкблитз-а је Опен Соурце.
Мане
- Немате утицај на зграду или сервер за програмере јер њима управља наредба цреате-реацт-апп.
- У Реацт-у треба обратити пажњу на основну структуру фасцикли.
- Није могуће форматирати код аутоматски, иако је то могуће урадити ручно.
Zakljucak
У данашње време, игралиште за кодирање попут оних које смо видели изнад може се користити за комплетну изградњу било ког веб пројекта. Нема потребе да инсталирате гломазне ИДЕ-ове на рачунар када можете да правите, отклањате грешке, тестирате и примењујете директно из свог веб претраживача.
По мом мишљењу, СтацкБлитз би био најбољи међу њима јер је то веб-базирани ИДЕ који омогућава ЈаваСцрипт, Ангулар и друге развојне пројекте одмах из кутије, без потребе за инсталирањем било каквог локалног развојног окружења као што су Ноде.јс, нпм, или Угаони. Пружа исто искуство као локално коришћење Висуал Студио Цоде-а. У стварности, пошто СтацкБлитз покреће Висуал Студио Цоде, делује брзо и разноврсно као и десктоп верзија.
Који од ЦодеПен-а, ЦодеСандбок-а и СтацкБлитз-а је ваш алат? Јавите нам у коментарима.
Аббатииа
Хвала на овом сјајном чланку, када сам једном видео стацкблитз.цом, знам да је то оно што желим.