Sista ordet:
Det var allt, gott folk, om du är ständigt på språng, rekommenderar jag att du verkligen överväger premiul ultrabooks eller bärbara enheter (till och med Surface Pro fungerar för webbutveckling).
Om ni mestadels vistas på ett ställe kan ni överväga vilken modern bärbar dator som helst med en hyfsad skärm+tangentbord. Du kan inte göra fel.
I slutändan har alla bärbara datorer tangentbord och skärmar vilket räcker för att utveckla.
Hur man köper en bärbar dator för webbutveckling
Som jag sa utan att veta mer om det specifika scenariot kommer det att vara mycket svårt att landa rätt bärbar dator för webbutveckling. Förutom att kasta pengar på problemet finns det dock några saker du bör prova:
Uppgradering av en gammal maskin
Innan du kastar ner 1000 dollar på en ny bärbar dator, fråga dig själv om kanske något av de nuvarande problemen du står inför kan lösas ekonomiskt. Det vill säga genom att uppgradera din nuvarande maskin.
Webbutveckling är inte alls hårdvarukrävande. Kanske kan en fin SSD-enhet eller ett nytt RAM-minne göra susen, förutsatt förstås att du har en hyfsad bildskärm och ett hyfsat tangentbord, även de två sistnämnda kan åtgärdas (genom att köpa en extern bildskärm + ett externt tangentbord).
För att du ska göra någon uppgradering bör du ta reda på vad som äter upp dina systemresurser:
1. Gör den gamla goda gamla CTRL+ALT+DEL. Är det bara så att ditt program är resurskrävande, eller konkurrerar det med tre dussin öppna webbläsarflikar och ett tungt IDE?
2, Ge min How to Upgrade your Laptop RAM or Storage device en trevlig läsning.
Downgrading OS/Quitting an IDE
Notera också att saker och ting kan bli långsammare om du uppgraderar till en ny OS-version.
Jag började använda en mid 2010MPB stock under de senaste 4 åren och den började bli långsam när jag fortsatte att uppdatera OS (Windows 10 tar för närvarande 4GB ). Det som verkligen fick min programvara att bli trög (mestadels PS CS6) och som gjorde att jag köpte en annan hel MacBook Pro var uppgraderingen till Mavericks.
Notera att Dreamweaver och PS på samma gång också tar cirka 4 GB. Om du använder Dreamweaver ganska mycket (det gjorde jag och det finns flera andra alternativ) kan du frigöra ditt system från en stor mängd resurser. Det kommer till och med att helt ersätta behovet av att uppgradera ditt system.
Avinstallation av programvara
En annan sak att tänka på är vad du har installerat på din bärbara dator (förutom webbutvecklingsprogram). Mina bärbara datorer har varit ganska solida genom åren utom när jag börjar installera spel på dem. Det kan bara vara en tillfällighet men jag säger bara att jag märkte ett mönster. Så länge jag håller spel borta från min bärbara dator verkar jag mycket sällan ha problem med den.
Så var medveten om vad du installerar på din bärbara dator. Om du bara vill prova testprogramvara, gör det i en virtuell maskin och installera den på datorns operativsystem först när du känner dig trygg med den.
Det är det som testprogramvara är till för… för att prova det i alla fall.
Webbutvecklare
Med det sagt, innan vi diskuterar hårdvara för webbutveckling måste vi prata om webbutvecklare, särskilt om vilken programvara de använder och vilken typ av arbetsflöde de har.
Varför bryr jag mig ens om detta? Jo, jag är medveten om att det finns en stor andel människor som läser detta och som precis har börjat komma in på området.
Det handlar egentligen om vilken typ av webbutveckling du planerar att göra? Front-end? Back-end? Full Stack? Vilka verktyg planerar du att använda?
Front-end webbutvecklare
Om du är front-end-utvecklare kommer du främst att ägna dig åt hur webbplatsen ser ut och känns. Detta är bara grundläggande kodning med CSS, HTML, Javascript och kanske JQuery (även om detta är på väg att gå ur tiden eftersom moderna webbläsare nu kan göra samma arbete men snabbare). Dessa kräver inget mer än en grundläggande modern dator.
Å andra sidan , om du använder PhotoShop eller högupplösta bilder & videor, så kanske du vill investera din budget i skärm, RAM & lagring.
Det finns en annan anledning att investera i lagringsutrymme än att bara ha en skärm som visar högupplösta bilder till sin rätta färg: utrymme. Det vill säga, du kan ha ett fönster för att koda och ett annat fönster för att se hur man uppdaterar resultaten eller följer handledningar.
Om du använder tunga IDE som Dreamweaver och VS Studio bör du också investera i RAM & eventuellt lagring.
Back End Development
Om än Back End Developers vet hur man använder HTML,CSS och så vidare. De måste kunna koda med Java, PHP, Ruby on Rails, Python och .Net.
Det största problemet med dessa är inte språken i sig utan IDE som tar mycket RAM-minne i anspråk och gynnas av en snabb lagringsenhet. De kan också köra databaser lokalt och till och med använda virtuella maskiner som ger mer RAM & Lagringsutrymme.
Full Path Developer
Detta innebär bara att någon arbetar med både ”Front End” WD (Html, CSS, javascript etc.) och med backend-kod (databaser, .net, Php, C#, Ruby etc.).
För min egen del brukar jag ha flera appar öppna hela tiden: Atom för kodning, Safari och Chrome för surfning och testning, 4-5 terminalfönster (utfärdande av SQL-statements, testning och Git-uppdrag och Redis och…), 1-2 Finder-fönster, Slack, Mail, Affinity Designer och SourceTree.
Student
Mjukvara
Tänk på att TextMade, CodeKit, Atom och SublimeText är bara textredigerare som är skräddarsydda för webbutveckling kräver inget speciellt, faktum är att du kan köra dessa på din iPhone. Jag skulle föreslå dessa framför DreamWeaver om ditt system är för långsamt att reagera.
Det finns bara två typer av programvaror som är värda att ta hänsyn till när du köper en dator för webbutveckling: PhotoShop eller Virtual Box.
Illustrator/Photoshop
Om du gör mindre grafisk redigering, huvudsakligen konvertering av vektor-AI-filer till SVG och justering av färger, behöver du inte en grafikprocessor för PhotoShop och inte heller enorma mängder RAM-minne eller en högklassig CPU. Det senare är faktiskt sällan en flaskhals även för hardcore Photoshop-användare.
VirtualBox
Om du däremot ofta arbetar med en Ubuntu Server VM med hjälp av Vagrant och VirtualBox för att simulera din produktionsmiljö innan den släpps måste du se till att du har minst 8 GB RAM.
Hårdvaruspecifikationer för webbutveckling
CPU
Generation
När folk tänker på datorhastighet tänker de alltid på CPU-2,9 GHz Intel Core i7 osv. Men med moderna CPU:er, särskilt den 8:e generationen, kommer de aldrig att vara flaskhalsen (även om du kör virtuella maskiner) plus att webbdesign knappast är CPU-intensiv.
Hursomhelst, om du vill slänga dig med all den multitasking som du har läst ovan, bör du skaffa en modern CPU. Core i3, Core i5 eller Core i7 spelar egentligen ingen roll så länge den är från 7:e eller 8:e generationen (6:e generationen är kanske lite för gammal men ändå okej) så kommer du att klara dig bra.
Kärnor
Ett stort undantag kan vara utvecklare som förlitar sig på virtuella maskiner. Även då finns det inte mycket anledning att oroa sig för CPU:n eftersom moderna CPU:er har minst två kärnor och +3 GHz, båda är tillräckliga för att starta en virtuell maskin eller två.
RAM
Å andra sidan är RAM-minne förmodligen den viktigaste komponenten för alla webbutvecklare. Mängden multitasking kan vara vansinnig. Tänk dig att du har en textEditor en webbläsare en virtuell maskin en SQL-server och några webbläsare för handledning och en video och till och med terminal öppna.
Låt oss lägga till att du använder ett tungt IDE som DreamWeaver eller Visual Studio och 4 GB kommer att vara borta ganska snabbt. Låt oss inte glömma PhotoShop och tusen lager som klämts in i en bild.
8 GB RAM-minne: Det räcker till och med för att köra en lokal webbserver eller en virtuell maskin.
16 GB RAM-minne: Du behöver minst 8 GB RAM-minne: Jag har aldrig sett behovet av att ha 16 GB. Men om du planerar att bli en proffessionell fullstackutvecklare kan det komma till nytta. Eftersom de flesta bärbara datorer kan uppgraderas (utom MacBooks och UltraBooks) kan du välja att uppdatera din.
Lagringshastighet
För webbdesign handlar datorns hastighet mycket mer om hårddisken än om CPU:n, särskilt nu när CPU:erna är alldeles för snabba.
Lagringshastighet
Du kommer hela tiden att öppna och stänga många filer, nästan hela tiden, och det innebär att din bärbara dator måste läsa/skriva data till/från filer. Att ha en lagringsenhet som gör detta några sekunder snabbare är en stor fördel. Kom ihåg att några sekunder som läggs ihop flera gånger under dagen kan bli timmar och mindre tid att arbeta med ett projekt.
SSD (Solid State Drive)
Det är här SSD-diskar kommer till nytta de kan läsa/skriva data upp till 17 gånger snabbare än traditionella hårddiskar. De kan också starta tunga IDE-diskar. Min två år gamla SSD-baserade ultratunna bärbara dator kan starta upp Windows 7 kallt på nio sekunder, medan min MacBook Air startar upp på cirka 9 sekunder!
Diskminne
För de få fall där du blir galen med mängden av de appar du startar, virtualBox och PhotoShop samtidigt, kommer RAM helt enkelt inte att räcka till. Datorn kommer då att gå över till att använda din lagringsenhet som ”extra RAM”. Gud förbjude om du fortfarande har en 5400 RPM eftersom den kommer att vara smärtsamt långsam. Om du däremot har en SSD kommer hastigheten inte att vara särskilt skadlig för ditt arbetsflöde.
Utrymme
Problemet är förstås att Solid State Drives vanligtvis inte har den ”1TB HDD” som gammaldags och långsamma HDD-klossar har. Som webbutvecklare behöver du dock inte så mycket utrymme. 256 GB räcker och är vad de flesta SSD-enheter erbjuder dig idag.
Hållbarhet
Om du vill att din lagringsenhet ska vara tillförlitlig, och du inte ens kan lita på din säkerhetskopieringslagring, skulle jag rekommendera att du väljer Samsung 850 Evo SSD-enheter. Om inte, oavsett vilken lagringsenhet du har, oavsett om det är en hårddisk eller SSD, byt ut den vart 2-3:e år.
Hur blir det med mina säkerhetskopior?
Du kan använda CarbonCopyCloner för att klona hela min disk på en extern enhet varannan dag. Det finns liknande program för Windows-maskiner som du kan använda.
Display
Den antagligen viktigaste komponenten för en webbutvecklare vid sidan av en SSD (eftersom RAM och CPU vanligtvis är hyfsade på de flesta moderna bärbara datorer). Varför?
Detta är den del av maskinen som du fysiskt interagerar med mer än någon annan del. Du stirrar på den hela tiden du använder den.
Upplösning
Nästan alla kommer att tycka att det är användbart att ha två rutor öppna mot varandra: IDE till vänster och webbläsare till höger. Du kanske till och med vill ha lite utrymme för att kopiera/klistra in kod i EverNote för att prova den i ditt IDE.
Det handlar inte så mycket om storlek för att göra allt detta utan om upplösning.
1600×900: bör vara det absoluta minimumet allt mindre kommer du alltid att känna att du inte har tillräckligt med utrymme även om du har en annan skärm. Jag gjorde det misstaget en gång, lyckligtvis var det möjligt att uppgradera min skärm genom att byta ut LCD-skärmen (jag hade en ThinkPad på den tiden). Detta är dock inte alltid möjligt, faktiskt nästan aldrig.
1900×800: Detta är den perfekta upplösningen, du bör på allvar investera din budget (även om du måste offra någon annan komponent) i den. Du kan alltid minska upplösningen men du kan inte höja den!
Storlek
Personligen är min idealiska skärm 15″ men jag känner många som gillar bärbarheten hos bärbara datorer med en 14″ skärm eller ven 13″ skärm. Dessa är också bra storlekar. Allt mindre tillsammans med små teckensnittsstorlekar kan anstränga ögonen.
Notera att den lilla skärmen inte bör påverka teckensnittsstorleken överhuvudtaget, du kan alltid ändra dem. Det kommer bara att styra hur stora dina fönster är.
Jag använder normalt det minsta skalningsalternativet för text och sida vid sida räcker inte riktigt till. Jag delar upp mina rutor upptill och nedtill. När jag verkligen är i behov av en andra bildskärm och inte använder mitt skrivbord kopplar jag in en iPad som fungerar som en andra bildskärm. Detta är något som jag också gjorde på en 13″ MBP. Jag har inte provat en 15″ laptop eftersom den är för skrymmande att bära med sig överallt
IPS
En bred horisontell och vertikal betraktningsvinkel är också en gudagåva. Förutom att vara ett stort plus för ditt arbetsflöde kan betraktningsvinklar vara viktiga om du gör någon form av parprogrammering eller om du visar upp ditt arbete för potentiella kunder/chefer.
Detta är bara möjligt med IPS-skärmar. Ett annat stort plus med IPS-skärmar är deras färgprecision
Glans mot matt
Men även om blanka skärmar är roliga att titta på, är matta antireflexskärmar mycket lättare för ögonen, särskilt under många timmar.
ThunderCat-portar och dubbla skärmar
Moderna bärbara datorer kan nu komma med ”ThunderBolt”-portar eller USB-portar av typ C. Du kan slänga in två externa monitorer om din har en sådan, detta beror på att du även kan använda en HDMI för att ansluta en extern bildskärm.
Andra faktorer
Gamut
En del kanske säger att färgomfång inte är så viktigt, men om du är en front-end-utvecklare kan det vara det.
Den dag du har två skärmar anslutna och märker att blått och rött ser lila och orange ut på den andra skärmen kommer du att önska att du hade en bärbar dator med bättre skärmgamut för att vara säker på vilken färg du använder.
Och när du vet att du ser rätt färger kan du känna dig trygg med att berätta för andra att det är deras skärm som visar färgerna fel.
TouchScreen
Slutligen, frågan om pekskärmar. Beröringsgränssnitt är kanske inte något man måste tänka på nu, men de finns definitivt med i boken för framtiden.
Tabletter, smartphones – om du vill se till att dina webbplatser fungerar med dessa är det förmodligen klokt att skaffa en bärbar dator med pekskärm om du har råd med det redan nu.
GPU
Dedikerade grafikkort är inte nödvändiga för i stort sett alla webbutvecklare, det vill säga om du inte planerar att utveckla videospel.
Intel-video som är inbyggd i CPU-chipen ”Intel HD”-grafik är helt okej.
Tangentbord
Typa på ett tangentbord av dålig kvalitet kommer att sakta ner ditt arbete och sänka din motivation. Om du ska skriva kod 8-15 timmar om dagen vill du att dina fingrar ska vara nöjda!
Det är inte lätt att hitta de bästa tangentborden, men här är några allmänna riktlinjer (och rekommenderade modeller):
MacBooks: De har de bästa tangentborden på marknaden, det är nog sagt.
ThinkPads: När du går till affären och skriver en sida text efter att ha gjort detta på några bärbara datorer kommer du snabbt att inse att de inte är likadana och du kommer omedvetet att välja den som känns bäst, skriva ner modellen sedan och beställa en från samma tillverkare (med en mer biffig konfiguration beroende på dina behov).
BackLit KeyBoard
Genomför inte belysning för tangentbordet.
Programmerare arbetar ofta tills det är mörkt ute. Ett väl upplyst tangentbord kan vara mindre störande för dem som sover än att ha ett starkt ljus på.
Tryck att skriva på ett helt platt tangentbord med släckt belysning. Det är mycket svårare än du kanske tror. Skaffa en bra över- eller bakgrundsbelysning till tangentbordet om du råkar ut för dessa situationer.
Trackpad
Jag skulle allvarligt rekommendera övergången till en mus. Jag har förbättrat mitt arbetsflöde mångdubbelt. Å andra sidan, om du bara är van vid TrackPads, när du går till affären ska du se till att testa dem grundligt jag menar att du kommer att använda den här saken hela dagen.
Så titta inte bara på den, prova den. Är den lyhörd? Kan du scrolla med den? Är den multi-touch? Har den fysiska musknappar som inte bara är en del av styrplattan? Prova att dra och släppa något. Försök att högerklicka.
Wifi
AC Wireless Adapter
Internet är som en bil: ju snabbare desto bättre. Att kunna ladda upp och ladda ner filer på ett ögonblick känns bara bra. När du söker efter specifika tips om hur man gör något på Google är snabbhet viktigt!
Håll dig i minnet att du kommer att skriva kod och följa instruktioner från dokumentationer och ibland ta till youtube-tutotrials eller återanvända någon annans kod också.
Om det finns tillgängligt i din del av världen, skaffa det. De flesta bärbara datorer i dag har det ändå, men se till att din också har det. Till och med min 55-åriga syster har det.