Teksti CodePen apo Sublime? Nëse flasim për programimin në internet, emri i HTML, CSS dhe JavaScript na vjen menjëherë. Ka disa mënyra për të arritur atje. Madje, nëse hapim një bllok shënimesh mund të futemi në punë duke shkruar "html". Shtë e vërtetë që për të parë rezultatin e asaj që po programoni nga një jastëk, do t'ju duhet një procedurë e mundimshme për të vërejtur progresin.
Këto faqe janë terrenet kryesore të lojërave për zhvilluesit e aplikacioneve për përdoruesit e ditës. Për të mësuar më shumë rreth avantazheve dhe disavantazheve të këtyre programeve, ne do t'i analizojmë ato thellë në këtë artikull (të paktën, gjithçka që dimë). Siç them gjithmonë, me siguri disa prej jush këtu e dinë më shumë temën. Nëse është kështu, komentoni gjithçka që na shpëton këtu. Ne do të jemi të lumtur të diskutojmë!
Sot do të analizojmë CodePen, JSBin, Plunkr, sublime, CSSDeck, Dabblet dhe LiveWeave. Cilat janë më të njohurat dhe mjetet më të përdorura në këtë mjedis. Sigurisht që ka edhe më shumë.
Por, për të gjithë ju që nuk dini se çfarë ka të bëjë me FrontEnd ose BackEnd, le të shpjegojmë pak. Front-End ose ndërfaqja është pjesa vizuale që përdoruesi i lundrimit do të jetë në gjendje të shohë në internet. BackEnd do të jetë pjesa që administratori i faqes kontrollon. Në programim, nëse futni kodin përmes një mjeti që shfaq rezultatin njëkohësisht, kjo do të quhet front-end.
CodePen
Për shumë mjet më i plotë nga të gjitha ato që flasim. Përdoret si një mjet në internet që është gjëja më e afërt me një komunitet për të treguar punën tuaj. Nje lloj YouTube nga programuesi. Në këtë, ju do të jeni në gjendje të shihni punën e programuesve të lidhur me ueb dhe t'i kontaktoni ata në rast se keni ndonjë interes, të shihni profilin e tyre, t'i ndiqni në rrjete dhe madje të regjistroheni në kanalin e tyre për të parë të gjitha projektet e tyre të ardhshme.
Prezantimi i përmbajtjes, mbështetjes dhe shkurtoreve të tastierës
Prezantimi i CodePen është më interesantiSepse me vetëm disa klikime, ju mund ta kryeni procesin menjëherë. Me linja të ndara shumë mirë të html, css dhe javascript. Përveç pjesës vizuale, të cilën mund ta ndërthurni lart e poshtë për të parë qartë përparimin tuaj. Duke ndihmuar kështu që të diferencohet mirë çdo gjuhë. Diçka që ju vjen në ndihmë për programuesit më të rinj.
Mbështetja juaj në internet, e bën atë më të durueshme kur doni të filloni të përdorni diçka që në të vërtetë nuk e dimë shumë mirë. Kjo nuk do të thotë se është më mirë për ju, varet nga nevojat që kemi. Por po, për të njohur pak më mirë mjedisin para se të angazhohemi për të instaluar ndonjë gjë në kompjuterin me origjinë "të panjohur".
Nëse jeni një nga ata që janë mësuar të përdorin casi plotësisht tastierë kur punon, CodePen do të jetë e mrekullueshme për ju. Kanë nevojë për mjete të tjera plugins të jetë në gjendje të përdorë shkurtesat e tastierës për të mbushur mjedisin. Kjo e bën punën pak më të pakëndshme (edhe pse po aq efektive sapo të instalohet). CP. integron si standard një sistem që do t'ju bëjë të plotësoni të njëjtat rreshta të kodit që përsëriten, të tilla si në një listë. Ju shkruani se si doni të shfaqet lista dhe klikoni Tab.
Versioni Pro gjithashtu lejon shumë mundësi të tjera për një çmim prej 9,00 € për paketën bazë deri në 29,25 € për paketën "Super". Të jesh në gjendje të azhurnojmë në disa pajisje njëkohësisht atë që bëjmë në një. Gjithashtu një mënyrë bashkëpunuese, një "mënyrë mësuesi", etj. Përfitoni nëse doni këtu.
JSBin
JSBin është një mjet që ne mund ta kualifikojmë si të drejtpërdrejtë. Meqenëse sapo të shkoni në domenin e tij të internetit, ai do të jetë gati të fillojë hartimin e projektit tuaj të ardhshëm, pa vonesë. Dhe megjithëse shfaqja e saj e parë nuk është shumë tërheqëse, është komode.
JSBin është e thjeshtë, me strukturën themelore të krijuar në HTML në mënyrë që të mos humbni kohë, ju do të ndërthureni midis gjuhëve të ndryshme për të përfunduar punën. Së pari është HTML, pastaj CSS, Javascript dhe së fundmi puna juaj vizualisht. Dhe megjithëse duket më e vështirë, do të keni të njëjtat lloje të shkurtoreve pa instaluar asgjë. Direkt nga shfletuesi.
Sidoqoftë, e kam parë më të pakëndshme ta shikoj saktë kodin, pasi të jetë fshehur për shkak të kolonave pasuese. Meqenëse, me laptopin, duhet të hiqni dorë ose poshtë me trackpad dhe nuk është shumë fluide.
Ka vetëm dy këste, falas ose me pagesë. Kjo është pak më e shtrenjtë se CodePen, edhe pse nëse e paguani çdo vit, është më fitimprurëse, nëse mund të paguani 120 €.
CSSDeck
Mjedisi i punës i CSSDeck është i ndryshëm nga ai që shihet më sipër. I ndarë vetëm në dy kolona, me kod vizual, CSSDeck punon me 3 rreshta poshtë me të cilat ndan llojet e ndryshme të gjuhës. Me një prezantim në formën e një rrjeti social dhe një ambient më të pastër pune me ngjyra të lehta. Duket si një mjet i thjeshtë. Edhe pse ndonjëherë kjo nuk do të thotë se është negative.
Me më shumë se gjashtëdhjetë mijë përdorues të regjistruar dhe më shumë se dyqind e pesëdhjetë mijë projekte të krijuara, kërkimi dhe gjetja e asaj që dëshironi nuk do të jetë e vështirë. Gjuha si gjithmonë, nëse mund të jetë një shqetësim për ata që nuk dinë anglisht, por në këtë red social Imazhi është shumë i rëndësishëm, prandaj nuk mendoj se është një sfidë e madhe.
plunkr
plunkr është mjeti më pak tërheqës që kam hasur deri më tani. Prezantimi përmbledhet në mesazhe dhe mungesë imazhesh. Ngarkimi i përmbajtjes është i ngadaltë dhe jo shumë i dobishëm në shikim të parë. Përveç kësaj, porosia sipas datës bën që çdo orar, sado i thjeshtë të jetë, mund të jetë në pozicionin e parë. Për të parë diçka më interesante duhet të shkoni në skedën që thotë: «Më të shikuara« Kjo është, nëse nuk e keni përkthyer me Google më parë.
Gjithashtu thoni që sipas uebit, ato janë në versionin 1.0.0. Kështu që kjo shpjegon disi modelimin, prezantimin dhe gabimet e mundshme që ju mund të gjeni kur shfletoni në internet.
Si avantazh, nëse ju mbarojnë idetë, nuk do të duhet të largoheni ose të hapni një skedë tjetër në Plunkr, pasi që direkt nga shiriti anësor i djathtë mund të ecni me projekte të tjera dhe t'i shihni ato menjëherë. Kjo do ta bëjë më të lehtë për ju të mbledhni ide të shpejta dhe t'i zbatoni ato në projektin tuaj në të njëjtën kohë.
Daltë
Daltë është një mjet i thjeshtë, ju hyni dhe krijoni. Megjithëse mund të regjistroheni dhe të keni emrin tuaj të përdoruesit përmes GitHub, nuk është diçka që bie shumë në sy në internet. Me një sfond në një gradient të verdhë në të kuq, në pjesën vizuale dhe një sfond të bardhë në pjesën e kodit (siç është normale), prezantohet projekti Dabblet, megjithëse mund ta ndryshoni nga skeda CSS. Për mua, është më mirë ta kem bosh, pasi ajo gradient gjithçka që jep është pak jetë a
Kur jeni duke redaktuar, mund të konfiguroni skedat që shihni lehtësisht. Edhe nëse dëshironi të kaloni në kolona ose rreshta për një shikim të rehatshëm në varësi të personit që po redakton. Ndryshimi i madhësisë së shkronjave, ruajtja si anonim pa regjistruar ose vërtetuar kodin HTML janë më shumë mundësi që Dabblet ofron në shikim të parë. Edhe pse nuk është opsioni i parë që do të zgjidhja, mund të jetë që të merren parasysh në versionet e ardhshme nëse ato azhurnohen.
Një nga gjërat që më pëlqeu më pak, por që mund të pëlqejë programuesit e shkëlqyeshëm, është ajo ju nuk keni mundësinë të paraqisni një etiketë dhe ta shkruani vetë. Kjo është, vendosni HTML dhe klikoni në skedën dhe shkruani "html" dhe "/ html" automatikisht. Diçka që në aplikimet e tjera nëse është bërë.
Valë e gjallë
Valë e gjallë Isshtë shumë e ngjashme me të tjerat, nuk ka asgjë që të tjerët nuk mund të ofrojnë për sa i përket dobisë. Ajo që theksojmë në lidhje me këtë projekt është dizajni i tij, një ngjyrë e errët e ngjashme me CodePen por me një shpërndarje katrore. Të jesh në gjendje të ndryshosh madhësinë të shijojë. Ekziston edhe mënyra e qartë dhe «jashte linje« ku kodi që redaktoni nuk do të pasqyrohet në pamje, derisa ta aktivizoni atë. Nuk është një tipar që ju duket shumë i dobishëm, si dizajner, është e rëndësishme të shikoni gjithmonë atë që redaktoni në kohë reale, por dikush do t'ju gjejë një përdorim të sigurt. Dhe megjithëse, si gjithmonë, mund të regjistroheni, përdoruesi nuk ka një rol udhëheqës. Meqenëse, edhe nëse nuk regjistroheni, mund ta ruani projektin tuaj.
Sublime Text
Ky mjet Totalshtë krejtësisht ndryshe nga ajo që keni parë deri më tani në analizë. Tekst i Lartë nuk është si një burim uebi, por si një aplikacion. Nga njëra anë, është me siguri më e dobishme ta kesh në desktop. Sidomos për shkak të ndërprerjeve ose ngrirjeve të mundshme të internetit për shkak të tepërt dhe humbjes së mundshme të punës. Nga ana tjetër, nuk është një mjet vizual si ato të mëparshmit. Përveç që nuk ka mundësinë e një komuniteti për të ndarë projekte.
Këtu gjithçka është nga e para. Duhet të krijoni skeda për të vendosur linjat e kodit dhe t'i riemërtoni për të ditur se cila është. Nëse e para është HTML, e dyta CSS ... ose anasjelltas. Gjithashtu nuk ka shkurtore për atë që do të jetë plotësisht manual, përveç kuotave.
Përfundim
Të gjitha programet janë të ngjashme me prekjet e caktuara personale të secilës kompani që çojnë në të mirat dhe të këqijat në to. Secili do të zgjedhë atë që i përshtatet më mirë, rekomandimi im është që të përdorni CodePen ose CSSDeck për mjedisin dhe rrjetin social që trajton. Por, nëse ju pëlqente edhe një tjetër, lini një koment dhe shpjegoni arsyet tuaja, ato me siguri do të jenë të dobishme.