CodePen vai Sublime-teksti? Jos puhumme verkko-ohjelmoinnista, HTML: n, CSS: n ja JavaScriptin nimi tulee meille heti. On useita tapoja päästä sinne. Jopa, Jos avaat muistilehden, voimme työskennellä kirjoittamalla "html". On totta, että näet ohjelmoinnin tuloksen padilta, tarvitset työlästä menettelyä edistyksen havaitsemiseksi.
Nämä sivustot ovat tärkeimmät leikkikentät päivän käyttäjien sovellusten kehittäjille. Saadaksemme lisätietoja näiden ohjelmien eduista ja haitoista, analysoimme niitä perusteellisesti tässä artikkelissa (ainakin kaikessa, mitä tiedämme). Kuten aina sanon, varmasti jotkut teistä täällä tietävät aiheen enemmän. Jos näin on, kommentoi kaikkea, mikä pakenee meistä täällä. Keskustelemme mielellämme!
Analysoimme tänään CodePen, JSBin, Plunkr, sublime, CSSDeck, Dabblet ja LiveWeave. Mitkä ovat tunnetuimpia ja työkalut, joita käytetään eniten tässä ympäristössä. On tietysti enemmän.
Mutta kaikille teille, jotka eivät tiedä mistä FrontEnd tai BackEnd on kyse, selitämme vähän. Käyttöliittymä tai käyttöliittymä on visuaalinen osa, jonka navigoiva käyttäjä voi nähdä verkossa. BackEnd on osa, jota sivuston järjestelmänvalvoja hallitsee. Jos kirjoitat ohjelmoinnissa koodin työkalun kautta, joka näyttää tulokset samanaikaisesti, sitä kutsutaan käyttöliittymäksi.
CodePen
Monille täydellisin työkalu kaikesta mitä puhumme. Käytetään verkkotyökaluna, joka on lähinnä yhteisöä työn näyttämiseen. Eräänlainen Youtube ohjelmoijalta. Tässä voit nähdä verkkoon liittyvien ohjelmoijien työn ja ottaa heihin yhteyttä, jos sinulla on kiinnostusta, nähdä heidän profiilinsa, seurata heitä verkoissa ja jopa tilata heidän kanavansa nähdäksesi kaikki heidän tulevat projektinsa.
Sisällön esittely, tuki ja pikanäppäimet
CodePen-esitys on mielenkiintoisinKoska vain muutamalla napsautuksella voit suorittaa prosessin läpi heti. Hyvin erotetuilla html-, css- ja javascript-riveillä. Visuaalisen osan lisäksi, jota voit vuorotella ylös ja alas nähdäksesi edistyksesi selvästi. Auttaa siten erottamaan jokaisen kielen hyvin. Jotain, mikä on kätevää uudemmille ohjelmoijille.
Verkkotuki, tekee siitä siedettävämmän, kun haluat alkaa käyttää jotain, jota emme oikeastaan tiedä kovin hyvin. Se ei tarkoita, että se on parempi yhdelle, se riippuu tarpeistamme. Mutta kyllä, oppia tuntemaan ympäristö hieman paremmin ennen sitoutumista asentamaan mitään "tuntemattoman" alkuperän tietokoneeseen.
Jos olet yksi niistä, jotka ovat tottuneet käyttämään CASI täysin näppäimistö, kun työskentelet, CodePen on ihana sinulle. Muita työkaluja tarvitaan liitännäiset pystyä käyttämään pikanäppäimiä ympäristön täyttämiseen. Tämä tekee työstä hieman epämukavamman (vaikkakin yhtä tehokas asennuksen jälkeen). CP. integroi vakiona järjestelmän, joka saa sinut täyttämään samat toistettavat koodirivit kuin se voisi olla luettelossa. Kirjoitat, miten haluat luettelon näkyvän, ja napsautat Sarkain.
Pro-versio tarjoaa myös monia muita vaihtoehtoja hintaan 9,00 € peruspaketista ja 29,25 € “Super” -paketista. Mahdollisuus päivittää useilla laitteilla samanaikaisesti, mitä teemme yhdessä. Myös yhteistyötila, "opettajamoodi" jne. Hyödynnä, jos haluat täällä.
JSBin
JSBin on työkalu, jonka voisimme pitää suorana. Koska kun siirryt verkkotunnukseesi, se on valmis aloittamaan seuraavan projektin laatimisen viipymättä. Ja vaikka sen ensimmäinen lavastus ei ole kovin houkutteleva, se on mukava.
JSBin on yksinkertainen, ja perusrakenne on luotu html-muodossa, jotta aikaa ei tuhlata, ja suoritat työn eri kielillä. Ensin on HTML, sitten CSS, Javascript ja lopuksi visuaalisesti työsi. Ja vaikka se näyttää vaikeammalta, sinulla on saman tyyppiset pikavalinnat asentamatta mitään. Suoraan selaimesta.
Minusta oli kuitenkin epämukavampaa nähdä koodi oikein, kun se on piilotettu seuraavien sarakkeiden vuoksi. Koska kannettavan tietokoneen kanssa sinun on annettava periksi tai alas ohjauslevy ja se ei ole kovin sujuvaa.
Siinä on vain kaksi erää, ilmaiset tai maksetut. Tämä on vähän kalliimpaa kuin CodePen, vaikka jos maksat sen vuosittain, se on kannattavampaa, jos voit maksaa 120 euroa.
CSSDeck
Jyväskylän työympäristö CSSDeck on erilainen kuin yllä nähty. Vain kahteen sarakkeeseen jaettuun visuaaliseen koodiin CSSDeck toimii 3 rivillä alaspäin, joiden kanssa se jakaa erityyppiset kielet. Esitys sosiaalisen verkoston muodossa ja puhtaampi vaalea työympäristö. Se näyttää yksinkertaiselta työkalulta. Vaikka se ei joskus tarkoita, että se olisi negatiivinen.
Yli kuusikymmentätuhatta rekisteröitynyttä käyttäjää ja yli kaksisataaviisikymmentätuhatta projektia luotu, joten etsiminen ja etsiminen ei ole vaikeaa. Kieli kuten aina, jos se voi olla haittaa niille, jotka eivät osaa englantia, mutta tässä punainen sosiaalisen Kuva on erittäin tärkeä, joten en usko sen olevan suuri haaste.
plunkr
plunkr se on tähän mennessä vähiten houkutteleva työkalu. Esitys on täynnä viestejä ja kuvien puutetta. Sisällön lataus on hidasta eikä ole kovin hyödyllistä ensi silmäyksellä. Lisäksi tilaaminen päivämäärän mukaan tekee aikataulusta, riippumatta siitä kuinka yksinkertainen, voi olla ensimmäisessä asemassa. Jos haluat nähdä jotain mielenkiintoisempaa, siirry välilehdelle, jossa lukee: «Eniten katsottu«. Eli jos et ole vielä kääntänyt sitä Googlen kanssa.
Sano myös, että verkon mukaan ne ovat versiossa 1.0.0. Joten tämä selittää hieman suunnittelun, esityksen ja mahdolliset virheet, joita löydät selatessasi verkkoa.
Eduksi, jos ideat loppuvat, sinun ei tarvitse poistua tai avata toista välilehteä Plunkrissa, koska suoraan oikealta sivupalkista voit kävellä muiden projektien kanssa ja tarkastella niitä välittömästi. Tämä helpottaa nopeiden ideoiden keräämistä ja soveltamista projektiisi samanaikaisesti.
ripaus
ripaus se on yksinkertainen työkalu, menet sisään ja luot. Vaikka voit rekisteröityä ja saada käyttäjänimesi GitHubin kautta, se ei ole jotain, joka erottuu paljon verkossa. Kun tausta on keltaisesta punaiseen kaltevuuteen, visuaalisessa osassa ja valkoinen tausta koodiosassa (kuten normaalisti), Dabblet-projekti esitetään, vaikka voit muuttaa sitä CSS-välilehdestä. Minulle on parempi, että se on tyhjä, koska kyseinen kaltevuus antaa vain vähän elämä a
Kun muokkaat, voit määrittää näkemäsi välilehdet helposti. Myös silloin, jos haluat vaihtaa sarakkeisiin tai riveihin, jotta katselu olisi mukavaa muokattavan henkilön mukaan. Kirjasinkoon muuttaminen, tallentaminen nimettömäksi rekisteröimättä tai vahvistamatta HTML-koodia ovat enemmän mahdollisuuksia, joita Dabblet tarjoaa ensi silmäyksellä. Vaikka se ei olekaan ensimmäinen vaihtoehto, jonka valitsisin, se voidaan ottaa huomioon tulevissa versioissa, jos ne päivitetään.
Yksi asioista, joista pidin vähiten, mutta jotka mahtavat ohjelmoijat saattavat pitää siitä, on se sinulla ei ole mahdollisuutta taulukoida tarraa ja antaa sen kirjoittaa itse. Eli laita HTML ja napsauta välilehteä ja kirjoita "html" ja "/ html" automaattisesti. Jotain muissa sovelluksissa, jos se tehdään.
LiveWeave
LiveWeave Se on hyvin samanlainen kuin muut, sillä ei ole mitään, mitä muut eivät voi tarjota hyödyllisyyden kannalta. Korostamme tässä projektissa sen suunnittelua, tummaa väriä, joka on samanlainen kuin CodePen, mutta neliöjakaumalla. Mahdollisuus muuttaa kokoa maistaa. Siellä on myös selkeä tila ja «linjan ulkopuolella« missä muokkaamasi koodi ei näy visualisoinnissa, ennen kuin aktivoit sen. Se ei ole ominaisuus, josta pidän erittäin hyödyllisenä, suunnittelijana on tärkeää nähdä aina, mitä muokkaat reaaliajassa, mutta joku löytää siitä jonkin verran käyttöä varmasti. Vaikka voit rekisteröityä, kuten aina, käyttäjällä ei ole johtavaa roolia. Koska vaikka et rekisteröidy, voit tallentaa projektisi.
Sublime Teksti
Tämä työkalu Se on täysin erilainen kuin mitä olet tähän mennessä nähnyt analyysissä. Sublime Text ei ole verkkoresurssi, vaan sovellus. Toisaalta on varmasti hyödyllisempää pitää se työpöydällä. Erityisesti mahdollisten Internet-kaatumisten tai jumiutumisten vuoksi, jotka johtuvat liiallisuudesta ja mahdollisesta työn menettämisestä. Toisaalta se ei ole yhtä visuaalinen työkalu kuin edelliset. Sen lisäksi, että yhteisöllä ei ole mahdollisuutta jakaa projekteja.
Täällä kaikki on tyhjästä. Sinun on luotava välilehtiä koodirivien sijoittamiseksi ja niiden uudelleennimeämiseksi, jotta tiedät mikä niistä on. Jos ensimmäinen on HTML, toinen CSS ... tai päinvastoin. Sillä ei ole myöskään oikotietä mistä se tulee täysin manuaalinen, paitsi lainausmerkit.
Johtopäätös
Kaikki ohjelmat ovat samanlaisia jokaisen yrityksen tiettyjen henkilökohtaisten yksityiskohtien kanssa, mikä johtaa siihen, että niissä on hyviä ja huonoja puolia. Jokainen valitsee itselleen parhaiten sopivan, suosittelen käyttämään CodePen- tai CSSDeck-ympäristöä ja sen käsittelemää sosiaalista verkostoa. Mutta jos pidit toisesta enemmän, jätä kommentti ja selitä syyt, niistä on varmasti hyötyä.