Derniers mots:
Bien c’est tout les gens si vous êtes constamment en déplacement, je vous recommanderais de vraiment considérer les ultrabooks premiul ou les appareils portables (même la Surface Pro fonctionnera pour le développement Web).
Si vous restez principalement à un endroit, vous pouvez considérer n’importe quel ordinateur portable moderne avec un écran+clavier décent. Vous ne pouvez pas vous tromper.
À la fin de la journée, tous les ordinateurs portables ont des claviers et des écrans, ce qui est suffisant pour développer.
Comment acheter un ordinateur portable pour le développement Web
Comme je l’ai dit sans en savoir plus sur le scénario particulier, il sera très difficile de décrocher le bon ordinateur portable pour le développement Web. En plus de jeter de l’argent au problème, il y a quelques choses que vous devriez essayer cependant:
Mise à niveau d’une vieille machine
Avant de jeter 1000 $ sur un nouvel ordinateur portable, demandez-vous si peut-être l’un des problèmes actuels que vous rencontrez peut être résolu économiquement. C’est-à-dire, en mettant à niveau votre machine actuelle.
Le développement web n’est pas du tout exigeant en termes de matériel. Peut-être qu’un beau disque SSD ou une nouvelle clé de RAM pourrait faire l’affaire, à condition bien sûr que vous ayez un écran et un clavier décents, même les deux derniers peuvent être corrigés (en achetant un écran externe + un clavier externe).
Avant toute mise à niveau, découvrez ce qui mange les ressources de votre système :
1. Faites le bon vieux CTRL+ALT+DEL. Est-ce simplement que votre application est gourmande en ressources, ou est-elle en concurrence avec trois douzaines d’onglets de navigateur ouverts et un IDE lourd ?
2, donnez à mon Comment mettre à niveau la RAM ou le dispositif de stockage de votre ordinateur portable une bonne lecture.
Downgrading OS/Quitter un IDE
Notez également que les choses peuvent être ralenties par la mise à niveau vers une nouvelle version d’OS.
J’ai commencé à utiliser un stockMPB de mi-2010 depuis 4 ans et il a commencé à devenir lent alors que je continuais à mettre à jour l’OS (Windows 10 prend actuellement 4 Go ). Ce qui a vraiment rendu mes logiciels lents (principalement PS CS6) et qui a fait acheter un autre MacBook Pro entier était la mise à niveau vers Mavericks.
Notez que Dreamweaver et PS en même temps prennent également environ 4 Go. Si vous tout à fait utiliser Dreamweaver (je l’ai fait et il y a plusieurs autres options), vous pourriez libérer votre système d’une énorme quantité de ressources. Cela remplacera même entièrement la nécessité de mettre à niveau votre système.
Désinstallation de logiciels
Une autre chose à garder à l’esprit est ce que vous avez installé sur votre ordinateur portable (en dehors des logiciels de web dev). Mes ordinateurs portables ont été assez solides au fil des ans, sauf quand je commence à y installer des jeux. C’est peut-être juste une coïncidence, mais je dis juste que j’ai remarqué un modèle. Tant que je garde les jeux hors de mon ordinateur portable, je semble très rarement avoir des problèmes avec lui.
Soyez donc conscient de ce que vous installez sur votre ordinateur portable. Si vous voulez juste essayer un logiciel d’essai, faites-le dans une machine virtuelle et ne l’installez sur le système d’exploitation de votre ordinateur que lorsque vous vous sentez en confiance avec lui.
C’est à ça que servent les logiciels d’essai… à les essayer quand même.
Développeurs web
Avant de parler de cela, avant de parler du matériel pour le développement web, nous devons parler des développeurs web, en particulier des logiciels qu’ils utilisent et du type de flux de travail.
Pourquoi est-ce que je m’embête avec ça ? Eh bien, je suis conscient qu’il y a un énorme pourcentage de personnes qui lisent ceci et qui commencent tout juste à entrer dans le domaine.
Cela se résume vraiment à quel type de développement web envisagez-vous de faire ? Front-end ? Back-end ? Full Stack ? Quels outils prévoyez-vous d’utiliser ?
Développeur web frontal
Si vous êtes un développeur frontal, vous serez surtout concerné par l’aspect et la convivialité du site. Il s’agit simplement de codage de base avec CSS, HTML, Javascript et peut-être JQuery (bien que cela passe de mode puisque les navigateurs modernes peuvent maintenant faire le même travail mais plus rapidement). Ceux-ci ne nécessitent rien de plus qu’un ordinateur moderne de base.
D’autre part , si vous utilisez PhotoShop ou des images haute résolution &vidéos, alors vous voudrez peut-être investir votre budget sur l’affichage, la RAM &le stockage.
Il y a une autre raison d’investir sur le stockage que d’avoir un écran qui affiche les images haute résolution à leur vraie couleur : l’espace. C’est-à-dire que vous pouvez avoir une fenêtre pour coder et une autre fenêtre pour voir comment mettre à jour les résultats ou suivre des tutoriels.
Si vous utilisez des IDE lourds comme Dreamweaver et VS Studio, vous devriez également investir sur la RAM &en option le stockage.
Développement back-end
Bien que les développeurs back-end sachent comment utiliser HTML,CSS et ainsi de suite. Ils doivent coder avec Java, PHP, Ruby on Rails, Python et .Net.
Le principal problème avec ceux-ci ne sont pas les langages eux-mêmes mais l’IDE qui prend beaucoup de RAM et bénéficie d’un disque de stockage rapide. Ils pourraient également exécuter des bases de données localement et même utiliser des VM, ce qui ajoute à plus de RAM & Stockage.
Développeur full path
Cela signifie simplement que quelqu’un travaille à la fois sur le WD « Front End » (Html, CSS, javascript etc) et sur le code backend (bases de données, .net, Php, C#, Ruby etc).
En ce qui me concerne, j’ai généralement plusieurs applications ouvertes à tout moment : Atom pour coder, Safari et Chrome pour la navigation web et les tests, 4-5 fenêtres de terminal (émission d’instructions SQL, tests, et tâches Git, et Redis, et…), 1-2 fenêtres Finder, Slack, Mail, Affinity Designer et SourceTree.
Etudiant
Les logiciels
N’oubliez pas que TextMade, CodeKit, Atom et SublimeText sont juste des éditeurs de texte adaptés au développement web ne nécessitent rien de spécial, en fait, vous pouvez les exécuter sur votre iPhone. Je les suggérerais plutôt que DreamWeaver si votre système est trop lent pour répondre.
Il n’y a que deux types de logiciels qui valent la peine d’être pris en considération lors de l’achat d’un ordinateur pour le développement web : PhotoShop ou Virtual Box.
Illustrator/Photoshop
Si vous faites de l’édition graphique mineure, principalement la conversion de fichiers AI vectoriels en SVG et la retouche des couleurs, vous n’avez pas besoin d’un GPU pour PhotoShop ni d’énormes quantités de RAM ou d’un CPU haut de gamme. Ce dernier est en fait rarement un goulot d’étranglement, même pour les utilisateurs hardcore de photoshop.
VirtualBox
En revanche, si vous travaillez souvent avec une VM Ubuntu Server en utilisant Vagrant et VirtualBox pour simuler votre environnement de production avant la sortie, vous devez vous assurer que vous avez au moins 8 Go de RAM.
Spécifications du matériel informatique pour le développement Web
CPU
Génération
Lorsque les gens pensent à la vitesse d’un ordinateur, ils pensent toujours au CPU – 2,9 GHz Intel Core i7, etc. Mais avec les CPU modernes, en particulier la 8ème génération, ils ne seront jamais le goulot d’étranglement (même si vous exécutez des VM) plus la conception web est à peine intensive en CPU.
Cependant, si vous voulez lancer tout le multitâche que vous avez lu ci-dessus, vous devriez obtenir un CPU moderne. Core i3, Core i5 ou Core i7 n’a pas vraiment d’importance tant qu’il est de la 7e et 8e génération (la 6e pourrait être poussée mais c’est encore bien), vous serez bien.
Cores
Une énorme exception pourrait être les développeurs qui s’appuient sur des machines virtuelles. Même dans ce cas, il n’y a pas beaucoup de besoin de s’inquiéter du CPU puisque les CPU modernes ont au moins deux cœurs et +3GHz, les deux sont suffisants pour lancer une machine virtuelle ou deux.
RAM
D’autre part, la RAM est probablement le composant le plus important pour tout développeur Web. La quantité de multitâches peut être insensée. Imaginez simplement avoir un textEditor un navigateur web une machine virtuelle un serveur SQL et quelques navigateurs web pour des tutoriels et une vidéo et même un terminal ouvert.
Ajoutons au mélange que vous utilisez un IDE lourd comme DreamWeaver ou Visual Studio et 4 Go seront partis assez rapidement. N’oublions pas PhotoShop et un millier de couches brouillées dans une image.
8 Go de RAM : Vous avez besoin d’au moins 8 Gigs, c’est même suffisant pour faire fonctionner un serveur web local ou une machine virtuelle.
16GB RAM : Je n’ai jamais vu la nécessité d’avoir 16 Go. Cependant, si vous envisagez de devenir un développeur proffessionnel full stack, cela peut s’avérer utile. Comme la plupart des ordinateurs portables sont évolutifs (sauf les MacBooks et UltraBooks), vous pouvez choisir de mettre à jour le vôtre.
Stockage
Pour la conception web, la vitesse de l’ordinateur est beaucoup plus sur le disque dur plutôt que le CPU, surtout maintenant que les CPU sont juste beaucoup trop rapides.
Vitesse de stockage
Vous serez constamment en train d’ouvrir et de fermer beaucoup de fichiers, presque tout le temps, et cela signifie que votre ordinateur portable doit lire/écrire des données vers/depuis des fichiers. Avoir un disque de stockage qui fait cela quelques secondes plus vite est un énorme avantage. Rappelez-vous que quelques secondes additionnées plusieurs fois dans la journée peuvent se traduire par des heures et du temps en moins à travailler sur un projet.
SSD (Solid State Drive)
C’est là que les SSD sont pratiques ils peuvent lire/écrire des données jusqu’à 17 fois plus vite que les disques durs traditionnels. Ils peuvent également lancer des IDE lourds. Mon ordinateur portable ultra-mince de deux ans basé sur un SSD peut démarrer Windows 7 à froid en neuf secondes, alors que mon MacBook Air démarre en environ 9 secondes !
Mémoire du disque
Pour les quelques cas où vous devenez fou avec la quantité d’applications que vous lancez, virtualBox et PhotoShop en même temps, la RAM ne sera tout simplement pas suffisante. Votre ordinateur se mettra alors à utiliser votre périphérique de stockage comme « RAM supplémentaire ». Il ne faut surtout pas que vous ayez encore un disque 5400 RPM, car il sera terriblement lent. D’autre part, si vous avez un SSD, la vitesse ne sera pas beaucoup préjudiciable à votre flux de travail.
Espace
Le problème est bien sûr que les Solid State Drives n’ont généralement pas le « 1TB HDD » que les vieilles briques de disque dur lentes et à la mode ont. En tant que développeur web cependant, vous n’aurez pas besoin d’autant d’espace 256 Go sera suffisant et c’est ce que la plupart des SSD vous offrent aujourd’hui.
Durabilité
Si vous voulez que votre disque de stockage soit fiable, et que vous ne pouvez même pas faire confiance à votre stockage de sauvegarde, je recommanderais d’aller pour les disques SSD Samsung 850 Evo. Sinon, quel que soit le disque de stockage que vous avez, que ce soit un disque dur ou un SSD, remplacez-le tous les 2 ou 3 ans.
Qu’en est-il de mes sauvegardes ?
Vous pouvez utiliser CarbonCopyCloner pour cloner tout mon disque sur un disque externe tous les deux jours. Il existe des logiciels similaires pour les machines Windows que vous pouvez utiliser.
Affichage
Probablement le composant le plus important pour un développeur web en dehors d’un SSD (puisque la RAM et le CPU sont généralement décents sur la plupart des ordinateurs portables modernes). Pourquoi ?
C’est la partie de la machine avec laquelle vous interagissez physiquement plus que toute autre partie. Vous la fixez tout le temps que vous l’utilisez.
Résolution
Virtuellement, vous trouverez tous utile d’avoir deux volets ouverts l’un à l’autre : IDE à gauche et Navigateur Web à droite. Vous pourriez même vouloir un peu d’espace pour copier/coller du code dans EverNote pour l’essayer sur votre IDE.
Ce n’est pas trop une question de taille pour faire tout cela mais de résolution.
1600×900 : devrait être le strict minimum tout ce qui est moins vous aurez toujours l’impression de ne pas avoir assez d’espace même si vous avez un autre écran. J’ai fait cette erreur une fois, heureusement, il était possible d’améliorer mon écran en remplaçant le LCD (j’avais un ThinkPad à l’époque). Cependant, ce n’est pas toujours possible , en fait, presque jamais.
1900×800 : C’est la résolution parfaite, vous devriez sérieusement investir votre budget (même si vous devez sacrifier tout autre composant) sur celle-ci. Vous pouvez toujours réduire la résolution mais vous ne pouvez pas l’augmenter !
Taille
Personnellement, mon écran idéal est de 15″ mais je connais beaucoup de gens qui aiment la portabilité des ordinateurs portables avec un écran de 14″ ou ven 13″. Ce sont de bonnes tailles aussi. Tout ce qui est moins jumelé avec de petites tailles de police peut fatiguer vos yeux.
Notez que le petit écran ne devrait pas du tout affecter la taille de la police, vous pouvez toujours les changer. Il contrôlera juste la taille de vos fenêtres.
J’utilise normalement la plus petite option de mise à l’échelle du texte et côte à côte ne le coupe pas vraiment. Je divise mes pannes en haut et en bas. Quand j’ai vraiment besoin d’un 2e moniteur et que je n’utilise pas mon bureau, je branche un iPad pour servir de 2e moniteur. C’est quelque chose que je faisais également sur un MBP 13″. Je n’ai pas essayé un portable 15″ car il est trop encombrant pour être transporté partout
IPS
Un grand angle de vision horizontal et vertical est également un don du ciel. En plus d’être un énorme plus pour votre flux de travail, les angles de vision peuvent être importants est si vous faites de la programmation en binôme ou si vous montrez votre travail à des clients/patrons potentiels.
Ce n’est possible qu’avec les écrans IPS. Un autre énorme plus de l’écran IPS est leur précision des couleurs
Glossy vs Matte
Alors que les écrans brillants sont amusants à regarder, les écrans mats antireflets sont beaucoup plus faciles pour les yeux surtout pendant de nombreuses heures.
Ports ThunderBolt et doubles moniteurs
Les ordinateurs portables modernes peuvent maintenant être équipés de ports « ThunderBolt » ou de ports USB Type-C. Vous pouvez jeter dans deux moniteurs externes si votre en a un, c’est parce que vous pouvez également utiliser un HDMI pour attacher un moniteur externe.
Autres facteurs
Gamut
Certains pourraient dire que la gamme de couleurs n’est pas si importante cependant si vous êtes un développeur frontal, elle peut l’être.
Le jour où vous aurez deux écrans connectés et que vous remarquerez que les bleus et les rouges paraissent violets et orange sur votre autre écran, vous souhaiterez avoir un ordinateur portable avec un meilleur gamut d’écran pour être sûr de la couleur que vous utilisez.
En outre, lorsque vous savez que vous voyez les bonnes couleurs, vous pouvez vous sentir en sécurité en disant aux autres que c’est leur écran qui affiche mal les couleurs.
TouchScreen
Enfin, la question des écrans tactiles. Les interfaces tactiles ne sont peut-être pas à retenir pour l’instant, mais elles sont bel et bien dans les livres pour l’avenir.
Tablettes, smartphones – si vous voulez vous assurer que vos sites Web fonctionnent avec ceux-ci, il est probablement sage d’obtenir un ordinateur portable avec écran tactile si vous pouvez déjà vous le permettre.
GPU
Carte graphique dédiée ne sont pas nécessaires pour à peu près n’importe quel développeur Web, c’est-à-dire, à moins que vous prévoyez de développer des jeux vidéo.
La vidéo Intel intégrée dans les puces du processeur « Intel HD » graphics fera très bien l’affaire.
Clavier
Taper sur un clavier de mauvaise qualité ralentira votre travail et fera baisser votre motivation. Si vous allez taper du code pendant 8 à 15 heures par jour, vous voulez que vos doigts soient heureux !
La recherche des meilleurs claviers n’est pas facile, mais voici quelques lignes directrices générales (et les modèles recommandés) :
MacBooks : Ils ont les meilleurs claviers du marché, assez dit.
ThinkPads : Il n’y a rien de tel que de travailler sur les claviers légendaires que l’on trouve sur ces derniers.
- Lorsque vous irez au magasin taper une page de texte après avoir fait cela sur quelques ordinateurs portables, vous réaliserez rapidement qu’ils ne sont pas les mêmes et vous choisirez inconsciemment celui qui vous semble le mieux, noterez le modèle ensuite et en commanderez un du même fabricant (avec une configuration plus musclée selon vos besoins).
Clavier rétro-éclairé
N’oubliez pas l’éclairage du clavier.
Les programmeurs travaillent souvent jusqu’à ce qu’il fasse nuit dehors. Un clavier bien éclairé peut être moins dérangeant pour ceux qui dorment que d’avoir une lumière vive allumée.
Essayez de taper sur un clavier parfaitement plat avec les lumières éteintes. C’est beaucoup plus difficile que vous ne le pensez. Obtenez un bon éclairage de plafond ou arrière pour votre clavier si vous rencontrez ces situations.
Trackpad
Je recommande sérieusement le passage à une souris. J’ai amélioré mon flux de travail de façon multiple. D’autre part, si vous êtes juste habitué aux TrackPads, lorsque vous allez au magasin, assurez-vous de les tester minutieusement je veux dire que vous allez utiliser cette chose toute la journée.
Donc ne vous contentez pas de le regarder, essayez-le. Est-il réactif ? Pouvez-vous faire défiler avec ? Est-il multi-touch ? A-t-il des boutons physiques de souris qui ne font pas seulement partie du trackpad ? Essayez de faire glisser et de déposer quelque chose. Essayez de faire un clic droit.
Wifi
Adaptateur sans fil AC
L’internet est comme une voiture : plus c’est rapide, mieux c’est. Pouvoir charger et télécharger des fichiers en un clin d’œil, ça fait du bien. Lorsque vous recherchez des conseils spécifiques sur la façon de faire quelque chose sur Google, la vitesse est essentielle !
N’oubliez pas que vous écrirez du code et suivrez des instructions à partir de documentations recourant parfois à des tutoriels youtube ou réutilisant le code de quelqu’un aussi.
S’il est disponible dans votre partie du monde, obtenez-le. La plupart des ordinateurs portables d’aujourd’hui l’ont de toute façon, il suffit de s’assurer que le vôtre l’a aussi. Même mon voisin de 55 ans l’a.