CodePen vai Sublime Text? Ja mēs runājam par tīmekļa programmēšanu, HTML, CSS un JavaScript nosaukums mums parādās uzreiz. Ir vairāki veidi, kā tur nokļūt. Pat, ja atveram bloknotu, varam ķerties pie darba, rakstot "html". Ir taisnība, ka, lai redzētu programmēšanas rezultātu no spilventiņa, būs nepieciešama darbietilpīga procedūra, lai pamanītu progresu.
Šīs vietnes ir galvenie spēļu laukumi lietojumprogrammu izstrādātājiem dienas lietotājiem. Lai uzzinātu vairāk par šo programmu priekšrocībām un trūkumiem, mēs tos rūpīgi analizēsim šajā rakstā (vismaz visu, ko mēs zinām). Kā es vienmēr saku, noteikti daži no jums šeit zina šo tēmu vairāk. Ja tā, komentējiet visu, kas šeit mūs aizrauj. Mēs ar prieku apspriedīsimies!
Šodien mēs analizēsim CodePen, JSBin, Plunkr, cildenus, CSSDeck, Dabblet un LiveWeave. Kuras ir vispazīstamākās un šajā vidē visbiežāk izmantotie rīki. Protams, ir vairāk.
Bet visiem jums, kas nezināt, kas ir FrontEnd vai BackEnd, nedaudz paskaidrosim. Priekšējā daļa vai saskarne ir vizuālā daļa, kuru navigējošais lietotājs varēs redzēt tīmeklī. BackEnd būs tā daļa, kuru vietnes administrators kontrolē. Programmējot, ja kodu ievadāt, izmantojot rīku, kas vienlaikus parāda rezultātu, to sauc par priekšgalu.
CodePen
Daudziem vispilnīgākais rīks no visa, par ko mēs runājam. Izmanto kā tīmekļa rīku, kas ir tuvākais kopienai, lai parādītu savu darbu. Sava veida Youtube no programmētāja. Tajā jūs varat redzēt ar tīmekli saistīto programmētāju darbu un sazināties ar viņiem, ja jums ir kāda interese, apskatīt viņu profilu, sekot viņiem tīklos un pat abonēt viņu kanālu, lai skatītu visus viņu nākotnes projektus.
Satura, atbalsta un īsinājumtaustiņu prezentācija
CodePen prezentācija ir visinteresantākāTā kā, veicot tikai dažus klikšķus, jūs varat nekavējoties veikt procesu. Ar ļoti labi atdalītām html, css un javascript līnijām. Papildus vizuālajai daļai, kuru varat sakustināt augšup un lejup, lai skaidri redzētu savu progresu. Tādējādi palīdzot labi atšķirt katru valodu. Kaut kas noderēs jaunākiem programmētājiem.
Jūsu tīmekļa atbalsts, padara to izturīgāku, ja vēlaties sākt lietot kaut ko tādu, ko mēs īsti nezinām. Tas nenozīmē, ka tas ir labāk jums, tas ir atkarīgs no mūsu vajadzībām. Bet jā, lai mazliet labāk iepazītu vidi, pirms apņematies kaut ko instalēt datorā ar "nezināmu" izcelsmi.
Ja esat viens no tiem, kurš ir pieradis lietot casi strādājot ar tastatūru, CodePen jums būs brīnišķīgs. Nepieciešami citi rīki spraudņi lai varētu izmantot īsinājumtaustiņus, lai aizpildītu vidi. Tas padara darbu mazliet neērtāku (lai arī tikpat efektīvs, kad tas ir uzstādīts). KP. Tas standartā integrē sistēmu, kas liks aizpildīt tās pašas koda rindas, kuras tiek atkārtotas, kā tas varētu būt sarakstā. Jūs rakstāt, kā vēlaties, lai saraksts parādās, un noklikšķiniet uz Tab.
Pro versija nodrošina arī daudz vairāk iespēju par cenu 9,00 € par pamata paketi līdz 29,25 € par “Super” paketi. Spēja vienlaikus atjaunināt vairākās ierīcēs to, ko mēs darām vienā. Arī kooperatīvais režīms, "skolotāju režīms" utt. Izmantojiet, ja vēlaties šeit.
JSBin
JSBin ir rīks, kuru mēs varētu kvalificēt kā tiešu. Tā kā, tiklīdz dodaties uz tā tīmekļa domēnu, tas būs gatavs bez kavēšanās sākt izstrādāt nākamo projektu. Un, lai arī tā pirmais iestudējums nav īpaši pievilcīgs, tas ir ērti.
JSBin ir vienkāršs, ar pamata struktūru, kas izveidota html formātā, lai netērētu laiku, jūs pabūsiet starp dažādām valodām, lai pabeigtu darbu. Vispirms ir HTML, pēc tam CSS, Javascript un visbeidzot jūsu darbs vizuāli. Lai gan tas šķiet grūtāk, jums būs tāda paša veida saīsnes, neko neinstalējot. Tieši no pārlūka.
Tomēr man šķita neērti pareizi apskatīt kodu, tiklīdz tas ir paslēpts nākamo kolonnu dēļ. Tā kā, izmantojot klēpjdatoru, jums ir jāatsakās vai jāatsakās no trackpad un tas nav ļoti plūstošs.
Tam ir tikai divas daļas - bezmaksas vai apmaksātas. Tas ir nedaudz dārgāk nekā CodePen, lai gan, ja jūs to maksājat katru gadu, tas ir izdevīgāk, ja jūs varat maksāt 120 euro.
CSSDeck
Grieķijas darba vide CSSDeck atšķiras no iepriekš redzētā. Sadalīts tikai divās kolonnās, vizuālais kods, CSSDeck darbojas ar 3 rindām uz leju, ar kurām tas sadala dažādus valodas veidus. Ar prezentāciju sociālā tīkla formā un tīrāku darba vidi gaišās krāsās. Tas patiešām šķiet vienkāršs rīks. Lai gan dažreiz tas nenozīmē, ka tas ir negatīvs.
Tā kā ir izveidoti vairāk nekā sešdesmit tūkstoši reģistrētu lietotāju un izveidoti vairāk nekā divi simti piecdesmit tūkstoši projektu, meklēt un atrast vēlamo nebūs grūti. Valoda kā vienmēr, ja tā var sagādāt neērtības tiem, kuri nezina angļu valodu, bet šajā sociālais tīkls Attēls ir ļoti svarīgs, tāpēc es nedomāju, ka tas ir liels izaicinājums.
plunkr
plunkr tas ir vismazāk pievilcīgais līdzeklis, ar kuru līdz šim esmu saskāries. Prezentācija ir aglutināta ziņojumos un attēlu trūkumā. Satura ielāde ir lēna un no pirmā acu uzmetiena nav ļoti noderīga. Turklāt pasūtīšana pēc datuma padara jebkuru grafiku neatkarīgi no tā, cik vienkāršs, var būt pirmajā pozīcijā. Lai redzētu kaut ko interesantāku, dodieties uz cilni, kurā teikts: «Visvairāk skatīts«. Tas ir, ja jūs to iepriekš neesat tulkojis Google.
Tāpat sakiet, ka saskaņā ar tīmekli tie ir 1.0.0 versijā. Tātad tas nedaudz izskaidro noformējumu, prezentāciju un iespējamās kļūdas, kuras atrodat, pārlūkojot tīmekli.
Kā priekšrocība, ja jums pietrūkst ideju, jums nebūs jāatstāj vai jāatver cita cilne Plunkr, jo tieši no labās sānjoslas varat staigāt ar citiem projektiem un tos uzreiz apskatīt. Tas atvieglos ātru ideju apkopošanu un vienlaikus to pielietošanu projektā.
Rieksts
Rieksts tas ir vienkāršs rīks, jūs ieejat un izveidojat. Lai gan jūs varat reģistrēties un iegūt savu lietotājvārdu, izmantojot GitHub, tas nav kaut kas, kas īpaši izceļas tīmeklī. Ar fonu dzeltenā līdz sarkanā gradientā, vizuālajā daļā un baltu fonu koda daļā (kā parasti) tiek parādīts Dabblet projekts, lai gan to var mainīt cilnē CSS. Man tas ir labāk, ja tas ir tukšs, jo no šī gradienta viss, kas dod, ir maz dzīve a
Rediģējot, varat konfigurēt redzamās cilnes viegli. Pat tad, ja vēlaties pārslēgties uz kolonnām vai rindām ērtai apskatei atkarībā no rediģējošās personas. Fonta lieluma maiņa, saglabāšana kā anonīma, nereģistrējot vai neapstiprinot HTML kodu, ir vairāk iespēju, ko Dabblet piedāvā no pirmā acu uzmetiena. Lai gan tas nav pirmais variants, kuru es izvēlētos, tas var būt jāņem vērā nākamajās versijās, ja tās tiek atjauninātas.
Viena no lietām, kas man patika vismazāk, bet kas varētu patikt lieliskiem programmētājiem, ir tā jums nav iespējas tabulas veidā sastādīt tabulu un likt tai pašai rakstīt. Tas ir, ielieciet HTML un noklikšķiniet uz cilnes un automātiski rakstiet "html" un "/ html". Kaut kas tāds, kas tiek izmantots citās lietojumprogrammās.
LiveWeave
LiveWeave Tas ir ļoti līdzīgs pārējiem, tam nav nekā tāda, ko citi nevar piedāvāt lietderības ziņā. Šajā projektā mēs uzsveram tā dizainu, tumšu krāsu, kas līdzīga CodePen, bet ar kvadrātveida sadalījumu. Spēja mainīt izmēru pagaršot. Ir arī skaidrs režīms un «bezsaistē« rediģētais kods netiks atspoguļots vizuālajā attēlā, kamēr to neaktivizēsit. Tā nav funkcija, kas jums šķiet ļoti noderīga, jo kā dizainers ir svarīgi vienmēr redzēt, ko rediģējat reāllaikā, taču kāds noteikti atradīs jums kādu lietojumu. Un, lai gan, kā vienmēr, jūs varat reģistrēties, lietotājam nav galvenā loma. Tā kā, pat ja jūs nereģistrējaties, varat saglabāt savu projektu.
Sublime Teksta
Šis rīks tas pilnīgi atšķiras no tā, ko līdz šim esat redzējis analīzē. Sublime Text nav kā tīmekļa resurss, bet gan kā lietojumprogramma. No vienas puses, tas noteikti būs noderīgāk, ja tas būs darbvirsmā. Jo īpaši iespējamo interneta avāriju vai sasalšanas dēļ pārmērības un iespējamā darba zaudēšanas dēļ. No otras puses, tas nav tik vizuāls rīks kā iepriekšējie. Papildus tam, ka sabiedrībai nav iespēju dalīties projektos.
Šeit viss ir no nulles. Jums ir jāizveido cilnes, lai izvietotu koda rindas un pārdēvētu tās, lai zinātu, kura ir. Ja pirmais ir HTML, otrais CSS .. vai otrādi. Tam nav arī īsceļu, kas tas būs pilnīgi manuāli, izņemot pēdiņas.
Secinājums
Visas programmas ir līdzīgas, ņemot vērā katra uzņēmuma personisko pieskārienu, kas noved pie tā, ka tajās ir plusi un mīnusi. Katrs izvēlēsies sev piemērotāko, mans ieteikums ir izmantot CodePen vai CSSDeck videi un sociālajam tīklam, ko tā apstrādā. Bet, ja jums patika vēl viens, atstājiet komentāru un paskaidrojiet savus iemeslus, tie noteikti būs noderīgi.