Letzte Worte:
Tja, das war’s Leute, wenn ihr ständig unterwegs seid, würde ich euch empfehlen, wirklich erstklassige Ultrabooks oder tragbare Geräte in Betracht zu ziehen (sogar das Surface Pro wird für Web-Entwicklung funktionieren).
Wenn du dich hauptsächlich an einem Ort aufhältst, kannst du jeden modernen Laptop mit einem anständigen Display+Tastatur in Betracht ziehen. Sie können nichts falsch machen.
Am Ende des Tages haben alle Laptops Tastaturen und Displays, die für die Entwicklung ausreichen.
Wie man einen Laptop für die Webentwicklung kauft
Wie ich schon sagte, ohne mehr über das jeweilige Szenario zu wissen, wird es sehr schwer sein, den richtigen Laptop für die Webentwicklung zu finden. Abgesehen davon, dass Sie dem Problem Geld hinterherwerfen, gibt es ein paar Dinge, die Sie ausprobieren sollten:
Aufrüstung eines alten Geräts
Bevor Sie 1000 Dollar für einen neuen Laptop hinwerfen, fragen Sie sich, ob vielleicht eines der aktuellen Probleme, mit denen Sie konfrontiert sind, wirtschaftlich gelöst werden kann. Das heißt, indem Sie Ihren aktuellen Rechner aufrüsten.
Web-Entwicklung ist überhaupt nicht hardwareintensiv. Vielleicht hilft ein schönes SSD-Laufwerk oder ein neuer RAM-Stick, vorausgesetzt natürlich, Sie haben einen anständigen Bildschirm und eine Tastatur, selbst die letzten beiden lassen sich beheben (durch den Kauf eines externen Monitors + einer externen Tastatur).
Bevor Sie irgendwelche Upgrades durchführen, finden Sie heraus, was Ihre Systemressourcen auffrisst:
1. Führen Sie die gute alte Tastenkombination STRG+ALT+Entf aus. Ist Ihre Anwendung einfach nur ressourcenintensiv, oder konkurriert sie mit drei Dutzend offenen Browser-Tabs und einer umfangreichen IDE?
2, lesen Sie meinen Artikel How to Upgrade your Laptop RAM or Storage device.
Downgrading OS/Quoting an IDE
Auch ein Upgrade auf eine neue Betriebssystemversion kann die Dinge verlangsamen.
Ich benutze seit 4 Jahren einen MPB Stock von Mitte 2010 und er wurde langsam, als ich das Betriebssystem immer wieder aktualisierte (Windows 10 benötigt derzeit 4 GB). Was wirklich bekam meine Software träge (vor allem PS CS6) und die machte ein anderes ganzes MacBook Pro kaufen, war das Upgrade auf Mavericks.
Beachten Sie, dass Dreamweaver und PS zur gleichen Zeit auch rund 4GB nehmen. Wenn Sie ganz mit Dreamweaver (ich tat und es gibt mehrere andere Optionen) Sie könnten Ihr System von einer riesigen Menge von Ressourcen zu befreien. Es kann sogar die Notwendigkeit eines Upgrades Ihres Systems vollständig ersetzen.
Deinstallation von Software
Eine andere Sache, die Sie im Auge behalten sollten, ist, was Sie auf Ihrem Laptop installiert haben (außer Webentwicklungssoftware). Meine Laptops sind über die Jahre hinweg ziemlich stabil gewesen, außer wenn ich anfange, Spiele darauf zu installieren. Vielleicht ist das nur ein Zufall, aber ich sage nur, dass ich ein Muster festgestellt habe. Solange ich keine Spiele auf meinem Laptop installiere, scheine ich sehr selten Probleme damit zu haben.
Seien Sie sich also bewusst, was Sie auf Ihrem Laptop installieren. Wenn Sie nur Test-Software ausprobieren wollen, tun Sie das in einer virtuellen Maschine und installieren Sie sie erst dann auf dem Betriebssystem Ihres Computers, wenn Sie sich damit sicher fühlen.
Dafür ist Testsoftware ja da… um sie auszuprobieren.
Webentwickler
Bevor wir die Hardware für die Webentwicklung besprechen, müssen wir über Webentwickler sprechen, insbesondere darüber, welche Software sie verwenden und wie der Arbeitsablauf aussieht.
Warum mache ich mir überhaupt die Mühe, darüber zu sprechen? Nun, ich bin mir bewusst, dass es einen großen Prozentsatz von Leuten gibt, die das hier lesen und gerade erst anfangen, in das Feld einzusteigen.
Es kommt wirklich darauf an, welche Art von Web-Entwicklung Sie vorhaben zu machen? Front-End? Back-End? Full Stack? Welche Tools willst du verwenden?
Front-End-Webentwickler
Wenn du ein Front-End-Entwickler bist, wirst du dich hauptsächlich darum kümmern, wie die Website aussieht und sich anfühlt. Dabei handelt es sich nur um grundlegende Codierung mit CSS, HTML, Javascript und vielleicht JQuery (obwohl dies aus der Mode kommt, da moderne Browser die gleiche Arbeit jetzt schneller erledigen können). Diese erfordern nicht mehr als einen modernen Computer.
Wenn Sie hingegen PhotoShop oder hochauflösende Bilder & Videos verwenden, sollten Sie Ihr Budget in Display, RAM & Speicherplatz investieren.
Es gibt noch einen anderen Grund, in Speicher zu investieren, als nur ein Display, das hochauflösende Bilder in ihrer wahren Farbe anzeigt: den Speicherplatz. Das heißt, Sie können ein Fenster zum Codieren und ein anderes Fenster, um zu sehen, wie die Ergebnisse zu aktualisieren oder folgen Tutorials.
Wenn Sie schwere IDEs wie Dreamweaver und VS Studio verwenden, sollten Sie auch auf RAM investieren & optional Speicher.
Back-End-Entwicklung
Auch wenn Back-End-Entwickler wissen, wie man HTML, CSS und so weiter benutzt. Sie müssen mit Java, PHP, Ruby on Rails, Python und .Net programmieren.
Das Hauptproblem bei diesen Sprachen sind nicht die Sprachen selbst, sondern die IDE, die viel Arbeitsspeicher benötigt und von einem schnellen Speicherlaufwerk profitiert. Es kann auch sein, dass sie Datenbanken lokal ausführen und sogar VMs verwenden, was zu mehr RAM & Speicherplatz führt.
Full Path Developer
Das bedeutet einfach, dass jemand sowohl an „Front End“ WD (Html, CSS, Javascript usw.) als auch an Backend-Code (Datenbanken, .net, Php, C#, Ruby usw.) arbeitet.
Was mich betrifft, so habe ich normalerweise immer mehrere Apps geöffnet: Atom zum Programmieren, Safari und Chrome zum Surfen und Testen, 4-5 Terminal-Fenster (zum Ausgeben von SQL-Anweisungen, Testen und Git-Aufgaben und Redis und…), 1-2 Finder-Fenster, Slack, Mail, Affinity Designer und SourceTree.
Student
Software
Denken Sie daran, dass TextMade, CodeKit, Atom und SublimeText nur Texteditoren sind, die für die Webentwicklung zugeschnitten sind und nichts Besonderes erfordern, in der Tat können Sie diese auf Ihrem iPhone ausführen. Ich würde diese Programme DreamWeaver vorziehen, wenn Ihr System zu langsam ist, um zu reagieren.
Es gibt nur zwei Arten von Software, die beim Kauf eines Computers für die Webentwicklung in Betracht gezogen werden sollten: PhotoShop oder Virtual Box.
Illustrator/Photoshop
Wenn Sie kleinere grafische Bearbeitungen vornehmen, hauptsächlich die Konvertierung von AI-Vektordateien in SVG und die Anpassung von Farben, brauchen Sie für PhotoShop weder einen Grafikprozessor noch riesige Mengen an Arbeitsspeicher oder eine High-End-CPU. Letztere ist sogar für Hardcore-Photoshop-Benutzer selten ein Engpass.
VirtualBox
Wenn Sie hingegen häufig mit einer Ubuntu Server VM arbeiten und Vagrant und VirtualBox verwenden, um Ihre Produktionsumgebung vor der Veröffentlichung zu simulieren, müssen Sie sicherstellen, dass Sie mindestens 8 GB RAM haben.
Hardware-Specs für die Webentwicklung
CPU
Generation
Wenn Menschen an die Geschwindigkeit von Computern denken, denken sie immer an die CPU – 2,9 GHz Intel Core i7, etc. Aber mit modernen CPUs, vor allem der 8. Generation, werden sie nie der Engpass sein (selbst wenn Sie VMs ausführen) und Webdesign ist kaum CPU-intensiv.
Wenn Sie jedoch all das Multitasking, das Sie oben gelesen haben, durchführen wollen, sollten Sie sich eine moderne CPU besorgen. Core i3, Core i5 oder Core i7 spielt keine Rolle, solange es sich um einen Prozessor der 7. oder 8. Generation handelt (die 6. Generation ist zwar etwas langsam, aber immer noch in Ordnung), sind Sie auf der sicheren Seite.
Cores
Eine große Ausnahme sind Entwickler, die auf virtuelle Maschinen angewiesen sind. Selbst dann muss man sich keine Sorgen um die CPU machen, da moderne CPUs mindestens zwei Kerne und +3GHz haben, beides ist genug, um eine oder zwei virtuelle Maschinen zu starten.
RAM
Andererseits ist der RAM wahrscheinlich die wichtigste Komponente für jeden Webentwickler. Die Menge an Multitasking kann wahnsinnig sein. Stellen Sie sich vor, Sie haben einen TextEditor, einen Webbrowser, eine virtuelle Maschine, einen SQL-Server und ein paar Webbrowser für Tutorials und ein Video und sogar ein Terminal geöffnet.
Wenn Sie dann noch eine umfangreiche IDE wie DreamWeaver oder Visual Studio verwenden, sind 4 GB ziemlich schnell aufgebraucht. Vergessen wir nicht PhotoShop und tausend Ebenen, die in ein Bild gequetscht werden.
8GB RAM: Sie brauchen mindestens 8 Gigabyte, das ist sogar genug, um einen lokalen Webserver oder eine virtuelle Maschine zu betreiben.
16GB RAM: Ich habe nie die Notwendigkeit gesehen, 16 GB zu haben. Wenn Sie jedoch vorhaben, ein professioneller Full-Stack-Entwickler zu werden, kann das sehr nützlich sein. Da die meisten Laptops aufrüstbar sind (mit Ausnahme der MacBooks und UltraBooks), können Sie sich dafür entscheiden, Ihren zu aktualisieren.
Speicher
Für Webdesign ist die Geschwindigkeit des Computers viel wichtiger als die CPU, vor allem jetzt, da die CPUs einfach viel zu schnell sind.
Speichergeschwindigkeit
Sie werden ständig viele Dateien öffnen und schließen, fast die ganze Zeit, und das bedeutet, dass Ihr Laptop Daten in/aus Dateien lesen/schreiben muss. Ein Speicherlaufwerk zu haben, das dies ein paar Sekunden schneller erledigt, ist ein großer Vorteil. Denken Sie daran, dass ein paar Sekunden, die sich mehrmals am Tag addieren, Stunden und weniger Zeit für die Arbeit an einem Projekt ausmachen können.
SSD (Solid State Drive)
Hier kommen SSDs ins Spiel: Sie können Daten bis zu 17-mal schneller lesen und schreiben als herkömmliche HDDs. Sie können auch schwere IDEs starten. Mein zwei Jahre altes ultradünnes Notebook auf SSD-Basis kann Windows 7 in neun Sekunden hochfahren, während mein MacBook Air in etwa 9 Sekunden hochfährt!
Festplattenspeicher
Für die wenigen Fälle, in denen Sie mit der Menge der Anwendungen, die Sie gleichzeitig starten, wie z. B. VirtualBox und PhotoShop, überfordert sind, wird der Arbeitsspeicher einfach nicht ausreichen. Ihr Computer wird dann dazu übergehen, Ihr Speichergerät als „extra RAM“ zu verwenden. Gott bewahre, wenn Sie noch eine 5400 RPM haben, denn dann wird sie schmerzhaft langsam sein. Auf der anderen Seite, wenn Sie eine SSD haben, wird die Geschwindigkeit nicht viel nachteilig für Ihren Arbeitsablauf sein.
Speicherplatz
Das Problem ist natürlich, dass Solid State Drives in der Regel nicht die „1TB HDD“ haben, die altmodische und langsame HDD Bricks haben. Als Webentwickler werden Sie jedoch nicht so viel Speicherplatz benötigen, 256 GB reichen aus und sind das, was Ihnen die meisten SSDs heute bieten.
Haltbarkeit
Wenn Sie wollen, dass Ihr Speicherlaufwerk zuverlässig ist und Sie sich nicht einmal auf Ihren Backup-Speicher verlassen können, würde ich Ihnen empfehlen, sich für Samsung 850 Evo SSD-Laufwerke zu entscheiden. Wenn nicht, sollten Sie jedes Speicherlaufwerk, egal ob HDD oder SSD, alle 2-3 Jahre austauschen.
Was ist mit meinen Backups?
Mit CarbonCopyCloner kann ich jeden zweiten Tag meine gesamte Festplatte auf ein externes Laufwerk klonen. Es gibt ähnliche Software für Windows-Maschinen, die Sie verwenden können.
Display
Wahrscheinlich die wichtigste Komponente für einen Webentwickler neben einer SSD (da RAM und CPU in der Regel anständig auf den meisten modernen Laptops sind). Warum?
Dies ist der Teil des Geräts, mit dem man am meisten interagiert. Sie starren ihn die ganze Zeit an, während Sie ihn benutzen.
Auflösung
Fast alle von Ihnen werden es nützlich finden, zwei Fenster zueinander geöffnet zu haben: IDE auf der linken Seite und Webbrowser auf der rechten Seite. Vielleicht möchten Sie sogar etwas Platz zum Kopieren/Einfügen von Code in EverNote haben, um ihn in Ihrer IDE auszuprobieren.
Es kommt nicht so sehr auf die Größe an, sondern auf die Auflösung, um all dies zu tun.
1600×900: sollte das absolute Minimum sein, alles darunter wird dir immer das Gefühl geben, dass du nicht genug Platz hast, selbst wenn du einen weiteren Bildschirm hast. Ich habe diesen Fehler einmal gemacht, zum Glück war es möglich, meinen Bildschirm durch Austausch des LCDs aufzurüsten (ich hatte damals ein ThinkPad). Aber das ist nicht immer möglich, eigentlich fast nie.
1900×800: Dies ist die perfekte Auflösung, für die Sie Ihr Budget ernsthaft investieren sollten (auch wenn Sie dafür andere Komponenten opfern müssen). Sie können die Auflösung immer verringern, aber nicht erhöhen!
Größe
Persönlich ist mein idealer Bildschirm 15″, aber ich kenne viele Leute, die die Tragbarkeit von Laptops mit einem 14″-Bildschirm oder ven 13″-Bildschirm mögen. Auch das sind gute Größen. Alles, was kleiner ist, gepaart mit kleinen Schriftgrößen, kann die Augen belasten.
Beachten Sie, dass der kleine Bildschirm die Größe der Schrift überhaupt nicht beeinflussen sollte, Sie können sie immer ändern. Es steuert nur, wie groß die Fenster sind.
Ich benutze normalerweise die kleinste Option zur Textskalierung und nebeneinander reicht nicht wirklich aus. Ich teile meine Fenster oben und unten. Wenn ich wirklich einen zweiten Monitor brauche und meinen Desktop nicht benutze, schließe ich ein iPad an, das als zweiter Monitor dient. Das ist etwas, was ich auch auf einem 13″ MBP gemacht habe. Einen 15″-Laptop habe ich noch nicht ausprobiert, da er zu sperrig ist, um ihn überallhin mitzunehmen
IPS
Ein großer horizontaler und vertikaler Betrachtungswinkel ist ebenfalls ein Glücksfall. Abgesehen davon, dass er ein großes Plus für Ihren Arbeitsablauf ist, kann der Betrachtungswinkel auch wichtig sein, wenn Sie eine Paarprogrammierung durchführen oder wenn Sie Ihre Arbeit potenziellen Kunden/Vorgesetzten zeigen wollen.
Dies ist nur mit IPS-Displays möglich. Ein weiteres großes Plus von IPS-Displays ist ihre Farbgenauigkeit
Glänzend vs. matt
Während glänzende Bildschirme Spaß machen, sind matte, entspiegelte Bildschirme viel angenehmer für die Augen, besonders über viele Stunden hinweg.
ThunderCat-Anschlüsse und zwei Monitore
Moderne Laptops können jetzt mit „ThunderBolt“-Anschlüssen oder USB-Typ-C-Anschlüssen ausgestattet sein. Sie können zwei externe Monitore anschließen, wenn Sie einen haben, denn Sie können auch einen HDMI-Anschluss verwenden, um einen externen Monitor anzuschließen.
Andere Faktoren
Gamut
Einige mögen sagen, dass der Farbumfang nicht so wichtig ist, aber wenn Sie ein Front-End-Entwickler sind, kann er es sein.
An dem Tag, an dem Sie zwei Bildschirme angeschlossen haben und feststellen, dass Blau- und Rottöne auf dem anderen Bildschirm lila und orange aussehen, werden Sie sich wünschen, Sie hätten einen Laptop mit einem besseren Farbumfang, um sicher zu sein, welche Farbe Sie verwenden.
Wenn Sie wissen, dass Sie die richtigen Farben sehen, können Sie auch anderen sagen, dass ihr Bildschirm die Farben falsch anzeigt.
TouchScreen
Schließlich das Thema Touchscreen. Berührungsbildschirme sind vielleicht nicht etwas, woran man jetzt denkt, aber für die Zukunft sind sie auf jeden Fall vorgesehen.
Tablets, Smartphones – wenn Sie sicherstellen wollen, dass Ihre Websites damit funktionieren, ist es wahrscheinlich ratsam, sich einen Laptop mit Touchscreen zuzulegen, wenn Sie es sich schon leisten können.
GPU
Dedizierte Grafikkarten sind für so ziemlich jeden Webentwickler nicht notwendig, es sei denn, Sie planen, Videospiele zu entwickeln.
Die in die CPU-Chips eingebaute „Intel HD“-Grafikkarte reicht völlig aus.
Tastatur
Das Tippen auf einer minderwertigen Tastatur verlangsamt Ihre Arbeit und senkt Ihre Motivation. Wenn Sie 8-15 Stunden am Tag Code tippen, wollen Sie, dass Ihre Finger glücklich sind!
Die besten Tastaturen zu finden ist nicht einfach, aber hier sind ein paar allgemeine Richtlinien (und empfohlene Modelle):
MacBooks: Sie haben die besten Tastaturen auf dem Markt, genug gesagt.
ThinkPads: Es geht nichts über die legendären Tastaturen dieser Geräte.
- Wenn Sie im Laden eine Seite Text eintippen, nachdem Sie dies auf einigen Laptops getan haben, werden Sie schnell feststellen, dass sie nicht gleich sind, und Sie werden unbewusst denjenigen auswählen, der sich am besten anfühlt, sich dann das Modell aufschreiben und einen vom selben Hersteller bestellen (mit einer stärkeren Konfiguration je nach Ihren Bedürfnissen).
BackLit KeyBoard
Vergessen Sie nicht die Beleuchtung für die Tastatur.
Programmierer arbeiten oft, bis es draußen dunkel ist. Eine gut beleuchtete Tastatur kann für die Schlafenden weniger störend sein als ein helles Licht.
Versuchen Sie einmal, bei ausgeschaltetem Licht auf einer vollkommen flachen Tastatur zu tippen. Es ist viel schwieriger, als Sie vielleicht denken. Besorgen Sie sich eine gute Decken- oder Hintergrundbeleuchtung für Ihre Tastatur, wenn Sie in solche Situationen geraten.
Trackpad
Ich würde ernsthaft empfehlen, auf eine Maus umzusteigen. Ich habe meinen Arbeitsablauf um ein Vielfaches verbessert. Auf der anderen Seite, wenn Sie nur an TrackPads gewöhnt sind, sollten Sie, wenn Sie in den Laden gehen, sicher sein, dass Sie sie gründlich testen, ich meine, Sie werden dieses Ding den ganzen Tag benutzen.
So schauen Sie es nicht nur an, probieren Sie es aus. Ist es reaktionsschnell? Kannst du damit scrollen? Ist es Multitouch? Hat sie physische Maustasten, die nicht nur Teil des Trackpads sind? Versuchen Sie, etwas zu ziehen und abzulegen. Versuchen Sie einen Rechtsklick.
Wifi
AC Wireless Adapter
Das Internet ist wie ein Auto: je schneller, desto besser. Dateien blitzschnell hoch- und runterladen zu können, ist einfach ein gutes Gefühl. Wenn du bei Google nach speziellen Tipps suchst, wie man etwas macht, ist Geschwindigkeit das A und O!
Denke daran, dass du Code schreiben und Anweisungen aus Dokumentationen befolgen wirst, manchmal auch auf Youtube-Tutorials zurückgreifst oder den Code von jemandem wiederverwendest.
Wenn es in deinem Teil der Welt verfügbar ist, hol es dir. Die meisten Laptops haben es heute sowieso, aber stellen Sie sicher, dass Ihr Computer es auch hat. Sogar mein 55 Jahre alter Nachbar hat es.