Laatste Woorden:
Well dat is het mensen als je constant onderweg bent, zou ik je aanraden om echt premiul ultrabooks of draagbare apparaten te overwegen (zelfs de Surface Pro zal werken voor webontwikkeling).
Als je meestal op één plek blijft, kun je elke moderne laptop overwegen met een fatsoenlijk scherm + toetsenbord. Je kunt niet verkeerd gaan.
Aan het eind van de dag hebben alle laptops toetsenborden en displays, wat genoeg is om te ontwikkelen.
Hoe koop je een laptop voor webontwikkeling
Zoals ik al zei zonder meer te weten over het specifieke scenario, zal het erg moeilijk zijn om de juiste laptop voor webontwikkeling te landen. Naast het gooien van geld naar het probleem, zijn er een paar dingen die je moet proberen:
Opwaarderen van een oude machine
Voordat je $ 1000 neergooit op een nieuwe laptop, vraag jezelf af of misschien een van de huidige problemen waarmee je wordt geconfronteerd economisch kan worden opgelost. Dat wil zeggen, door het upgraden van uw huidige machine.
Web Development is helemaal niet hardware veeleisend. Misschien een mooie SSD schijf of een nieuwe RAM stick zou kunnen doen de truc, op voorwaarde natuurlijk, heb je een fatsoenlijk beeldscherm en toetsenbord zelfs de laatste twee kan worden opgelost (door het kopen van een externe monitor + extern toetsenbord).
Voordat u een upgrade uit te voeren erachter te komen wat er het eten van uw systeembronnen:
1. Doe het goede oude CTRL+ALT+DEL. Is het alleen dat uw toepassing veel bronnen gebruikt, of concurreert het met drie dozijn open browsertabbladen en een zware IDE?
2, Geef mijn Hoe uw Laptop RAM of Opslag apparaat te upgraden een aardige read.
Downgraden OS / Het verlaten van een IDE
Ook op te merken dat dingen kunnen worden vertraagd door het upgraden naar een nieuwe OS-versie.
Ik begon met behulp van een mid 2010MPB voorraad voor de afgelopen 4 jaar en het begon traag te worden als ik bleef het bijwerken van het OS (Windows 10 neemt momenteel 4GB ). Wat mijn software echt traag maakte (vooral PS CS6) en waardoor ik een andere hele MacBook Pro moest kopen, was de upgrade naar Mavericks.
Merk op dat Dreamweaver en PS tegelijkertijd ook ongeveer 4GB innemen. Als je Dreamweaver vrij gebruikt (ik heb dat gedaan en er zijn verschillende andere opties), kun je je systeem bevrijden van een enorme hoeveelheid bronnen. Het zal zelfs de noodzaak om je systeem te upgraden geheel wegnemen.
Software verwijderen
Een ander ding om in gedachten te houden is wat je op je laptop geïnstalleerd hebt (naast web dev software). Mijn laptops zijn door de jaren heen vrij solide geweest, behalve wanneer ik er spelletjes op installeerde. Misschien is het gewoon toeval, maar ik zeg alleen dat ik een patroon heb opgemerkt. Zolang ik geen spelletjes op mijn laptop installeer, lijk ik er zelden problemen mee te hebben.
Bedenk dus goed wat je op je laptop installeert. Als je alleen maar proefsoftware wilt uitproberen, doe dat dan in een virtuele machine en installeer het pas op het besturingssysteem van je computer als je er vertrouwen in hebt.
Daar is proefsoftware voor… om het toch maar uit te proberen.
Webontwikkelaars
Met dat uit de weg, voordat we de hardware voor webontwikkeling bespreken, moeten we het hebben over webontwikkelaars, vooral welke software ze gebruiken en het type workflow.
Waarom doe ik hier eigenlijk moeite voor? Nou, ik ben me ervan bewust dat er een groot percentage van de mensen die dit lezen die net beginnen in het veld.
Het komt echt neer op wat voor soort web ontwikkeling ben je van plan te doen? Front-end? Back-end? Full Stack? Welke tools ben je van plan te gebruiken?
Front-end Web Developer
Als je een front-end developer bent, ben je vooral bezig met hoe de site eruit ziet en aanvoelt. Dit is gewoon basis codering met CSS, HTML, Javascript en misschien JQuery (hoewel dit uit de mode raakt omdat moderne browsers nu hetzelfde werk kunnen doen maar dan sneller). Deze vereisen niets meer dan een basis moderne computer.
Aan de andere kant , als u PhotoShop of hi-res afbeeldingen & video’s gebruikt, dan wilt u misschien uw budget investeren in Display, RAM & Opslag.
Er is nog een reden om te investeren in opslag dan alleen het hebben van een beeldscherm dat hoge resolutie beelden weergeeft in hun ware kleur: ruimte. Dat wil zeggen, kunt u een venster om te coderen en een ander venster om te zien hoe de resultaten bij te werken of tutorials te volgen.
Als u gebruik maakt van zware IDE’s, zoals Dreamweaver en VS Studio, moet u ook investeren op RAM & optioneel opslag.
Back End Development
Hoewel Back End Developers weten hoe ze HTML, CSS enzovoort moeten gebruiken. Ze moeten kunnen coderen met Java, PHP, Ruby on Rails, Python en .Net.
Het grootste probleem hierbij zijn niet de talen zelf, maar de IDE, die veel RAM in beslag neemt en baat heeft bij een snelle opslagschijf. Ze kunnen ook databases lokaal draaien en zelfs VM’s gebruiken, wat meer RAM-geheugen &opslag oplevert.
Full Path Developer
Dit betekent gewoon dat iemand zowel aan “Front End” WD (Html, CSS, javascript etc) als aan backend code (databases, .net, Php, C#, Ruby etc) werkt.
Zoals ik, heb ik meestal meerdere apps open staan op elk moment: Atom voor het coderen, Safari en Chrome voor web browsen en testen, 4-5 terminal vensters (het uitgeven van SQL statements, testen, en Git taken, en Redis, en…), 1-2 Finder vensters, Slack, Mail, Affinity Designer en SourceTree.
Student
Software
Bedenk dat TextMade, CodeKit, Atom en SublimeText gewoon tekst editors zijn die zijn toegesneden op webontwikkeling en niets speciaals vereisen, in feite kun je deze op je iPhone draaien. Ik zou deze aanraden boven DreamWeaver als je systeem te traag is om te reageren.
Er zijn slechts twee soorten software die de moeite waard zijn om in overweging te nemen bij het kopen van een computer voor webontwikkeling: PhotoShop of Virtual Box.
Illustrator/Photoshop
Als je kleine grafische bewerkingen uitvoert, voornamelijk het converteren van vector AI bestanden naar SVG en het tweaken van kleuren, heb je geen GPU nodig voor PhotoShop noch enorme hoeveelheden RAM of een high-end CPU. De laatste is eigenlijk zelden een knelpunt, zelfs voor hardcore photoshop gebruikers.
VirtualBox
Aan de andere kant, als je vaak werkt met een Ubuntu Server VM met behulp van Vagrant en VirtualBox om je productie-omgeving te simuleren voor de release, moet je ervoor zorgen dat je ten minste 8 GB RAM hebt.
Hardwarespecificaties voor webontwikkeling
CPU
Generatie
Wanneer mensen aan computersnelheid denken, denken ze altijd aan de CPU-2,9 GHz Intel Core i7, enz. Maar met moderne CPU’s, vooral de 8e generatie, zullen ze nooit de bottleneck zijn (zelfs als je VM’s draait) plus webdesign is nauwelijks CPU-intensief.
Maar als je alle multitasking die je hierboven hebt gelezen in de strijd wilt gooien, zou je een moderne CPU moeten nemen. Core i3, Core i5 of Core i7 maakt niet veel uit, zolang het maar van de 7e of 8e generatie is (de 6e is misschien wat aan de lage kant, maar nog steeds prima), dan zit je goed.
Cores
Een grote uitzondering kunnen ontwikkelaars zijn die afhankelijk zijn van virtuele machines. Zelfs dan is er niet veel reden om je zorgen te maken over CPU’s, omdat moderne CPU’s ten minste twee cores en +3 GHz hebben, beide zijn genoeg om een virtuele machine of twee te starten.
RAM
Aan de andere kant is RAM waarschijnlijk de belangrijkste component voor elke webontwikkelaar. De hoeveelheid multitasking kan krankzinnig zijn. Stel je voor dat je een teksteditor, een webbrowser, een virtuele machine, een SQL server, een paar webbrowsers voor tutorials, een video en zelfs een terminal open hebt staan.
Voeg aan de mix toe dat je een zware IDE zoals DreamWeaver of Visual Studio gebruikt en 4GB is vrij snel op. Laten we PhotoShop en duizend lagen in een afbeelding niet vergeten.
8 GB RAM: Je hebt minstens 8 Gig nodig, dit is zelfs genoeg om een lokale webserver of een virtuele machine te draaien.
16GB RAM: Ik heb nooit de noodzaak gezien om 16GB te hebben. Maar als je van plan bent om een professionele full stack ontwikkelaar te worden, kan het van pas komen. Aangezien de meeste laptops upgradebaar zijn (behalve de MacBooks en UltraBooks), kun je ervoor kiezen om de jouwe te updaten.
Opslag
Voor webdesign gaat het bij de snelheid van de computer veel meer om de harde schijf dan om de CPU, zeker nu CPU’s gewoon veel te snel zijn.
Opslagsnelheid
U zult voortdurend veel bestanden moeten openen en sluiten, bijna de hele tijd, en dat betekent dat uw laptop gegevens moet lezen/schrijven naar/van bestanden. Een opslagschijf hebben die dit een paar seconden sneller doet, is een enorm voordeel. Vergeet niet dat een paar seconden opgeteld meerdere keren gedurende de dag kan oplopen tot uren en minder tijd werken aan een project.
SSD (Solid State Drive)
Dit is waar SSD’s van pas komen ze kunnen lezen / schrijven van gegevens tot 17x sneller dan traditionele HDD’s. Ze kunnen ook zware IDE’s lanceren. Mijn twee jaar oude SSD-gebaseerde ultradunne laptop kan Windows 7 koud opstarten in negen seconden, terwijl mijn MacBook Air opstart in ongeveer 9 seconden!
Schijfgeheugen
Voor de weinige gevallen waarin je gek wordt van de hoeveelheid van de apps die je tegelijkertijd opstart, virtualBox en PhotoShop, zal RAM gewoon niet voldoende zijn. Uw computer zal dan overgaan op het gebruik van uw opslagapparaat als “extra RAM”. God verhoede het als je nog steeds een 5400 RPM hebt, want het zal pijnlijk traag zijn. Aan de andere kant, als je een SSD hebt, zal de snelheid niet veel nadelig zijn voor je workflow.
Ruimte
Het probleem is natuurlijk dat Solid State Drives meestal niet de “1TB HDD” hebben die ouderwetse en langzame HDD stenen hebben. Als webontwikkelaar heb je echter niet zoveel ruimte nodig. 256 GB is voldoende en dat is wat de meeste SSD’s je vandaag de dag bieden.
Duurzaamheid
Als je wilt dat je opslagschijf betrouwbaar is, en je kunt niet eens vertrouwen op je back-upopslag, dan zou ik je aanraden om voor Samsung 850 Evo SSD-schijven te gaan. Zo niet, welke opslagschijf je ook hebt, of het nu een HDD of SSD is, vervang deze om de 2-3 jaar.
Hoe zit het met mijn back-ups?
Je kunt CarbonCopyCloner gebruiken om mijn hele schijf om de dag te klonen op een externe schijf. Er is vergelijkbare software voor Windows-machines die u kunt gebruiken.
Display
Bijna het belangrijkste onderdeel voor een webontwikkelaar naast een SSD (aangezien RAM en CPU meestal fatsoenlijk zijn op de meeste moderne laptops). Waarom?
Dit is het deel van de machine waar je meer fysieke interactie mee hebt dan enig ander deel. Je kijkt er de hele tijd naar.
Resolutie
Virtueel iedereen vindt het handig om twee vensters open te hebben staan voor elkaar: IDE aan de linkerkant en Web Browser aan de rechterkant. Misschien wilt u zelfs wat ruimte om code te kopiëren/plakken in EverNote om uit te proberen in uw IDE.
Het gaat niet zozeer om de grootte om dit alles te doen, maar om de resolutie.
1600×900: zou het absolute minimum moeten zijn alles minder zul je altijd het gevoel hebben dat je niet genoeg ruimte hebt, zelfs als je een ander beeldscherm hebt. Ik heb die fout ooit gemaakt, gelukkig was het mogelijk om mijn beeldscherm te upgraden door de LCD te vervangen (ik had toen een ThinkPad). Dit is echter niet altijd mogelijk, in feite bijna nooit.
1900×800: Dit is de perfecte resolutie, je moet er serieus je budget in investeren (zelfs als je een andere component moet opofferen). Je kunt de resolutie altijd verlagen, maar niet verhogen.
Grootte
Persoonlijk is mijn ideale scherm 15″, maar ik ken veel mensen die houden van de draagbaarheid van laptops met een 14″ scherm of ven 13″ scherm. Dit zijn ook goede maten. Alles minder in combinatie met kleine lettergroottes kan je ogen belasten.
Merk op dat het kleine scherm helemaal geen invloed heeft op de grootte van het lettertype, je kunt ze altijd veranderen. Het zal gewoon bepalen hoe groot uw vensters zijn.
Ik gebruik normaal gesproken de kleinste tekst schaal optie en zij aan zij is niet echt genoeg. Ik verdeel mijn vensters boven en onder. Als ik echt een 2e monitor nodig heb en mijn desktop niet gebruik, sluit ik een iPad aan om als 2e monitor te dienen. Dit is iets wat ik ook deed op een 13″ MBP. Een 15″ laptop heb ik nog niet geprobeerd, omdat die te groot is om overal mee naar toe te nemen. Een brede horizontale en verticale kijkhoek is ook een uitkomst. Naast het feit dat een groot pluspunt voor uw werk flow, kan kijkhoeken belangrijk zijn als je aan het doen bent een paar programmeren of als u pronken met uw werk aan potentiële klanten / bazen.
Dit is alleen mogelijk met IPS-schermen. Een ander groot pluspunt van IPS-schermen is hun kleurnauwkeurigheid
Glanzend vs. Mat
Glanzende schermen zijn leuk om naar te kijken, maar matte ontspiegelde schermen zijn veel prettiger voor de ogen, vooral gedurende vele uren.
ThunderCat-poorten en dubbele monitoren
Moderne laptops kunnen nu worden geleverd met “ThunderBolt”-poorten of Type-C USB-poorten. Je kunt er twee externe monitoren op aansluiten als je er een hebt, omdat je ook een HDMI kunt gebruiken om een externe monitor aan te sluiten.
Andere factoren
Gamut
Sommigen zullen misschien zeggen dat kleurbereik niet zo belangrijk is, maar als je een front-end ontwikkelaar bent, kan het dat wel zijn.
De dag dat je twee schermen hebt aangesloten en merkt dat blauw en rood paars en oranje lijken op je andere scherm, zul je wensen dat je een laptop had met een beter schermgamut om zeker te weten welke kleur je gebruikt.
En als je weet dat je de juiste kleuren ziet, kun je met een gerust hart anderen vertellen dat het hun scherm is dat de kleuren verkeerd weergeeft.
TouchScreen
Tot slot de kwestie van aanraakschermen. Aanraakschermen zijn misschien niet iets om nu al rekening mee te houden, maar ze staan zeker in de boeken voor de toekomst.
Tablets, smartphones – als u er zeker van wilt zijn dat uw websites hiermee werken, is het waarschijnlijk verstandig om een laptop met aanraakscherm aan te schaffen als u zich dat al kunt veroorloven.
GPU
Een speciale grafische kaart is niet nodig voor vrijwel elke webontwikkelaar, dat wil zeggen, tenzij u van plan bent om videogames te ontwikkelen.
Intel video ingebouwd in de CPU chips “Intel HD” graphics zal prima voldoen.
Toetsenbord
Typen op een slechte kwaliteit toetsenbord zal uw werk vertragen en uw motivatie naar beneden halen. Als je 8-15 uur per dag code gaat typen, wil je dat je vingers gelukkig zijn!
Het vinden van de beste toetsenborden is niet eenvoudig, maar hier zijn een paar algemene richtlijnen (en aanbevolen modellen):
MacBooks: Ze hebben de beste toetsenborden op de markt, genoeg gezegd.
ThinkPads: Er gaat niets boven het werken op de legendarische toetsenborden van deze laptops.
- Wanneer u naar de winkel gaat en een pagina tekst typt nadat u dit op een paar laptops hebt gedaan, zult u zich snel realiseren dat ze niet hetzelfde zijn en zult u onbewust de laptop kiezen die het beste aanvoelt, het model opschrijven en vervolgens een laptop van dezelfde fabrikant bestellen (met een meer robuuste configuratie, afhankelijk van uw behoeften).
BackLit-toetsenbord
Verlichting voor het toetsenbord mag u niet vergeten.
Programmeurs werken vaak tot het buiten donker is. Een goed verlicht toetsenbord kan minder storend zijn voor degenen die slapen dan wanneer er een fel licht brandt.
Probeer eens te typen op een perfect plat toetsenbord met de lichten uit. Het is een stuk moeilijker dan je zou denken. Koop een goede boven- of achterverlichting voor uw toetsenbord als u dit soort situaties tegenkomt.
Trackpad
Ik zou serieus aanraden om over te stappen op een muis. Mijn workflow is er veelvoudig door verbeterd. Aan de andere kant, als je gewoon bent aan TrackPads, wanneer je naar de winkel gaat, zorg ervoor dat je ze grondig uittest. Ik bedoel, je gaat dit ding de hele dag gebruiken.
Dus kijk er niet alleen naar, probeer het uit. Is het responsief? Kun je ermee scrollen? Is het multi-touch? Heeft het fysieke muisknoppen die niet alleen deel uitmaken van het trackpad? Probeer iets te slepen en neer te zetten. Probeer rechts te klikken.
Wifi
AC draadloze adapter
Het internet is als een auto: hoe sneller, hoe beter. In een oogwenk bestanden kunnen up- en downloaden voelt gewoon goed. Als je op Google zoekt naar specifieke tips over hoe je iets moet doen, is snelheid essentieel!
Bedenk dat je code moet schrijven en instructies moet volgen uit documentatie, waarbij je soms je toevlucht neemt tot youtube-tutotrials of ook iemands code moet hergebruiken.
Als het in jouw deel van de wereld beschikbaar is, haal het dan. De meeste laptops vandaag de dag hebben het anyways gewoon ervoor zorgen dat uw doet ook. Zelfs mijn 55 jaar oude buurman heeft het.