6 parasta kannettavaa tietokonetta web-kehitykseen ja -suunnitteluun vuonna 2021

Viimeiset sanat:

Niin se siitä, ihmiset, jos olet jatkuvasti liikkeellä, suosittelen todella harkitsemaan premiul-ultrakannettavia tietokoneita tai kannettavia laitteita (jopa Surface Pro toimii web-kehitykseen).

Jos olette enimmäkseen yhdessä paikassa, voitte harkita mitä tahansa modernia kannettavaa, jossa on kunnon näyttö+näppäimistö. Et voi mennä pieleen.

Loppujen lopuksi kaikissa kannettavissa tietokoneissa on näppäimistö ja näyttö, mikä riittää kehittämiseen.

Miten ostaa kannettava tietokone web-kehitykseen

Kuten sanoin, ilman, että tietää enemmän tietystä skenaariosta, on hyvin vaikeaa laskeutua oikeaan kannettavaan tietokoneeseen web-kehitykseen. Sen lisäksi, että heität rahaa ongelmaan, on kuitenkin muutamia asioita, joita kannattaa kokeilla:

Vanhan koneen päivittäminen

Ennen kuin heität 1000 dollaria uuteen kannettavaan tietokoneeseen, kysy itseltäsi, voidaanko kenties jokin nykyisistä ongelmistasi ratkaista taloudellisesti. Eli , päivittämällä nykyistä konettasi.

Web-kehitys ei ole lainkaan laitteistoa vaativaa. Ehkä kiva SSD-asema tai uusi RAM-muistitikku voisi tehdä tepposet, edellyttäen tietysti, että sinulla on kunnollinen näyttö ja näppäimistö jopa kaksi viimeistä voidaan korjata (ostamalla ulkoinen näyttö + ulkoinen näppäimistö).

Ennen kuin teet mitään päivityksiä selvitä, mikä syö järjestelmäsi resursseja:

1. Tee vanha kunnon CTRL+ALT+DEL. Onko kyse vain siitä, että sovelluksesi on resurssi-intensiivinen, vai kilpaileeko se kolmen tusinan avoimen selainvälilehden ja raskaan IDE:n kanssa?

2, Anna minun How to Upgrade your Laptop RAM or Storage device a nice read.

Downgrading OS/Quoting an IDE

Alle huomioi myös, että asiat voivat hidastua päivittämällä uuteen käyttöjärjestelmäversioon.

Aloitin käyttämään 2010MPB:n puolivälin kalustoa viimeiset 4 vuotta ja se alkoi hidastua, kun päivitin jatkuvasti käyttöjärjestelmää (Windows 10 vie tällä hetkellä 4GB ). Se mikä sai ohjelmani todella hitaaksi (enimmäkseen PS CS6) ja mikä sai ostamaan toisen kokonaisen MacBook Pron oli päivitys Mavericksiin.

Huomaa, että Dreamweaver ja PS vievät samaan aikaan myös noin 4GB. Jos käytät melko paljon Dreamweaveria (minä käytin ja on useita muitakin vaihtoehtoja) saatat vapauttaa järjestelmäsi valtavasta määrästä resursseja. Se jopa korvaa kokonaan tarpeen päivittää järjestelmäsi.

Ohjelmistojen poistaminen

Toinen asia, joka kannattaa pitää mielessä, on se, mitä sinulla on asennettuna kannettavaan tietokoneeseesi (web dev -ohjelmistojen lisäksi). Läppärini ovat olleet melko vakaita vuosien varrella, paitsi kun alan asentaa niihin pelejä. Voi olla vain sattumaa, mutta sanon vain, että huomasin kaavan. Niin kauan kuin pidän pelit poissa kannettavastani, minulla on hyvin harvoin ongelmia sen kanssa.

Ole siis tietoinen siitä, mitä asennat läppäriisi. Jos haluat vain kokeilla kokeiluohjelmia, tee se virtuaalikoneessa ja asenna se tietokoneen käyttöjärjestelmään vasta, kun tunnet olosi varmaksi sen kanssa.

Sitä varten kokeiluohjelmistot ovat… kokeilemaan niitä joka tapauksessa.

Web-kehittäjät

Sen jälkeen, ennen kuin keskustelemme web-kehityksen laitteistosta, meidän on puhuttava web-kehittäjistä, erityisesti siitä, mitä ohjelmistoja he käyttävät ja minkälaista työnkulkua.

Miksi edes vaivaudun tämän kanssa? No olen tietoinen siitä, että tätä lukevien joukossa on valtava prosenttiosuus ihmisiä, jotka ovat vasta aloittamassa alalle pääsyä.

Se on oikeastaan kiinni siitä, millaista web-kehitystä aiot tehdä? Front-end? Back-end? Full Stack? Mitä työkaluja aiot käyttää?

Front-end-verkkokehittäjä

Jos olet front-end-kehittäjä, olet lähinnä huolissasi siitä, miltä sivusto näyttää ja tuntuu. Tämä on pelkkää peruskoodausta CSS:llä, HTML:llä, Javascriptillä ja ehkä JQueryllä (joka tosin on menossa pois muodista, koska nykyaikaiset selaimet osaavat nykyään tehdä saman työn mutta nopeammin). Nämä eivät vaadi muuta kuin nykyaikaisen perustietokoneen.

Toisaalta , jos käytät PhotoShopia tai hi-res kuvia & videoita, kannattaa ehkä sijoittaa budjettisi näyttöön, RAM-muistiin & tallennustilaan.

On toinenkin syy investoida tallennustilaan kuin vain näyttö, joka näyttää korkearesoluutioiset kuvat niiden oikeissa väreissä: tilaa. Eli sinulla voi olla yksi ikkuna, jossa koodaat ja toinen ikkuna, josta näet, miten päivität tuloksia tai seuraat opetusohjelmia.

Jos käytät raskaita IDE-ohjelmia, kuten Dreamweaver ja VS Studio, sinun kannattaa investoida myös RAM-muistiin & valinnaisesti tallennustilaan.

Back End-kehitys

Vaikka Back End-kehittäjät osaavatkin käyttää HTML:ää,CSS:ää jne. Heidän on koodattava Javalla, PHP:llä, Ruby on Railsilla, Pythonilla ja .Netillä.

Tärkein ongelma näissä ei ole itse kielet vaan IDE, joka vie paljon RAM-muistia ja hyötyy nopeasta tallennusasemasta. He saattavat myös ajaa tietokantoja paikallisesti ja jopa käyttää VM:iä, mikä lisää RAM & tallennustilaa.

Full Path Developer

Tämä tarkoittaa vain sitä, että joku työskentelee sekä ”Front End” WD:n (Html, CSS, javascript jne.) että backend-koodin (tietokannat, .net, Php, C#, Ruby jne.) parissa.

Minulla itselläni on yleensä useampi sovellus avoinna koko ajan: Atom koodaamiseen, Safari ja Chrome web-selailuun ja testaamiseen, 4-5 terminaali-ikkunaa (SQL-lausekkeiden antaminen, testaaminen ja Git-tehtävät ja Redis ja…), 1-2 Finder-ikkunaa, Slack, Mail, Affinity Designer ja SourceTree.

Student

Jos olet web-kehitystä aloittava opiskelija, käyt luultavasti läpi yhdistelmän molemmista näistä haaroista. Aloitin C#-luokilla, joissa käytin Visual Studiota ja SQL-palvelinta.
Hyödyllisimmäksi ominaisuudeksi havaitsin myös näytön, eli minulla saattoi olla sivussa IDE ja verkkoselain (opetusohjelmien seuraamiseen). Voit aina vaihtaa välilyöntien välillä tai käyttää ALT+TAB, mutta tämä voi olla melko ärsyttävää.

Ohjelmistot

Muista, että TextMade, CodeKit, Atom ja SublimeText ovat vain web-kehitykseen räätälöityjä tekstieditoreja eivät vaadi mitään erityistä, itseasiassa voit ajaa näitä iPhonellasi. Ehdottaisin näitä DreamWeaverin sijaan, jos järjestelmäsi on liian hidas reagoimaan.

On vain kahdenlaisia ohjelmistoja, jotka kannattaa ottaa huomioon, kun ostat tietokoneen web-kehitystä varten: PhotoShop tai Virtual Box.

Illustrator/Photoshop

Jos teet pientä graafista muokkausta, lähinnä vektorimuotoisten AI-tiedostojen muuntamista SVG:ksi ja värien säätämistä, et tarvitse PhotoShopiin näytönohjainta etkä valtavia määriä RAM-muistia etkä huippuluokan prosessoria. Jälkimmäinen on itse asiassa harvoin pullonkaula jopa hardcore photoshop-käyttäjille.

VirtualBox

Toisaalta, jos työskentelet usein Ubuntu Server VM:n kanssa käyttäen Vagrantia ja VirtualBoxia simuloidaksesi tuotantoympäristöäsi ennen julkaisua, sinun on varmistettava, että sinulla on vähintään 8GB RAM-muistia.

Hardware Specs for Web Development

CPU

Generation

Kun ihmiset ajattelevat tietokoneen nopeutta, he ajattelevat aina prosessoria-2,9 GHz Intel Core i7 jne. Mutta nykyaikaisilla suorittimilla, erityisesti 8. sukupolven suorittimilla, ne eivät koskaan ole pullonkaula (vaikka käyttäisit VM:iä) plus web-suunnittelu tuskin on CPU-intensiivistä.

Mutta jos haluat heittää kaiken edellä lukemasi multitaskingin, sinun pitäisi hankkia nykyaikainen CPU. Core i3:lla, Core i5:llä tai Core i7:llä ei ole oikeastaan väliä, kunhan se on 7. ja 8. sukupolvea (6. sukupolvi saattaa puskea, mutta se on silti ihan ok), niin pärjäät hienosti.

Ytimet

Vaikea poikkeus saattaa olla kehittäjät, jotka luottavat virtuaalikoneisiin. Silloinkin ei ole paljon syytä huolehtia suorittimesta, koska nykyaikaisissa suorittimissa on vähintään kaksi ydintä ja +3GHz, molemmat riittävät käynnistämään virtuaalikoneen tai kaksi.

Suositeltavat suorittimet: Core i3 -7100U, 83100U. Core i5-8250U, Core i5-8625U jne. Vaikka nykyään on olemassa tehokkaampia suorittimia, ne ovat ylivoimaisia web-kehitykseen.

MUISTI

Toisaalta RAM-muisti on luultavasti tärkein komponentti jokaiselle web-kehittäjälle. Multitaskingin määrä voi olla mieletön. Kuvittele vain, että sinulla on textEditor web-selain virtuaalikone SQL-palvelin ja muutama web-selain opetusohjelmia varten ja video ja jopa terminaali auki.

Lisätään tähän vielä, että käytät raskasta IDE:tä, kuten DreamWeaver tai Visual Studio, ja 4 Gt loppuu aika nopeasti. Ei unohdeta PhotoShopia ja tuhatta kuvaan tungettua kerrosta.

8GB RAM-muistia: Tämä riittää jopa paikallisen web-palvelimen tai virtuaalikoneen pyörittämiseen.
16GB RAM: En ole koskaan nähnyt tarvetta 16GB:lle. Jos kuitenkin aiot ryhtyä ammattimaiseksi full stack -kehittäjäksi, se voi tulla tarpeeseen. Koska useimmat kannettavat tietokoneet ovat päivitettävissä (paitsi Macbookit ja Ultrabookit), voit halutessasi päivittää omasi.

Tallennustila

Websuunnittelussa tietokoneen nopeus riippuu paljon enemmän kiintolevystä kuin suorittimesta, varsinkin nyt, kun suorittimet ovat aivan liian nopeita.

Tallennustilan nopeus

Olet jatkuvasti avaamassa ja sulkemassa paljon tiedostoja, melkein koko ajan, ja tämä tarkoittaa, että kannettavan tietokoneen on luettava/kirjoitettava dataa tiedostoihin/tiedostoista. Muutaman sekunnin nopeampi tallennusasema on valtava etu. Muista, että muutama sekunti yhteenlaskettuna useita kertoja päivän aikana voi merkitä tunteja ja vähemmän aikaa projektin työstämiseen.

SSD (Solid State Drive)

Tässä kohtaa SSD-levyt ovat käteviä, sillä ne lukevat/kirjoittavat tietoja jopa 17 kertaa nopeammin kuin perinteiset kiintolevyt. Ne voivat myös käynnistää raskaat IDE-levyt. Kaksi vuotta vanha SSD-pohjainen ultraohut kannettava tietokoneeni voi käynnistää Windows 7:n kylmänä yhdeksässä sekunnissa, kun taas MacBook Airini käynnistyy noin 9 sekunnissa!

Kiekkomuisti

Joissain harvoissa tapauksissa, joissa sekoat käynnistettävien sovellusten, virtualBoxin ja PhotoShopin, määrällä, RAM-muisti ei vain riitä. Tietokoneesi siirtyy silloin käyttämään tallennuslaitettasi ”ylimääräisenä RAM-muistina”. Jumala varjelkoon, jos sinulla on vielä 5400 RPM, koska se on tuskallisen hidas. Toisaalta, jos sinulla on SSD-levy, nopeus ei juurikaan haittaa työnkulkuasi.

Tila

Ongelma on tietysti se, että Solid State Drives ei yleensä ole ”1TB HDD”, joka vanhanaikaisilla ja hitailla kiintolevytiilillä on. Web-kehittäjänä et kuitenkaan tarvitse niin paljon tilaa 256GB riittää ja sitä useimmat SSD-asemat tarjoavat nykyään.

Kestävyys

Jos haluat tallennusasemasi olevan luotettava, etkä voi luottaa edes varmuuskopiointitallennukseesi, suosittelen valitsemaan Samsung 850 Evo SSD-asemat. Jos ei, mitä tahansa tallennusasemaa sinulla on, oli se sitten HDD- tai SSD-levy, vaihda se 2-3 vuoden välein.

Entä varmuuskopiot?

Voin käyttää CarbonCopyCloneria kloonaamaan koko levyn ulkoiselle asemalle joka toinen päivä. Windows-koneille on olemassa vastaavia ohjelmistoja, joita voit käyttää.

Näyttö

Valvottavasti tärkein komponentti web-kehittäjälle SSD-levyn ohella (koska RAM-muisti ja prosessori ovat yleensä kunnossa useimmissa nykyaikaisissa kannettavissa tietokoneissa). Miksi?

Tämä on koneen osa, jonka kanssa olet fyysisesti vuorovaikutuksessa enemmän kuin minkään muun osan kanssa. Tuijotat sitä koko sen käytön ajan.

Resoluutio

Lähes kaikki teistä pitävät hyödyllisenä sitä, että kaksi ruutua on auki toisilleen: IDE vasemmalla ja Web-selain oikealla. Saatat jopa haluta jonkin verran tilaa koodin kopioimiselle/liittämiselle EverNoteen, jotta voit kokeilla sitä IDE:ssäsi.

Tässä kaikessa ei ole liikaa kyse koosta vaan resoluutiosta.

1600×900: pitäisi olla pelkkä minimi kaikkea pienempää tunnet aina, ettei sinulla ole tarpeeksi tilaa vaikka sinulla olisi toinen näyttö. Tein tuon virheen kerran, onneksi näyttöä oli mahdollista päivittää vaihtamalla LCD (minulla oli ThinkPad silloin). Tämä ei kuitenkaan ole aina mahdollista , itse asiassa lähes koskaan.

1900×800: Tämä on täydellinen resoluutio, sinun pitäisi vakavasti sijoittaa budjettisi (vaikka joudut uhraamaan jonkin muun komponentin) siihen. Voit aina pienentää resoluutiota, mutta et voi nostaa sitä!

Koko

Henkilökohtaisesti ihanteellinen näytöni on 15″, mutta tiedän paljon ihmisiä, jotka pitävät kannettavien tietokoneiden kannettavuudesta 14″ näytöllä tai ven 13″ näytöllä. Nämäkin ovat hyviä kokoja. Kaikki pienemmät yhdistettynä pieniin fonttikokoihin voivat rasittaa silmiä.

Huomaa, että pienen näytön ei pitäisi vaikuttaa fonttikokoon lainkaan, voit aina muuttaa niitä. Se vain kontrolloi sitä, kuinka suuret ikkunasi ovat.

Minä käytän yleensä pienintä tekstin skaalausvaihtoehtoa ja side by side ei oikein riitä. Minä jaan ikkunat ylhäältä ja alhaalta. Kun oikeasti tarvitsen 2. monitorin enkä käytä työpöytää, kytken iPadin toimimaan 2. monitorina. Näin tein myös 13″ MBP:llä. En ole kokeillut 15″ kannettavaa, koska se on liian tilaa vievä kannettavaksi kaikkialle

IPS

Laaja vaaka- ja pystysuora katselukulma on myös jumalan lahja. Sen lisäksi, että katselukulmat ovat valtava etu työnkulullesi, ne voivat olla tärkeitä, jos teet pariohjelmointia tai jos esittelet työtäsi potentiaalisille asiakkaille/pomoille.

Tämä on mahdollista vain IPS-näytöillä. Toinen IPS-näytön valtava plussa on niiden väritarkkuus

Kiiltävä vs. matta

Kiiltävät näytöt ovat hauskoja katsella, mutta mattapintaiset häikäisysuojatut näytöt ovat paljon miellyttävämpiä silmille etenkin monien tuntien ajan.

ThunderCat-portit ja kaksoismonitorit

Moderneissa kannettavissa tietokoneissa saattaa nyt olla ”ThunderBolt”-portit tai Type-C-USB-portit. Voit heittää kaksi ulkoista monitoria, jos sinulla on sellainen, tämä johtuu siitä, että voit myös käyttää HDMI:tä ulkoisen monitorin liittämiseen.

Muut tekijät

Gamut

Jotkut saattavat sanoa, että värintoisto ei ole niin tärkeä, mutta jos olet front-end-kehittäjä, se voi olla.

Ensi päivänä, kun sinulla on kaksi näyttöä kytkettynä ja huomaat, että siniset ja punaiset näyttävät violeteilta ja oransseilta toisella näytölläsi, toivot, että sinulla olisi kannettava tietokone, jossa on parempi näytön gamut, jotta voit olla varma, mitä väriä käytät.

Ja kun tiedät, että näet oikeat värit, voit turvallisin mielin kertoa muille, että heidän näytönsä näyttää värit väärin.

Kosketusnäyttö

Lopuksi kysymys kosketusnäytöistä. Kosketusliittymiä ei ehkä kannata pitää mielessä nyt, mutta ne ovat ehdottomasti tulevaisuuden suunnitelmissa.

Tabletit, älypuhelimet – jos haluat varmistaa, että verkkosivusi toimivat näillä, on luultavasti viisasta hankkia kannettava tietokone, jossa on kosketusnäyttö, jos sinulla on siihen jo nyt varaa.

GPU

Erikoisnäytönohjain ei ole välttämätön jokseenkin kenellekään web-kehittäjälle, ellet siis suunnittele videopelien kehittämistä.

Intelin suorittimen siruihin sisäänrakennettu ”Intel HD” -grafiikka riittää mainiosti.

Näppäimistö

Työskentely huonolaatuisella näppäimistöllä hidastaa työtäsi ja laskee motivaatiotasi. Jos aiot kirjoittaa koodia 8-15 tuntia päivässä, haluat, että sormesi ovat tyytyväisiä!

Parhaiden näppäimistöjen löytäminen ei ole helppoa, mutta tässä on muutamia yleisiä ohjeita (ja suositeltuja malleja):

MacBooks:

ThinkPadit:

  • Kun menet kauppaan kirjoittamaan sivun tekstiä, kun olet tehnyt tämän muutamalla kannettavalla tietokoneella, huomaat nopeasti, että ne eivät ole samanlaisia ja valitset tiedostamattasi sen, joka tuntuu parhaalta , kirjoitat mallin sitten muistiin ja tilaat saman valmistajan mallin (lihavammalla kokoonpanolla tarpeidesi mukaan).

BackLit KeyBoard

Älä unohda näppäimistön valaistusta.

Ohjelmoijat työskentelevät usein siihen asti, että ulkona on pimeää. Hyvin valaistu näppäimistö voi olla vähemmän häiritsevä nukkuville kuin kirkas valo päällä.

Kokeile kirjoittamista täysin tasaisella näppäimistöllä ilman valoja. Se on paljon vaikeampaa kuin luulisi. Hanki hyvä ylä- tai taustavalaistus näppäimistöllesi, jos kohtaat tällaisia tilanteita.

Trackpad

Suosittelen vakavasti siirtymistä hiireen. Olen parantanut työnkulkuani moninkertaisesti. Toisaalta, jos olet vain tottunut TrackPadeihin, kun menet kauppaan, muista testata ne perusteellisesti Tarkoitan, että tulet käyttämään tätä vehjettä koko päivän.

Älä siis vain katsele sitä, kokeile sitä. Onko se reagoiva? Pystytkö selaamaan sillä? Onko se multi-touch? Onko siinä hiiren fyysiset painikkeet, jotka eivät ole vain osa ohjauslevyä? Kokeile vetää ja pudottaa jotain. Kokeile napsauttaa hiiren oikealla painikkeella.

Wifi

AC Wireless Adapter

Internet on kuin auto: mitä nopeampi, sitä parempi. Tiedostojen lataaminen ja lataaminen hetkessä tuntuu vain hyvältä. Kun etsit erityisiä vinkkejä siitä, miten tehdä jotain Googlella, nopeus on olennaista!

Muista, että kirjoitat koodia ja seuraat dokumenttien ohjeita joskus turvautumalla myös youtube-opetusohjelmiin tai käyttämällä uudelleen jonkun koodia.

Jos se on saatavana sinun maailmankolkassasi, hanki se. Useimmissa kannettavissa tietokoneissa on se nykyään joka tapauksessa, mutta varmista, että omassasi on myös. Jopa 55-vuotiaalla yökaverillani on se.

Vastaa

Sähköpostiosoitettasi ei julkaista.