Últimas palabras:
Bueno, eso es todo amigos, si estáis constantemente en movimiento, os recomendaría que considerarais realmente los ultrabooks premiul o los dispositivos portátiles (incluso el Surface Pro funcionará para el desarrollo web).
Si te quedas principalmente en un lugar, puedes considerar cualquier portátil moderno con una pantalla+teclado decente. Usted no puede ir mal.
Al final del día todos los portátiles tienen teclados y pantallas que es suficiente para desarrollar.
Cómo comprar un ordenador portátil para el desarrollo web
Como he dicho sin saber más sobre el escenario particular, será muy difícil de aterrizar el portátil adecuado para el desarrollo web. Además de tirar el dinero en el problema, hay algunas cosas que usted debe tratar sin embargo:
La actualización de una máquina vieja
Antes de tirar hacia abajo $ 1000 en un nuevo ordenador portátil, pregúntese si tal vez alguno de los problemas actuales que se enfrentan puede ser resuelto económicamente. Es decir, actualizando su máquina actual.
El desarrollo web no es para nada exigente en cuanto a hardware. Tal vez una buena unidad SSD o una nueva memoria RAM podría hacer el truco, siempre y cuando, por supuesto, usted tiene una pantalla decente y el teclado incluso los dos últimos se puede arreglar (mediante la compra de un monitor externo + teclado externo).
Antes de hacer cualquier actualización averiguar lo que está comiendo sus recursos del sistema:
1. Haz el viejo CTRL+ALT+DEL. ¿Es sólo que su aplicación consume muchos recursos, o está compitiendo con tres docenas de pestañas abiertas del navegador y un IDE pesado?
2, Dar mi Cómo actualizar su memoria RAM del ordenador portátil o dispositivo de almacenamiento una buena lectura.
Downgrading OS/Quitting an IDE
También tenga en cuenta que las cosas pueden ser más lento al actualizar a una nueva versión del sistema operativo.
Empecé a usar un stock de mediados de 2010MPB durante los últimos 4 años y comenzó a ser lento como seguí actualizando el sistema operativo (Windows 10 actualmente toma 4GB ). Lo que realmente consiguió mi software lento (sobre todo PS CS6) y que hizo comprar otro MacBook Pro entero fue la actualización a Mavericks.
Nota que Dreamweaver y PS al mismo tiempo también toman alrededor de 4GB. Si dejas de usar Dreamweaver (yo lo hice y hay varias opciones más) podrías liberar tu sistema de una gran cantidad de recursos. Incluso sustituirá por completo la necesidad de actualizar su sistema.
Desinstalación de software
Otra cosa a tener en cuenta es lo que tiene instalado en su portátil (además del software de desarrollo web). Mis portátiles han sido bastante sólidos a lo largo de los años, excepto cuando empiezo a instalar juegos en ellos. Puede que sea sólo una coincidencia, pero sólo digo que he notado un patrón. Mientras mantenga los juegos fuera de mi portátil, muy raramente parece que tenga problemas con él.
Así que ten cuidado con lo que instalas en tu portátil. Si sólo quieres probar un software de prueba, hazlo en una máquina virtual y sólo instálalo en el sistema operativo de tu ordenador cuando te sientas seguro con él.
Para eso está el software de prueba… para probarlo como sea.
Desarrolladores web
Antes de hablar del hardware para el desarrollo web, tenemos que hablar de los desarrolladores web, especialmente del software que utilizan y del tipo de flujo de trabajo.
¿Por qué me estoy molestando con esto? Bueno, soy consciente de que hay un gran porcentaje de personas que leen esto que están empezando a entrar en el campo.
Realmente se reduce a qué tipo de desarrollo web planeas hacer? ¿Front-end? ¿Graduado? ¿Grupo completo? ¿Qué herramientas estás planeando usar?
Desarrollador web de front-end
Si eres un desarrollador de front-end, te preocuparás principalmente de cómo se ve y se siente el sitio. Esto es sólo la codificación básica con CSS, HTML, Javascript y tal vez JQuery (aunque esto está pasando de moda ya que los navegadores modernos ahora pueden hacer el mismo trabajo pero más rápidamente). Estos requieren nada más que un ordenador moderno básico.
Por otro lado , si usted está usando PhotoShop o imágenes de alta resolución & videos, entonces es posible que desee invertir su presupuesto en la pantalla, RAM & almacenamiento.
Hay otra razón para invertir en el almacenamiento que acaba de tener una pantalla que muestra imágenes de alta resolución a su verdadero color: el espacio. Es decir, puedes tener una ventana para codificar y otra para ver cómo se actualizan los resultados o seguir tutoriales.
Si utilizas IDEs pesados como Dreamweaver y VS Studio, también deberías invertir en RAM & opcionalmente en almacenamiento.
Desarrollo de Back End
Aunque los desarrolladores de Back End saben cómo usar HTML, CSS y demás. Necesitan codificar con Java, PHP, Ruby on Rails, Python y .Net.
El principal problema con estos no son los lenguajes en sí mismos, sino el IDE que toma una gran cantidad de RAM y se beneficia de una unidad de almacenamiento rápido. También podrían estar ejecutando bases de datos localmente e incluso utilizando VMs que se suma a más RAM & Almacenamiento.
Full Path Developer
Esto sólo significa que alguien trabaja en ambos «Front End» WD (Html, CSS, javascript, etc) y en el código backend (bases de datos, .net, Php, C#, Ruby, etc).
En cuanto a mí, por lo general tengo varias aplicaciones abiertas en todo momento: Atom para codificar, Safari y Chrome para navegar por la web y hacer pruebas, 4-5 ventanas de terminal (emitiendo sentencias SQL, pruebas, y tareas Git, y Redis, y…), 1-2 ventanas de Finder, Slack, Mail, Affinity Designer y SourceTree.
Estudiante
Software
Tenga en cuenta que TextMade, CodeKit, Atom y SublimeText son sólo editores de texto adaptados para el desarrollo web no requieren nada especial, de hecho, puede ejecutar estos en su iPhone. Yo sugeriría estos sobre DreamWeaver si su sistema es demasiado lento para responder.
Sólo hay dos tipos de software que vale la pena tener en cuenta al comprar un ordenador para el desarrollo web: PhotoShop o Virtual Box.
Illustrator/Photoshop
Si haces una edición gráfica menor, principalmente convertir archivos vectoriales AI a SVG y ajustar los colores, no necesitas una GPU para PhotoShop ni grandes cantidades de RAM o una CPU de gama alta. Este último es en realidad rara vez un cuello de botella, incluso para los usuarios de photoshop hardcore.
VirtualBox
Por otro lado, si a menudo trabajan con una VM de Ubuntu Server utilizando Vagrant y VirtualBox para simular su entorno de producción antes de la liberación que necesita para asegurarse de que tiene al menos 8 GB de RAM.
Especificaciones del hardware para el desarrollo web
CPU
Generación
Cuando la gente piensa en la velocidad del ordenador, siempre piensa en la CPU-2,9 GHz Intel Core i7, etc. Pero con las CPUs modernas, especialmente las de 8ª generación, nunca serán el cuello de botella (incluso si estás ejecutando VMs) además el diseño web apenas es intensivo en cuanto a la CPU.
Sin embargo, si quieres lanzar toda la multitarea que has leído arriba, deberías conseguir una CPU moderna. Core i3, Core i5 o Core i7 no importa realmente, siempre y cuando sea de la 7ª y 8ª generación (la 6ª podría estar empujando, pero todavía está bien) usted estará bien.
Cores
Una gran excepción podría ser los desarrolladores que dependen de las máquinas virtuales. Incluso entonces no hay mucha necesidad de preocuparse por la CPU ya que las CPUs modernas tienen al menos dos núcleos y +3GHz, ambos son suficientes para lanzar una máquina virtual o dos.
RAM
Por otro lado, la RAM es probablemente el componente más importante para cualquier desarrollador web. La cantidad de multitarea puede ser una locura. Sólo imagina tener un editor de texto, un navegador web, una máquina virtual, un servidor SQL y unos cuantos navegadores web para tutoriales, un vídeo e incluso un terminal abiertos. No nos olvidemos de PhotoShop y mil capas atascadas en una imagen.
8GB de RAM: Necesitas al menos 8 gigas, esto es incluso suficiente para ejecutar un servidor web local o una máquina virtual.
16GB RAM: Nunca vi la necesidad de tener 16GB. Sin embargo, si usted planea convertirse en un desarrollador profesional de pila completa, puede ser útil. Como la mayoría de los portátiles son actualizables (excepto los MacBooks y UltraBooks) puedes optar por actualizar el tuyo.
Almacenamiento
Para el diseño web, la velocidad del ordenador tiene que ver mucho más con el disco duro que con la CPU, especialmente ahora que las CPUs son demasiado rápidas.
Velocidad de Almacenamiento
Estarás constantemente abriendo y cerrando un montón de archivos, casi todo el tiempo, y esto significa que tu portátil tiene que leer/escribir datos a/desde archivos. Tener una unidad de almacenamiento que haga esto unos segundos más rápido es una gran ventaja. Recuerde que unos pocos segundos sumados varias veces a lo largo del día pueden sumar horas y menos tiempo de trabajo en un proyecto.
SSD (Unidad de Estado Sólido)
Aquí es donde los SSD son útiles pueden leer/escribir datos hasta 17 veces más rápido que los HDD tradicionales. También pueden lanzar IDEs pesados. Mi portátil ultradelgado con dos años de antigüedad puede arrancar Windows 7 en frío en nueve segundos, mientras que mi MacBook Air arranca en unos 9 segundos
Memoria de disco
Para los pocos casos en los que te vuelves loco con la cantidad de aplicaciones que estás lanzando, virtualBox y PhotoShop al mismo tiempo, la RAM no será suficiente. Su equipo pasará a utilizar su dispositivo de almacenamiento como «RAM extra». Dios no lo quiera si todavía tienes un 5400 RPM porque será dolorosamente lento. Por otro lado, si tiene un SSD, la velocidad no será muy perjudicial para su flujo de trabajo.
Espacio
El problema es, por supuesto, que las unidades de estado sólido no suelen tener el «disco duro de 1TB» que tienen los antiguos y lentos ladrillos HDD. Como desarrollador web, aunque no necesitarás tanto espacio, 256 GB serán suficientes y es lo que la mayoría de los SSD te ofrecen hoy en día.
Durabilidad
Si quieres que tu unidad de almacenamiento sea fiable, y ni siquiera puedes confiar en tu almacenamiento de copia de seguridad, te recomendaría ir a por las unidades SSD Samsung 850 Evo. Si no, sea cual sea la unidad de almacenamiento que tengas, ya sea un HDD o un SSD, sustitúyela cada 2-3 años.
¿Qué pasa con mis copias de seguridad?
Puedes usar CarbonCopyCloner para clonar todo mi disco en una unidad externa cada dos días. Hay software similar para máquinas Windows que puedes utilizar.
Pantalla
Probablemente el componente más importante para un desarrollador web además de un SSD (ya que la RAM y la CPU suelen ser decentes en la mayoría de los portátiles modernos). ¿Por qué?
Es la parte de la máquina con la que más interactúas físicamente. Usted está mirando a ella todo el tiempo que está utilizando.
Resolución
Virtualmente todos ustedes encontrarán útil tener dos paneles abiertos el uno al otro: IDE a la izquierda y Navegador Web a la derecha. Incluso podríais querer algo de espacio para copiar/pegar código en EverNote para probarlo en vuestro IDE.
No es demasiado el tamaño para hacer todo esto sino la resolución.
1600×900: debería ser lo mínimo cualquier cosa menos siempre sentirás que no tienes suficiente espacio aunque tengas otra pantalla. Yo cometí ese error una vez, por suerte, era posible actualizar mi pantalla reemplazando el LCD (tenía un ThinkPad en ese entonces). Sin embargo, esto no siempre es posible, de hecho, casi nunca.
1900×800: Esta es la resolución perfecta, deberías invertir seriamente tu presupuesto (aunque tengas que sacrificar algún otro componente) en ella. Siempre puedes reducir la resolución, pero no puedes aumentarla.
Tamaño
Personalmente, mi pantalla ideal es la de 15″ pero conozco mucha gente a la que le gusta la portabilidad de los portátiles con pantalla de 14″ o ven 13″. Estos son buenos tamaños también. Cualquier cosa menos emparejada con tamaños de fuente pequeños puede cansar tus ojos.
Ten en cuenta que la pantalla pequeña no debería afectar al tamaño de la fuente en absoluto, siempre puedes cambiarlos. Sólo controlará el tamaño de tus ventanas.
Normalmente utilizo la opción de escalado de texto más pequeña y de lado a lado no me sirve. Yo divido mis paneles arriba y abajo. Cuando realmente necesito un 2º monitor y no uso mi escritorio, conecto un iPad para que sirva de 2º monitor. Esto es algo que también hacía en un MBP de 13″. No he probado un portátil de 15″ ya que es demasiado voluminoso para llevarlo a todas partes
IPS
Un amplio ángulo de visión horizontal y vertical también es un regalo de Dios. Además de ser una gran ventaja para su flujo de trabajo, los ángulos de visión puede ser importante es si usted está haciendo cualquier par de programación o si usted está mostrando su trabajo a los clientes potenciales / jefes.
Esto sólo es posible con las pantallas IPS. Otra gran ventaja de las pantallas IPS es su precisión del color
Brillo vs. Mate
Aunque las pantallas brillantes son divertidas de ver, las pantallas mate antideslumbrantes son mucho más fáciles de ver, especialmente durante muchas horas.
Puertos ThunderCat y monitores duales
Los portátiles modernos ahora pueden venir con puertos «ThunderBolt» o puertos USB Tipo-C. Puede lanzar dos monitores externos si su tiene, esto es porque también puede utilizar un HDMI para conectar un monitor externo.
Otros factores
Gamut
Algunos podrían decir que la gama de colores no es tan importante sin embargo si usted es un desarrollador de front-end, puede ser.
El día que tengas dos pantallas conectadas y notes que los azules y los rojos se ven morados y naranjas en tu otra pantalla, estarás deseando tener un portátil con una mejor gama de pantalla para estar seguro de qué color estás usando.
Además, cuando sepa que ve los colores correctos, podrá sentirse seguro diciendo a los demás que es su pantalla la que muestra los colores de forma incorrecta.
Pantalla táctil
Por último, el tema de las pantallas táctiles. Puede que las interfaces táctiles no sean algo a tener en cuenta ahora, pero definitivamente están en los libros para el futuro.
Tablets, smartphones – si quieres asegurarte de que tus sitios web funcionan con ellos, probablemente sea prudente conseguir un portátil con pantalla táctil si ya te lo puedes permitir.
GPU
Las tarjetas gráficas dedicadas no son necesarias para casi ningún desarrollador web, es decir, a menos que planees desarrollar videojuegos.
El vídeo de Intel integrado en los chips de la CPU «Intel HD» gráficos será suficiente.
Teclado
Escribir en un teclado de mala calidad ralentizará tu trabajo y hará que tu motivación disminuya. Si vas a estar escribiendo código entre 8 y 15 horas al día, quieres que tus dedos estén contentos.
Encontrar los mejores teclados no es fácil, pero aquí hay algunas pautas generales (y modelos recomendados):
MacBooks: Tienen los mejores teclados del mercado, ya está dicho.
ThinkPads: No hay nada como trabajar con los legendarios teclados que se encuentran en estos.
- Cuando vayas a la tienda a escribir una página de texto después de hacer esto en unos cuantos portátiles, te darás cuenta rápidamente de que no son iguales e inconscientemente escogerás el que mejor te siente , anotarás el modelo entonces y pedirás uno del mismo fabricante (con una configuración más fornida dependiendo de tus necesidades).
Teclado retroiluminado
No te olvides de la iluminación para el teclado.
Los programadores suelen trabajar hasta que se hace de noche. Un teclado bien iluminado puede ser menos molesto para los que duermen que tener una luz brillante encendida.
Trate de escribir en un teclado perfectamente plano con las luces apagadas. Es mucho más difícil de lo que crees. Consigue una buena iluminación superior o trasera para tu teclado si te encuentras con estas situaciones.
Trackpad
Yo recomendaría seriamente el cambio a un ratón. Yo he mejorado mi flujo de trabajo en múltiples ocasiones. Por otro lado, si sólo estás acostumbrado a los TrackPads, cuando vayas a la tienda asegúrate de probarlos a fondo, quiero decir que vas a estar usando esta cosa todo el día.
Así que no sólo lo mires, pruébalo. ¿Es sensible? ¿Puedes desplazarte con él? ¿Es multitáctil? ¿Tiene botones físicos de ratón que no sean sólo parte del trackpad? Intenta arrastrar y soltar algo. Prueba a hacer clic con el botón derecho.
Wifi
Adaptador inalámbrico AC
Internet es como un coche: cuanto más rápido, mejor. Poder subir y bajar archivos en un santiamén simplemente sienta bien. Cuando busques consejos específicos sobre cómo hacer algo en Google, ¡la velocidad es esencial!
Recuerda que estarás escribiendo código y siguiendo instrucciones de documentaciones a veces recurriendo a tutotriales de youtube o reutilizando el código de alguien también.
Si está disponible en tu parte del mundo, consíguelo. La mayoría de los ordenadores portátiles de hoy en día tienen de todos modos sólo asegúrese de que su hace también. Incluso mi vecino de 55 años lo tiene.