Työkalut ja menetelmät parempaan koodaukseen

Optimointi ja organisaatio voi tarkoittaa monia asioita, mutta mitä se tarkoittaa sinulle? Tehdä asioita nopeammin, paremmin tai tehokkaammin? Tarkoittaako se, että asiat toimivat ohjelmallisesti, yksinkertaisemmin tai käyttämällä työkaluja, jotka soveltuvat paremmin tähän tehtävään?

Kaikki todennäköisesti merkitsee hieman näitä kaikkia. Olet luultavasti henkilö, joka toimii kehittäjänä tai suunnittelija ja pyrkii jatkuvasti optimoimaan työnkulkuasi - ja no, nämä asiat voisivat varmasti olla mitä etsit (ainakin vähän).

Mutta pidä mielessä, että vaikka monet vinkit ja tekniikat omaksua, se todella merkitsee hyvin vähän, ellet itse tee työtäsi. Haluan tässä mielessä tarjota joitain suosittuja työnkulkuja ja organisaation ja optimoinnin menetelmiä.

Useimmat ihmiset olettavat, että heidän on vain pysyttävä järjestäytyneinä ja tehokkaina, jos he työskentelevät tiimissä, sillä loppujen lopuksi, jos olet vain yksi henkilö, miksi et käytä omaa organisatorista menetelmääsi? No, ei sinänsä ole mitään väärää, mutta sinun on käytettävä joitakin standardoituja tekniikoita, jotta voit hyödyntää suurimman osan ajastasi. Esimerkiksi versionhallintajärjestelmät.

Myös asioita, kuten kielen supersetit ja yksinkertaiset kielen syntaksityökalut voivat olla erittäin hyödyllisiä. Haastetaan joihinkin näistä tarkemmin, ja tiedän, että artikkelin loppuun mennessä menen läpi joitain koodin supersettejä ja työkaluja, jotka keskittyvät tiettyihin kieliin, joista tunnen, että suurin osa meistä työskentelee. Loput kuitenkin ovat melko laajoja.

Työkalut

Työkalut ovat erinomainen tapa lisätä nopeutta, jolla kirjoitat ja käytät koodia. Joskus ne voivat olla häiriöitä, mutta useimmiten ne voivat olla erittäin hyödyllisiä. Aion puhua lähinnä niistä, joista olen rakastunut vuosien varrella, mutta siellä on paljon enemmän, joita en käsittele - joten ei mielestäni ole tyhjentävä luettelo vaan pikemminkin luettelo mahdollisista ideoita. Mieti tätä mieluiten hyppäämällä pisteellä

Tekstieditorit

Tekstin toimittajat ovat paljon kiistanalaisia ​​aiheita. Tarkoitan, kohtaamme sen, vietämme suurimman osan ajasta meidän sisällä, ja siksi meillä on usein uskomattoman puolueeton mieltymyksiä. En ole myöskään tämän puolueellisen puolueen ulkopuolella, joten älkää odottako journalistista ymmärrystä täällä kaikista tekstin toimittajista maailmassa. Mutta pikemminkin muutama suosikkini ja miksi pidän niistä.

Kun luet tämän, pidä mielessä, että käytän useampaa kuin yhtä tekstieditoriä ja hyvin erityisiin tarkoituksiin. Pidä usein muutamia tekstin toimittajia suljettuina asiakastiedostojen sisällä. Tarkoitan sitä, että sublime-tekstissä 2 voin työskennellä kiskoprojektilla, ja niillä on 14 pikakuvaketta, jotka, aina kun aloitan Sublime, avaa ne kaikki ylös. Ja sitten, etten keskeytä tätä, olen itse asiassa säilyttänyt asiakkaan sivuston, jota voin tehdä HTML- tai CSS-mallissa TextMate-ohjelmassa. Ja kirjallisesti tallennan yleensä joko erillisessä TextMate-hakemistossa Dropboxissa tai Scrivenerissä. Joten pidän kaiken erillisenä tällä tavalla. Joten luonnollisesti puhun Sublime Text 2: stä (saatavilla Windows- ja Mac-tietokoneille) ja TextMate-ohjelmistolle (vain Macille).

TextMate

TextMate on yksi parhaista toimittajista Macille. Se on yksinkertainen muotoilu, kaunis käyttöliittymä ja tehokas ominaisuus. Mutta yksi tuotteen tosiasiallisista tunnisteista on sen takana oleva yhteisö. Se on rajuja. He ovat luomassa nippuja, skriptejä ja melko paljon mitä voitte kuvitella.

Muista kuitenkin, että MacroMates (luojat) on todella kehittymässä. Nyt se voi olla hieman liioiteltua, mutta se oli ollut vuosien varrella ennen kuin he loivat toisen version, joka käsitteli paljon ihmisten huolenaiheita ja kysymyksiä. Kun sanotaan kuitenkin, se on edelleen kaunis muokkaaja ja paikka, johon haluan mennä kirjoittamaan Markdownia tai melkein minkä tyyppisiä koodeja. Käytän sitä kaiken mitä minä voin, kun en käytä Sublime Text 2. Siinä on myös kaunis fontti, ja monet ihmiset ovat kirjoittaneet kirjoja, artikkeleita, koko web-sovelluksia, jotka käyttävät tätä kaunista toimittajaa - ja hyvästä syystä. Miksi et mene tarkistaa, miksi, ja Katso itse .

Korkea teksti 2

Sublime Text 2 on hieno tekstieditori, mutta en ole varma siitä, millaista lyhytnumeroa viitata siihen - niin sanon vain Sublime. Korkea, kuten se oli, on hieno toimittaja. En ole koskaan käyttänyt sitä ennen versiota 2, mutta sanon, että se on ihanaa. En ole kaikki varma siitä, eroavatko ne - muut kuin kirjasin- ja oletusvärit - sen ja TextMaten välillä. Sanon kuitenkin, että rakastan fonttia, jota se käyttää ( tiedän, näennäisesti merkityksettömänä - mutta tärkeänä minulle ), ja minä myös rakastan sitä tapaa, jolla se toimii välilehdellä.

Sen sijaan, että puhuisin ominaisuuksista, puhun muutamista asioista. Yksi asia siitä, että on vähän kipua, ennen hyppäämästä muihin asioihin , on, että et voi kutsua sitä komentoriviltä yhtä helposti kuin TextMate. With TextMate, kirjoitat vain "mate." Ja se avaa hakemiston pienessä projektilokerossa, se vain toimii täydellisesti. Vaikkakin, on edelleen hyödyllinen ilman tätä ominaisuutta. Minusta tuntuu, että työskenteleminen Sublimessa on ilo. En ole varma, miksi, ehkäpä se työskentelee tummalla pohjalla, on mukavaa, mutta todella nautin työskennellessäni Sublime. Käytän sitä, kun tarvitsen massiivista työtä. Eli massiivinen kisko projekti - tai vastaava. Mielestäni löydät myös hyödylliseltä, niin Tarkista se .

Koodijärjestely ja menetelmät

Organisaatio on aihe, jota ympäröi paljon keskustelua. Monet ihmiset eivät todellakaan halua mieluummin monimutkaisia ​​järjestelmiä, jotka auttavat heitä pysymään järjestäytyneinä, mutta todellisuudessa pieni komplikaatio lyhyellä aikavälillä voi auttaa sinua pysymään järjestäytyneenä pitkällä aikavälillä. Tiedän, että kuulostaa ei-intuitiiviselta, mutta se on hyvin tarkka. Erityisesti kun kyseessä on versionhallintajärjestelmä. Ota se minulta, joku, joka uskoi FTP: hen, ja olen edelleen joskus , ja en ole koskaan ollut onnellisempaa käyttää versiosuojajärjestelmää.

Lähdevalvonnan käyttäminen on loistava tapa pysyä järjestäytyneenä. Varmistamalla, että ylläpidät kehitysprosessisi varmuuskopioita, se on todella tärkeä, ja jättäminen erilaisiin kansiohierarkeihin ei todellakaan ole "leikata sitä pitkällä aikavälillä. Tarkoitan, se voi vaikuttaa hienolta, kun tietokoneesi on käynnissä, mutta jos sinulla on kaatumisen tai kiintolevyn vika, olet pieni loppuun valmis menetetty.

Mitä voit tehdä tämän ongelman ratkaisemiseksi? No, voit käyttää versionhallintajärjestelmää, joka ottaa tilannekuvaasi kehityshakemistasi työskentelyn aikana. Käyttämällä tätä on todella hieno tapa saada jatkuva uusi versio ja jatkuva pääsy varmuuskopioihin, jos siellä on vikoja tai jonkinlaista tappiota. On myös hyvä olla aikaa. Tarkoitan, kuinka monta kertaa olet ollut kuin "ihmettelen, miten olen tehnyt niin, tai toteutin sen ominaisuuden." No, nyt kirjaimellisesti tiedät.

Ja kun puhutaan versionhallintajärjestelmistä, git on hieno tapa tehdä tämä. Sinun ei edes tarvita mitään tietämystä järjestelmistä, kuten Mercurial tai Subversion, jotta pääset käsiksi Git-järjestelmään. Itse asiassa minulla ei ollut kokemusta näistä järjestelmistä ollenkaan ja nousin Gitille varsin nopeasti.

Voit seurata komentoja suoraan GitHub kun avaat arkiston ja sitten vain syöttää ne päätteellesi, ja sitten kirjaimellisesti tietää lähes kaikki mitä tarvitset. Jälkeenpäin sinun tarvitsee vain tehdä commit-komento, milloin haluat tehdä muutoksen. Muista kuitenkin, että sinulla on jo olemassa dev-tiedostoja kansioon, jota voit käyttää "git add.". Esimerkin sijaan "kosketa README" voit lisätä kaikki tiedostot. Hyvin samanlainen käsitys TextMate-ikkunan tai ikkunan avaamisesta terminaali, jossa ajanjakso merkitsee tällaista toimintaa .

Nyt, ennen kuin lopetan tämän osan, haluaisin sanoa, etten ole koskaan käyttänyt Mercurialia tai Subversionia, mutta todellakin ne ovat mahdollisia vaihtoehtoja ja ovat melko suosittuja tiettyjen joukosta. On jopa verkkosivustoja, joiden avulla voit isännöidä tiedostojasi sellaisista järjestelmistä kuin SourceForge, kuten GitHub.

Ennen kuin lopetan, haluan myös mainita viimeisen asian. Git GUI, joka auttaa prosessia melko vähän. Ja se on, GitBox . Se on todella hieno ohjelma, ja pohjimmiltaan kaikki, mitä sinun tarvitsee käyttää sen käyttöön, on perustettu arkistoon samalla tavoin kuin mitä tahansa muuta aikaa (komentoriviltä). Sitten avaa GitBox ja lisää kyseinen hakemisto tietokoneestasi, ja olet kirjaimellisesti asetettu.

Aina kun teet muutoksen, se huomataan automaattisesti ja näytetään GitBoxissa, ja sitten voit jättää kommentin sitoutumiseen ja painaa sitten. Muista kuitenkin, että menetelmä menee: "muutos -> kommentit (tarvittaessa / kaikki) -> commit -> push".

Varmista, että painat vain sitoutumisen jälkeen, muuten mitään ei tapahdu. Ja jos työskentelet tiimin kanssa, varmista, että vedät sen ennen kommenttien tekemistä, sitoutumista tai jotain, jotta voit pysyä poissa virheistä, joita sinulla voi olla.

Supersetit ja koodityökalut

Superset, on usein määritelty koodin syntaksilla tai ekstrapoloinnilla, joka sijaitsee sen alapuolella olevan kielen yläpuolella. Esimerkkejä tästä voisi olla CoffeeScript istuu päälle JavaScript - tai Node.js istuu päälle Node (vaikka sitä, että voitaisiin katsoa kirjasto samoin). Sitä voidaan kuvata myös sellaiseksi kuin SASS tai LESS istuu CSS: n yläpuolella, joka todella lisää toimintoja ja uusia menetelmiä asioiden käsittelyyn.

SASS lisää myös uuden käytettävissä olevan syntaksin, jota käytetään samaan tapaan kuin CoffeeScript tarjoaa JavaScriptille. Hyvä esimerkki kirjastosta olisi tietysti jQuery on JavaScript. Tämä on jotain, jonka me kaikki tietävät ja rakastan tähän mennessä, mutta se on hyvä muistutus siitä, että käytämme kirjastoa ja / tai Supersetia.

Nyt en puhu kaikista kirjastoista maailmassa - koska en yksinkertaisesti ole käyttänyt niitä kaikkia. Haluan myös tämän artikkelin keskittyä tiettyihin kirjastoihin. Tämän vuoksi olen päättänyt puhua superseteista sen sijaan ja koodata työkaluja tietyille kielille, joita useimmat meistä käyttävät. Esimerkiksi HTML, CSS ja Ruby on Rails.

Katsomalla joitakin esimerkkejä hyppäämisen sijasta, jotta voimme ymmärtää, miksi käytät näitä työkaluja ja / tai supersettejä. Oletetaan esimerkiksi, että työskentelet CSS: ssä ja HTML: ssä Rail-ohjelmassa (kehittäjiesi kanssa tai kehittäjänä), ja sinusta tuntuu siltä, ​​että menetätte aikaa kirjoittaa niin paljon ERB: tä (jolla voit lisätä Ruby-koodin kiskoksi tulee kirjoittamaan kiskoihin - lisää siitä tässä ).

No, hyvä asia olisi käyttää HAML nopeuttamaan HTML-koodin kirjoittamista ja nopeuttamaan Ruby-koodin toteuttamista siihen. HAML on HTML-tyyppinen, monenlaisia ​​HTML-koodia, jonka avulla voit kirjoittaa HTML-koodia ilman, että sinun tarvitsee huolehtia tagien sulkemisesta. Sen avulla voit myös käyttää valkoista tilaa etusijalle - kuten Python. Katsotaanpa esimerkkiä.

Ja se luo:

Voit varmasti nähdä miten se säästää paljon aikaa. Se on myös todella hauskaa ja puhdas kirjoittaa. Se on ilo, kaikessa rehellisyydessä.

Mitä nyt CSS: stä? Voit säästää paljon aikaa kirjoittamalla niin! SASS tarjoaa samanlaisen toiminnallisuuden, mutta ei tarvitse oppia uutta syntaksimuotoa. Joten yhdellä SASS-osajoukolla (yksi superset-osajoukko) voit todella käyttää valkoista tilaa omalle edulle. Katsotaan siis, millaista on.

SASS: ssa tämä näyttäisi:

Kuten näette, SASS: ssa ei tarvita {} tai sulkeutuvia puolipisteitä. Käytämme myös valkoista tilaa, joka osoittaa, että fonttikoko on "kääre" -luokan alkuelementti.

Lets oletetaan, että olet myös olettaa, että vain ihmiset, jotka tekevät backend dev käyttävät versioning ohjausjärjestelmiä, mutta itse asiassa meidän kaikkien pitäisi tietää tällä hetkellä, että ei ole kyse. Voit käyttää git: tä ja Githubia pitämään kappaleet aina, kun teet koodin, ja sellaisilla työkaluilla kuin Gitbox, se ei ole koskaan ollut helpompaa.

Nyt tietenkään ette kaikki käytä Ruby on Railsia kirjoittaessasi koodia - mutta kuvittelen, että sinä työskentelet ihmisten kanssa, jotka käyttävät sitä. Joka tapauksessa, riippumatta katetaan joitain ratkaisuja soolohenkilöille, jotka eivät toimi tai käyttävät Railsia millään tavoin. CSS LESS on erinomainen ratkaisu siihen. Zen-koodaus on myös ratkaisu kaikille, jotka eivät toimi Railsissa, vaan haluavat vain nopeuttaa nopeutta, jolla he kirjoittavat tavallisia HTML-tunnisteita. Se on todella hyödyllinen kaikille. Zen-koodausta on todella helppo aloittaa. o Käytä asioita kuten Zen-koodaus helpottaaksesi HTML-tunnisteita. Esimerkiksi kirjoittaminen:

saat:

Voit silti käyttää myös LESSä saadaksesi mixinit ja muuttujat ja niin edelleen. Se on melko helppoa työskennellä.

Voit myös haluta tarttua mukavaan työkaluun, jolla voit työskennellä Go2Shell-terminaalissa. Se on saatavilla Mac-sovelluskaupassa ilmaiseksi. Voit käyttää sitä vain, kun haluat avata päätelaitteen tietyllä hakemistolla, joka on melko yleinen. Jotta voit käyttää sitä, haluat vain navigoida hakemiston hakemistoon ja klikata go2shell-ohjelmaa ja pääkäyttäjää avautuu kyseiseen tiedostoon. Se on mahtavaa. Ja se on noin kääri sen nyt, pysy kuulolla vasta kesän jälkeen vaikka lyhyt luettelo paikoista vierailla artikkelista.

Nämä ovat joitain hyödyllisimpiä supersettejä ja työkaluja, joista tiedän saada joitakin parhaita tuloksia. Haluaisin myös mainita, että tämä ei ollut tyhjentävä tai täydellinen luettelo millään tavalla, joten ole hyvä ja tutustu lisää siihen. Ja, kuten luvattiin, tässä on joitain linkkejä siihen, mitä käsittelimme artikkelissa. GitBox , GitHub , Kompassi , SASS , HAML , VÄHEMMÄN , Ruby on Rails . Hyvää metsästystä!

• ← Yhden sivun verkkosivustojen yhteenveto
• Asiantuntijasivuston valvonta ilmaiseksi! →