CodePen eller sublim tekst? Hvis vi snakker om webprogrammering, kommer navnet på HTML, CSS og JavaScript til oss med en gang. Det er flere måter å komme dit på. Til og med, hvis vi åpner et notisblokk, kan vi komme i gang med å skrive "html". Det er sant at for å se resultatet av det du programmerer fra en pad, trenger du en møysommelig prosedyre for å legge merke til fremdriften.
Disse nettstedene er de viktigste lekeplassene for applikasjonsutviklere for dagens brukere. For å lære mer om fordelene og ulempene med disse programmene, skal vi analysere dem dypt i denne artikkelen (i det minste alt vi vet). Som jeg alltid sier, sikkert vet noen av dere her temaet mer. Kommenter i så fall alt som unnslipper oss her. Vi diskuterer gjerne!
I dag skal vi analysere CodePen, JSBin, Plunkr, sublime, CSSDeck, Dabblet og LiveWeave. Hvilke er de mest kjente og verktøyene som brukes mest i dette miljøet. Det er selvfølgelig flere.
Men for alle dere som ikke vet hva FrontEnd eller BackEnd handler om, la oss forklare litt. Frontend eller grensesnitt er den visuelle delen som den navigerende brukeren vil kunne se på nettet. BackEnd vil være den delen som nettstedsadministratoren kontrollerer. Hvis du skriver inn kode gjennom et verktøy som viser resultatet samtidig i programmeringen, vil dette kalles frontend.
CodePen
For mange det mest komplette verktøyet av alt vi snakker om. Brukes som et nettverktøy som er nærmest et samfunn for å vise arbeidet ditt. En slags Youtube fra programmereren. I dette kan du se arbeidet til programmererne tilknyttet nettet og kontakte dem i tilfelle du har noen interesse, se profilen deres, følge dem på nettverk og til og med abonnere på kanalen deres for å se alle deres fremtidige prosjekter.
Presentasjon av innhold, støtte og hurtigtaster
CodePen-presentasjonen er den mest interessanteFor med bare noen få klikk kan du jobbe gjennom prosessen med en gang. Med veldig skille linjer av html, css og javascript. I tillegg til den visuelle delen, som du kan krysse opp og ned for tydelig å se fremgangen din. Dermed bidrar til å skille hvert språk godt. Noe som kommer godt med for nyere programmerere.
Nettstøtten din, gjør det mer tålelig når du vil begynne å bruke noe som vi egentlig ikke kjenner så godt. Det betyr ikke at det er bedre for deg, det avhenger av behovene vi har. Men ja, for å bli bedre kjent med miljøet før du forplikter deg til å installere noe på datamaskinen av "ukjent" opprinnelse.
Hvis du er en av dem som er vant til å bruke casi helt tastatur når du jobber, vil CodePen være fantastisk for deg. Andre verktøy trenger plugins å kunne bruke hurtigtaster for å fylle ut miljøet. Dette gjør jobben litt mer ubehagelig (men like effektiv når den er installert). CP. integrerer som standard et system som får deg til å fylle ut de samme kodelinjene som gjentas, for eksempel i en liste. Du skriver hvordan du vil at listen skal vises, og klikker Tab.
Pro-versjonen gir også mange flere alternativer for en pris på € 9,00 for grunnpakken til € 29,25 for “Super” -pakken. Å kunne oppdatere på flere enheter samtidig hva vi gjør i ett. Også en samarbeidsmodus, en "lærermodus" osv. Fordel hvis du vil her.
JSBin
JSBin er et verktøy som vi kan kvalifisere som direkte. Siden du først har gått til webdomenet, vil det være klart til å begynne å utarbeide ditt neste prosjekt uten forsinkelse. Og selv om den første iscenesettelsen ikke er veldig attraktiv, er den behagelig.
JSBin er enkel, med den grunnleggende strukturen opprettet i html for ikke å kaste bort tid, vil du krysse mellom de forskjellige språkene for å fullføre arbeidet. Først er det HTML, deretter CSS, Javascript og til slutt arbeidet ditt visuelt. Og selv om det virker vanskeligere, vil du ha de samme typene snarveier uten å installere noe. Direkte fra nettleseren.
Imidlertid syntes jeg det var mer ubehagelig å se koden riktig, når den først er skjult på grunn av de påfølgende kolonnene. Siden, med den bærbare datamaskinen, må du gi opp eller ned med trackpad og det er ikke veldig flytende.
Den har bare to avdrag, gratis eller betalt. Dette er litt dyrere enn CodePen, men hvis du betaler det årlig, er det mer lønnsomt hvis du kan betale € 120.
CSSDeck
Arbeidsmiljøet til CSSDeck er forskjellig fra den som er sett ovenfor. Delt i bare to kolonner, visuell kode, fungerer CSSDeck med 3 rader ned som den deler de forskjellige typene språk. Med en presentasjon i form av et sosialt nettverk og et renere arbeidsmiljø i lyse farger. Det virker som et enkelt verktøy. Selv om det noen ganger ikke betyr at det er negativt.
Med mer enn seksti tusen registrerte brukere og mer enn to hundre og femti tusen prosjekter opprettet, vil det ikke være vanskelig å søke og finne det du vil ha. Språket som alltid, hvis det kan være en ulempe for de som ikke kan engelsk, men i dette sosiale nettverk Bildet er veldig viktig, så jeg synes ikke det er noen stor utfordring.
plunkr
plunkr det er det minst attraktive verktøyet jeg har kommet over så langt. Presentasjonen er agglutinert i meldinger og mangel på bilder. Innholdslasting er treg og ikke veldig nyttig ved første øyekast. I tillegg gjør bestillingen etter dato enhver tidsplan, uansett hvor enkel, kan være i første posisjon. For å se noe mer interessant, bør du gå til fanen som sier: «Mest sett«. Det vil si hvis du ikke har oversatt det med Google før.
Si også at ifølge nettet er de i versjon 1.0.0. Så dette forklarer litt designen, presentasjonen og de mulige feilene du finner når du surfer på nettet.
Som en fordel, hvis du går tom for ideer, trenger du ikke å forlate eller åpne en annen fane i Plunkr, siden du direkte fra høyre sidefelt kan gå med andre prosjekter og se dem umiddelbart. Dette vil gjøre det lettere for deg å samle raske ideer og bruke dem på prosjektet ditt samtidig.
dabblet
dabblet det er et enkelt verktøy, du går inn og lager. Selv om du kan registrere deg og ha brukernavnet ditt gjennom GitHub, er det ikke noe som skiller seg ut mye på nettet. Med en bakgrunn i en gul til rød gradient, i den visuelle delen og en hvit bakgrunn i kodedelen (som normalt), presenteres Dabblet-prosjektet, selv om du kan endre det fra CSS-fanen. For meg er det bedre å ha det tomt, siden den gradienten alt som gir er litt livet a
Når du redigerer, kan du konfigurere fanene du ser Enkelt. Selv om du vil bytte til kolonner eller rader for komfortabel visning, avhengig av personen som redigerer. Endring av skriftstørrelse, lagring som anonym uten å registrere eller validere HTML-koden er flere muligheter som Dabblet tilbyr ved første øyekast. Selv om det ikke er det første alternativet jeg vil velge, kan det være å ta hensyn til i fremtidige versjoner hvis de oppdateres.
Noe av det jeg likte minst, men som store programmerere kanskje liker, er at du har ikke muligheten til å tabulere en etikett og få den til å skrive seg selv. Det vil si, sett HTML og klikk på fanen og skriv "html" og "/ html" automatisk. Noe som i de andre applikasjonene hvis det gjøres.
LiveWeave
LiveWeave Det er veldig likt de andre, det har ingenting som de andre ikke kan tilby når det gjelder nytte. Det vi fremhever med dette prosjektet er designet, en mørk farge som ligner på CodePen, men med en kvadratisk fordeling. Å kunne endre størrelsen å smake. Det er også klar modus og «ute av linjen« der koden du redigerer ikke vil gjenspeiles i det visuelle før du aktiverer den. Det er ikke en funksjon du synes er veldig nyttig, som designer, er det viktig å alltid se hva du redigerer i sanntid, men noen vil sikkert bruke deg. Og selv om du som alltid kan registrere deg, har ikke brukeren en ledende rolle. Siden, selv om du ikke registrerer deg, kan du lagre prosjektet.
Sublime Text
Dette verktøyet det er helt forskjellig fra det du har sett så langt i analysen. Sublime Text er ikke som en nettressurs, men som en applikasjon. På den ene siden er det sikkert mer nyttig å ha den på skrivebordet. Spesielt på grunn av mulige internettkrasj eller fryser på grunn av overskudd og mulig tap av arbeid. På den annen side er det ikke et så visuelt verktøy som de forrige. I tillegg til ikke å ha mulighet for et fellesskap til å dele prosjekter.
Her er alt fra bunnen av. Du må opprette faner for å plassere kodelinjene og gi dem navn for å vite hvilken. Hvis den første er HTML, den andre CSS .. eller omvendt. Det har heller ingen snarveier for hva det blir helt manuell, bortsett fra sitatene.
Konklusjon
Alle programmer er like med visse personlige detaljer fra hvert selskap som fører til å ha fordeler og ulemper i dem. Hver og en velger den som passer best for dem, min anbefaling er å bruke CodePen eller CSSDeck for miljøet og det sosiale nettverket det håndterer. Men hvis du likte en til, legg igjen en kommentar og forklar årsakene dine, de vil sikkert være nyttige.