6 bedste bærbare computere til webudvikling og design i 2021

Sidste ord:

Det var det, folkens, hvis du er konstant på farten, vil jeg anbefale dig virkelig overveje premium ultrabooks eller bærbare enheder (selv Surface Pro vil fungere til webudvikling).

Hvis du for det meste opholder dig på ét sted, kan du overveje enhver moderne bærbar computer med en anstændig skærm + tastatur. Du kan ikke gå galt.

I sidste ende har alle bærbare computere tastaturer og skærme, hvilket er nok til at udvikle.

Hvordan man køber en bærbar computer til webudvikling

Som jeg sagde, uden at vide mere om det særlige scenarie, vil det være meget svært at lande den rigtige bærbare computer til webudvikling. Udover at smide penge på problemet, er der dog et par ting, du bør prøve:

Opgradering af en gammel maskine

Hvor du smider 1000 dollars på en ny bærbar computer, skal du spørge dig selv, om måske nogle af de nuværende problemer, du står over for, kan løses økonomisk. Det vil sige , ved at opgradere din nuværende maskine.

Webudvikling er slet ikke hardwarekrævende. Måske kan en god SSD-disk eller en ny RAM-stick gøre tricket, forudsat naturligvis, at du har en anstændig skærm og tastatur, selv de to sidste kan løses (ved at købe en ekstern skærm + eksternt tastatur).

Hvor du foretager en opgradering, skal du finde ud af, hvad der æder dine systemressourcer:

1. Gør den gode gamle CTRL+ALT+DEL. Er det bare, at dit program er ressourcekrævende, eller konkurrerer det med tre dusin åbne browserfaner og et tungt IDE?

2, Giv min Sådan opgraderer du din bærbare RAM eller lagerenhed en god læsning.

Downgrading OS/Quitting an IDE

Og bemærk også, at tingene kan blive langsommere ved at opgradere til en ny OS-version.

Jeg begyndte at bruge en mid 2010MPB stock i de sidste 4 år, og den begyndte at blive langsom, da jeg blev ved med at opdatere OS (Windows 10 tager i øjeblikket 4GB ). Det der virkelig fik min software til at blive sløv (mest PS CS6) og som fik mig til at købe en anden hel MacBook Pro var opgraderingen til Mavericks.

Bemærk, at Dreamweaver og PS på samme tid også tager omkring 4GB. Hvis du helt bruger Dreamweaver (det gjorde jeg, og der er flere andre muligheder) kan du frigøre dit system fra en stor mængde ressourcer. Det vil endda helt erstatte behovet for at opgradere dit system.

Afinstallation af software

En anden ting at huske på er, hvad du har installeret på din bærbare computer (udover web dev software). Mine bærbare computere har været ret solide gennem årene, undtagen når jeg begynder at installere spil på dem. Kan bare være et tilfælde, men jeg siger bare, at jeg har bemærket et mønster. Så længe jeg holder spil fra min bærbare computer, synes jeg meget sjældent at have problemer med den.

Så vær bevidst om, hvad du installerer på din bærbare computer. Hvis du bare vil prøve prøvesoftware, så gør det i en virtuel maskine og installer det først på din computers styresystem, når du føler dig sikker på det.

Det er det, prøvesoftware er til for… at prøve det alligevel.

Webudviklere

Med det af vejen, før vi diskuterer hardware til webudvikling, skal vi tale om webudviklere, især hvilken software de bruger, og hvilken type arbejdsgang de har.

Hvorfor gider jeg overhovedet beskæftige mig med dette? Tja, jeg er klar over, at der er en stor procentdel af de mennesker, der læser dette, som lige er begyndt at komme ind på området.

Det kommer virkelig an på, hvilken slags webudvikling du har planer om at lave? Front-end? Back-end? Full Stack? Hvilke værktøjer har du planer om at bruge?

Front-end webudvikler

Hvis du er en front-end udvikler, vil du mest være optaget af, hvordan webstedet ser ud og føles. Dette er blot grundlæggende kodning med CSS, HTML, Javascript og måske JQuery (selv om dette er ved at gå af mode, da moderne browsere nu kan udføre det samme arbejde, men hurtigere). Disse kræver ikke andet end en grundlæggende moderne computer.

På den anden side , hvis du bruger PhotoShop eller hi-res billeder & videoer, så vil du måske investere dit budget i skærm, RAM & lagerplads.

Der er en anden grund til at investere i lagerplads end blot at have en skærm, der viser billeder i høj opløsning til deres sande farve: plads. Det vil sige, at du kan have et vindue til at kode og et andet vindue til at se, hvordan du opdaterer resultaterne eller følger tutorials.

Hvis du bruger tunge IDE’er som Dreamweaver og VS Studio, bør du også investere på RAM & valgfrit lager.

Back End Development

Selv om backend-udviklere ved, hvordan man bruger HTML,CSS osv. De skal kunne kode med Java, PHP, Ruby on Rails, Python og .Net.

Det største problem med disse er ikke selve sprogene, men IDE’en, som kræver meget RAM og har gavn af et hurtigt lagerdrev. De kører måske også databaser lokalt og bruger endda VM’er, hvilket giver mere RAM & Storage.

Full Path Developer

Det betyder bare, at nogen arbejder både med “Front End” WD (Html, CSS, javascript osv.) og med backend-kode (databaser, .net, Php, C#, Ruby osv.).

Hvad angår mig, har jeg normalt flere apps åbne hele tiden: Atom til kodning, Safari og Chrome til webbrowsing og test, 4-5 terminalvinduer (udstedelse af SQL-statements, test og Git-opgaver og Redis og…), 1-2 Finder-vinduer, Slack, Mail, Affinity Designer og SourceTree.

Student

Hvis du er studerende, der begynder på webudvikling, vil du sandsynligvis gå igennem en kombination af begge disse grene. Jeg startede med C#-klasser, som brugte Visual Studio og en SQL Server.
Den mest nyttige funktion, som jeg fandt, var også visningen, dvs. jeg kunne have et IDE på siden og en webbrowser (til at følge tutorials). Du kan altid skifte mellem mellemrum eller bruge ALT+TAB, men det kan være ret irriterende.

Software

Husk, at TextMade, CodeKit, Atom og SublimeText er bare tekstredigeringsprogrammer skræddersyet til webudvikling kræver ikke noget særligt, faktisk kan du køre disse på din iPhone. Jeg vil foreslå disse frem for DreamWeaver, hvis dit system er for langsomt til at reagere.

Der er kun to typer software, der er værd at tage i betragtning, når du køber en computer til webudvikling: PhotoShop eller Virtual Box.

Illustrator/Photoshop

Hvis du laver mindre grafisk redigering, hovedsagelig konvertering af vektor-AI-filer til SVG og justering af farver, har du ikke brug for en GPU til PhotoShop eller store mængder RAM eller en high end CPU. Sidstnævnte er faktisk sjældent en flaskehals, selv for hardcore photoshop-brugere.

VirtualBox

På den anden side, hvis du ofte arbejder med en Ubuntu Server VM ved hjælp af Vagrant og VirtualBox til at simulere dit produktionsmiljø før frigivelse, skal du sørge for, at du har mindst 8 GB RAM.

Hardwarespecifikationer til webudvikling

CPU

Generation

Når folk tænker på computerhastighed, tænker de altid på CPU’en-2,9 GHz Intel Core i7 osv. Men med moderne CPU’er, især 8. generation, vil de aldrig være flaskehalsen (selv hvis du kører VM’er), plus at webdesign næppe er CPU-intensivt.

Men hvis du vil smide al den multitasking, som du har læst ovenfor, bør du få en moderne CPU. Core i3, Core i5 eller Core i7 er egentlig ligegyldigt, så længe den er fra 7. og 8. generation (6. er måske lidt presset, men det er stadig i orden), vil du være fint.

Cores

En stor undtagelse er måske udviklere, der er afhængige af virtuelle maskiner. Selv da er der ikke meget grund til at bekymre sig om CPU’er, da moderne CPU’er har mindst to kerner og +3GHz, begge dele er nok til at starte en virtuel maskine eller to.

Anbefalede CPU’er: Core i3 -7100U, 83100U. Core i5-8250U, Core i5-8625U, osv. Selv om der findes kraftigere CPU’er i dag, er de overkill til webudvikling.

RAM

På den anden side er RAM nok den vigtigste komponent for enhver webudvikler. Mængden af multitasking kan være vanvittig. Forestil dig bare at have en textEditor en webbrowser en virtuel maskine en SQL-server og et par webbrowsere til tutorials og en video og endda terminal åben.

Lad os tilføje til blandingen, at du bruger en tung IDE som DreamWeaver eller Visual Studio, og 4 GB vil være væk ret hurtigt. Lad os ikke glemme PhotoShop og tusind lag, der er proppet ind i et billede.

8 GB RAM: Du har brug for mindst 8 gigabyte, det er endda nok til at køre en lokal webserver eller en virtuel maskine.
16 GB RAM: Jeg har aldrig set behovet for at have 16 GB. Men hvis du planlægger at blive en proffessionel full stack-udvikler, kan det være praktisk. Da de fleste bærbare computere kan opgraderes (undtagen MacBooks og UltraBooks), kan du vælge at opdatere din.

Storage

For webdesign handler computerens hastighed meget mere om harddisken end om CPU’en, især nu, da CPU’er bare er alt for hurtige.

Storagehastighed

Du vil konstant åbne og lukke en masse filer, næsten hele tiden, og det betyder, at din bærbare computer skal læse/skrive data til/fra filer. Det er en stor fordel at have et lagerdrev, der gør dette et par sekunder hurtigere. Husk, at et par sekunder lagt sammen flere gange i løbet af dagen kan blive til flere timer og mindre tid til at arbejde på et projekt.

SSD (Solid State Drive)

Det er her, SSD’er kommer til at være praktiske de kan læse/skrive data op til 17x hurtigere end traditionelle HDD’er. De kan også lancere tunge IDE’er. Min to år gamle SSD-baserede ultra-tynde bærbare computer kan starte Windows 7 koldt op på ni sekunder, mens min MacBook Air starter op på omkring 9 sekunder!

Diskhukommelse

I de få tilfælde, hvor du går amok med mængden af de apps, du starter, virtualBox og PhotoShop på samme tid, vil RAM bare ikke være tilstrækkelig. Din computer vil så gå over til at bruge din lagerenhed som “ekstra RAM”. Gud forbyde det hvis du stadig har en 5400 RPM, for den vil være smerteligt langsom. Hvis du derimod har en SSD, vil hastigheden ikke være meget til skade for din arbejdsgang.

Plads

Problemet er selvfølgelig, at Solid State Drives normalt ikke har den “1TB HDD”, som gammeldags og langsomme HDD-klodser har. Som webudvikler vil du dog ikke have brug for så meget plads 256 GB vil være tilstrækkeligt og er hvad de fleste SSD’er tilbyder dig i dag.

Holdbarhed

Hvis du ønsker at dit lagerdrev skal være pålideligt, og du ikke engang kan stole på din backup-lagring, vil jeg anbefale at gå efter Samsung 850 Evo SSD-drev. Hvis ikke, uanset hvilket lagerdrev du har, uanset om det er en HDD eller SSD, skal du udskifte det hvert 2-3 år.

Hvad med mine sikkerhedskopier?

Du kan bruge CarbonCopyCloner til at klone hele min disk på et eksternt drev hver anden dag. Der findes lignende software til Windows-maskiner, som du kan bruge.

Display

Det er nok den vigtigste komponent for en webudvikler ud over en SSD (da RAM og CPU normalt er anstændige på de fleste moderne bærbare computere). Hvorfor?

Dette er den del af maskinen, som du fysisk interagerer med mere end nogen anden del. Du stirrer på den hele tiden, mens du bruger den.

Opløsning

Næsten alle vil finde det nyttigt at have to ruder åbne i forhold til hinanden: IDE til venstre og webbrowser til højre. Du vil måske endda have plads til at kopiere/klistre kode ind i EverNote for at afprøve den i dit IDE.

Det handler ikke så meget om størrelse for at gøre alt dette, men om opløsning.

1600×900: bør være det absolutte minimum alt andet mindre vil du altid føle, at du ikke har plads nok, selv om du har en anden skærm. Jeg begik den fejl engang, heldigvis var det muligt at opgradere min skærm ved at udskifte LCD-skærmen (jeg havde en ThinkPad dengang). Men det er ikke altid muligt , faktisk næsten aldrig.

1900×800: Dette er den perfekte opløsning, du bør seriøst investere dit budget (selv om du er nødt til at ofre andre komponenter) på det. Du kan altid reducere opløsningen, men du kan ikke hæve den!

Størrelse

Personligt er min ideelle skærm 15″, men jeg kender mange mennesker, der kan lide bærbare computere med en 14″ skærm eller ven 13″ skærm, fordi de er bærbare. Disse er også gode størrelser. Alt mindre kombineret med små skriftstørrelser kan belaste dine øjne.

Bemærk, at den lille skærm slet ikke bør påvirke størrelsen af skrifttypen, du kan altid ændre dem. Det vil bare styre, hvor store dine vinduer er.

Jeg bruger normalt den mindste tekstskaleringsmulighed, og side om side er det ikke rigtig nok. Jeg opdeler mine ruder øverst og nederst. Når jeg virkelig har brug for en 2. skærm og ikke bruger mit skrivebord, tilslutter jeg en iPad til at fungere som 2. skærm. Dette er noget jeg også gjorde på en 13″ MBP. Jeg har ikke prøvet en 15″ bærbar computer, da den er for klodset til at bære overalt

IPS

En bred horisontal og vertikal betragtningsvinkel er også en guds gave. Udover at være et stort plus for dit arbejdsflow, kan betragtningsvinkler være vigtige, hvis du laver parprogrammering, eller hvis du viser dit arbejde frem for potentielle kunder/chefer.

Dette er kun muligt med IPS-skærme. Et andet stort plus ved IPS-skærme er deres farvepræcision

Glans vs. matte

Mens blanke skærme er sjove at se på, er matte antirefleksskærme meget mere behagelige for øjnene, især i mange timer.

ThunderCat-porte og dobbelte skærme

Moderne bærbare computere kan nu komme med “ThunderBolt”-porte eller Type-C USB-porte. Du kan smide to eksterne skærme ind, hvis din har en, dette skyldes, at du også kan bruge en HDMI til at tilslutte en ekstern skærm.

Andre faktorer

Gamut

Nogle vil måske sige, at farvegamut ikke er så vigtigt, men hvis du er en front-end-udvikler, kan det være det.

Den dag, du har to skærme tilsluttet og bemærker, at blå og røde farver ser lilla og orange ud på din anden skærm, vil du ønske, at du havde en bærbar computer med et bedre skærmgamut, så du er sikker på, hvilken farve du bruger.

Og når du ved, at du ser de rigtige farver, kan du også føle dig tryg ved at fortælle andre, at det er deres skærm, der viser farverne forkert.

TouchScreen

Endelig er der spørgsmålet om touchskærme. Touch-interfaces er måske ikke noget, man skal have i tankerne nu, men de er helt sikkert på dagsordenen for fremtiden.

Tablets, smartphones – hvis du vil sikre dig, at dine websteder fungerer med disse, er det nok klogt at anskaffe sig en bærbar computer med berøringsskærm, hvis du allerede har råd til det.

GPU

Dedikerede grafikkort er ikke nødvendige for stort set alle webudviklere, det vil sige, medmindre du har planer om at udvikle videospil.

Intel-video indbygget i CPU-chips “Intel HD”-grafik vil være helt fint.

Tastatur

Typning på et tastatur af dårlig kvalitet vil gøre dit arbejde langsommere og bringe din motivation ned. Hvis du skal skrive kode i 8-15 timer om dagen, skal dine fingre være glade!

Det er ikke let at finde de bedste tastaturer, men her er et par generelle retningslinjer (og anbefalede modeller):

MacBooks: De har de bedste tastaturer på markedet, nok sagt.

ThinkPads: De har de bedste tastaturer på markedet, nok sagt: Der er intet som at arbejde på de legendariske tastaturer, der findes på disse.

  • Når du går i butikken og skriver en side tekst efter at have gjort dette på et par bærbare computere, vil du hurtigt indse, at de ikke er ens, og du vil ubevidst vælge den, der føles bedst , skrive modellen ned derefter og bestille en fra samme producent (med en mere kødfuld konfiguration afhængigt af dine behov).

BackLit KeyBoard

Glem ikke belysning til tastaturet.

Programmører arbejder ofte, indtil det er mørkt udenfor. Et velbelyst tastatur kan være mindre forstyrrende for dem, der sover, end at have et skarpt lys tændt.

Prøv at skrive på et helt fladt tastatur med lyset slukket. Det er meget sværere, end du måske tror. Anskaf dig en god over- eller bagbelysning til dit tastatur, hvis du støder på disse situationer.

Trackpad

Jeg vil seriøst anbefale, at du skifter over til en mus. Jeg har forbedret min arbejdsgang mangedoblet. På den anden side, hvis du bare er vant til TrackPads, skal du, når du går i butikken, sørge for at teste dem grundigt Jeg mener, du kommer til at bruge denne ting hele dagen.

Så lad være med bare at kigge på det, prøv det ud. Er den lydhør? Kan du scrolle med den? Er den multi-touch? Har den fysiske museknapper, der ikke bare er en del af trackpad’en? Prøv at trække og slippe noget. Prøv at højreklikke.

Wifi

AC trådløs adapter

Internettet er som en bil: Jo hurtigere, jo bedre. Det føles bare godt at kunne uploade og downloade filer lynhurtigt. Når du søger efter specifikke tips om, hvordan du gør noget på Google, er hastighed afgørende!

Husk, at du skal skrive kode og følge instruktioner fra dokumentationer og nogle gange ty til youtube-tutotrials eller genbruge andres kode også.

Hvis det er tilgængeligt i din del af verden, så køb det. De fleste bærbare computere i dag har det alligevel, bare sørg for, at din også har det. Selv min 55-årige neightbor har det.

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.