Last Words:
Bem é isso pessoal se você está constantemente em movimento, eu recomendo que você realmente considere premiul ultrabooks ou dispositivos portáteis (mesmo o Surface Pro vai funcionar para o desenvolvimento web).
Se a maioria das vezes você está em um lugar, você pode considerar qualquer laptop moderno com um display + teclado decente. Você não pode errar.
No final do dia todos os laptops têm teclados e telas que são suficientes para desenvolver.
Como Comprar um Laptop para Desenvolvimento Web
Como eu disse sem saber mais sobre o cenário em particular, será muito difícil conseguir o laptop certo para o desenvolvimento web. Além de jogar dinheiro no problema, há algumas coisas que você deve tentar:
Upgrading an Old Machine
Antes de jogar $1000 em um laptop novo, pergunte-se se talvez algum dos problemas atuais que você está enfrentando possa ser resolvido economicamente. Isto é , atualizando sua máquina atual.
Desenvolvimento Web não é nada exigente em termos de hardware. Talvez uma boa unidade SSD ou um novo stick de RAM possa fazer o truque, desde que, claro, tenha um ecrã e um teclado decentes, mesmo os dois últimos possam ser reparados (comprando um monitor externo + teclado externo).
Antes de fazer qualquer actualização descubra o que está a comer os recursos do seu sistema:
1. Faça o bom e velho CTRL+ALT+DEL. Será que a sua aplicação é de recursos intensivos, ou está a competir com três dúzias de separadores de browser abertos e um IDE pesado?
2, Give my How to Upgrade your Laptop RAM or Storage device a nice read.
Downgrading OS/Quitting an IDE
Also note que as coisas podem ser abrandadas ao actualizar para uma nova versão de SO.
I começou a usar um stock de MPB de meados de 2010 nos últimos 4 anos e começou a ficar lento à medida que eu continuava a actualizar o SO (o Windows 10 leva actualmente 4GB ). O que realmente deixou meu software lento (principalmente PS CS6) e que fez comprar outro MacBook Pro inteiro foi a atualização para Mavericks.
Nota que o Dreamweaver e PS ao mesmo tempo também levam cerca de 4GB. Se você estiver usando o Dreamweaver (eu usei e há várias outras opções) você pode liberar o seu sistema de uma enorme quantidade de recursos. Ele irá até substituir totalmente a necessidade de atualizar seu sistema.
Desinstalar Software
Outra coisa a ter em mente é o que você tem instalado no seu laptop (além do software web dev). Meus laptops têm sido bastante sólidos ao longo dos anos, exceto quando eu começo a instalar jogos neles. Pode ser apenas uma coincidência, mas só estou dizendo que notei um padrão. Desde que eu mantenha os jogos fora do meu laptop, eu muito raramente pareço ter problemas com ele.
Então fique atento ao que você instala no seu laptop. Se você só quer experimentar um software de teste, faça-o em uma máquina virtual e só instale-o no sistema operacional do seu computador quando você se sentir confiante com ele.
É para isso que serve o software de avaliação… para experimentá-lo de qualquer maneira.
Desenvolvedores Web
Com isso fora do caminho, antes de discutirmos o hardware para desenvolvimento web, temos que falar sobre os desenvolvedores web, especialmente que software eles usam e o tipo de fluxo de trabalho.
Por que estou me incomodando com isso? Bem, eu sei que há uma grande percentagem de pessoas lendo isso que estão apenas começando a entrar em campo.
O que realmente se resume a que tipo de desenvolvimento web você planeja fazer? Front-end? Back-end? Full Stack? Que ferramentas você planeja usar?
Front End Web Developer
Se você é um desenvolvedor front-end, você estará principalmente preocupado com a aparência e a sensação do site. Isto é apenas codificação básica com CSS, HTML, Javascript e talvez JQuery (embora isto esteja saindo de moda já que os navegadores modernos podem agora fazer o mesmo trabalho, mas mais rapidamente). Estes não requerem nada mais que um computador moderno básico.
Por outro lado, se você estiver usando PhotoShop ou imagens de alta resolução & vídeos, então você pode querer investir seu orçamento em Display, RAM & Armazenamento.
Há outro motivo para investir em armazenamento do que apenas ter um display que exibe imagens de alta resolução para a sua verdadeira cor: o espaço. Ou seja, você pode ter uma janela para codificar e outra janela para ver como atualizar os resultados ou seguir tutoriais.
Se você estiver usando IDEs pesadas como Dreamweaver e VS Studio, você também deve investir em memória RAM & opcionalmente em armazenamento.
Back End Development
Although Back End Developers know how to use HTML,CSS e assim por diante. Eles precisam codificar com Java, PHP, Ruby on Rails, Python e .Net.
O principal problema com estas não são as linguagens em si, mas a IDE que leva muita memória RAM e se beneficia de um rápido Drive de armazenamento. Eles também podem estar rodando bancos de dados localmente e até mesmo usando VMs que somam mais memória RAM & Storage.
Full Path Developer
Isso só significa que alguém trabalha tanto no WD “Front End” (Html, CSS, javascript etc) quanto no código backend (bancos de dados, .net, Php, C#, Ruby etc).
Como para mim, eu normalmente tenho vários aplicativos abertos o tempo todo: Atom para codificação, Safari e Chrome para navegação e testes web, 4-5 janelas de terminal (emitindo instruções SQL, testes e tarefas Git, e Redis, e…), 1-2 janelas Finder, Slack, Mail, Affinity Designer e SourceTree.
Student
Software
Keep tendo em mente que TextMade, CodeKit, Atom e SublimeText são apenas editores de texto feitos sob medida para o desenvolvimento web não requerem nada de especial, na verdade, você pode executá-los no seu iPhone. Eu sugeriria estes sobre DreamWeaver se seu sistema for muito lento para responder.
Existem apenas dois tipos de software que vale a pena levar em consideração ao comprar um computador para desenvolvimento web: PhotoShop ou Virtual Box.
Illustrator/Photoshop
Se você faz pequenas edições gráficas, principalmente conversão de arquivos vetoriais AI para SVG e ajustes de cores, você não precisa de uma GPU para PhotoShop, nem de grandes quantidades de RAM ou uma CPU de alto nível. Este último é na verdade raramente um gargalo mesmo para usuários de photoshop hardcore.
VirtualBox
Por outro lado, se trabalha frequentemente com um VM Ubuntu Server usando Vagrant e VirtualBox para simular seu ambiente de produção antes do lançamento, você precisa ter certeza de que você tem pelo menos 8GB de RAM.
Espectros de Hardware para Desenvolvimento Web
CPU
Geração
Quando as pessoas pensam na velocidade do computador, elas sempre pensam na CPU-2.9 GHz Intel Core i7, etc. Mas com as CPUs modernas, especialmente a 8ª geração, elas nunca serão o gargalo (mesmo que você esteja rodando VMs) mais o web design dificilmente é intensivo em CPU.
No entanto, se você quiser jogar todas as multitarefas que você leu acima, você deve ter uma CPU moderna. Core i3, Core i5 ou Core i7 não importa, desde que seja da 7ª e 8ª geração (a 6ª pode estar empurrando, mas ainda está tudo bem) você ficará bem.
Cores
Uma grande exceção pode ser os desenvolvedores que confiam em máquinas virtuais. Mesmo assim não há muita necessidade de se preocupar com CPU uma vez que as CPUs modernas têm pelo menos dois núcleos e +3GHz, ambos são suficientes para lançar uma máquina virtual ou duas.
RAM
Por outro lado, a RAM é provavelmente o componente mais importante para qualquer desenvolvedor web. A quantidade de multitarefa pode ser insana. Imagine ter um textEditor, um navegador web, uma máquina virtual, um servidor SQL e alguns navegadores web para tutoriais e um vídeo e até um terminal aberto.
Vamos adicionar à mistura que você usa uma IDE pesada como DreamWeaver ou Visual Studio e 4GB vai desaparecer bem rápido. Não vamos esquecer PhotoShop e mil camadas encravadas em uma imagem.
8GB de RAM: Você precisa de pelo menos 8 Gigs, isto é suficiente para rodar um servidor web local ou uma máquina virtual.
16GB de RAM: Eu nunca vi a necessidade de ter 16GB. No entanto, se você planeja se tornar um desenvolvedor profissional de pilha cheia, isso pode vir a ser útil. Como a maioria dos computadores portáteis são actualizáveis (excepto os MacBooks e UltraBooks), pode optar por actualizar o seu.
Storage
Para web design, a velocidade do computador é muito mais sobre o disco rígido do que sobre a CPU, especialmente agora que as CPUs são muito rápidas.
Storage Speed
Você estará constantemente abrindo e fechando muitos arquivos, quase o tempo todo, e isso significa que seu laptop tem que ler/escrever dados para/de arquivos. Ter um drive de armazenamento que faz isso alguns segundos mais rápido é uma grande vantagem. Lembre-se de que alguns segundos somados várias vezes durante o dia podem somar até horas e menos tempo trabalhando em um projeto.
SSD (Solid State Drive)
É aqui que as SSDs são úteis, pois podem ler/gravar dados até 17 vezes mais rápido do que os HDs tradicionais. Elas também podem lançar IDEs pesadas. Meu laptop ultrafino baseado em SSD de dois anos pode iniciar o Windows 7 frio em nove segundos, enquanto meu MacBook Air inicia em cerca de 9 segundos!
MemóriaDisk
Para os poucos casos em que você fica louco com a quantidade de aplicativos que está lançando, virtualBox e PhotoShop ao mesmo tempo, a memória RAM simplesmente não será suficiente. O seu computador passará então a utilizar o seu dispositivo de armazenamento como “memória RAM extra”. Deus nos livre se você ainda tiver 5400 RPM, pois ele será dolorosamente lento. Por outro lado, se você tiver uma SSD, a velocidade não será muito prejudicial ao seu fluxo de trabalho.
Espaço
O problema é que as Unidades de Estado Sólido geralmente não têm o “1TB HDD” que os tijolos de HDD antiquados e lentos têm. Como desenvolvedor web, embora você não precise de tanto espaço, 256GB serão suficientes e é o que a maioria das SSDs oferecem hoje.
Durabilidade
Se quiser que sua unidade de armazenamento seja confiável, e você não pode nem mesmo confiar no seu armazenamento de backup, eu recomendaria ir para as unidades SSD Samsung 850 Evo. Caso contrário, qualquer que seja a unidade de armazenamento que você tenha, seja um HDD ou SSD, substitua-o a cada 2-3 anos.
E quanto aos meus backups?
Você pode usar o CarbonCopyCloner para clonar todo o meu disco em uma unidade externa dia sim dia não. Existem softwares similares para máquinas windows que você pode usar.
Display
Provavelmente o componente mais importante para um desenvolvedor web além de um SSD (já que a RAM e a CPU são normalmente decentes na maioria dos laptops modernos). Porque?
Esta é a parte da máquina com a qual você interage fisicamente mais do que qualquer outra parte. Você está olhando para ela o tempo todo que está usando.
Resolução
Virtualmente todos vocês vão achar útil ter dois painéis abertos um para o outro: IDE à esquerda e Web Browser à direita. Você pode até querer algum espaço para copiar/colar o código no EverNote para experimentar no seu IDE.
Não é muito sobre o tamanho para fazer tudo isso, mas a resolução.
1600×900: deve ser o mínimo de qualquer coisa menos que você sempre sentirá que não tem espaço suficiente, mesmo se você tiver outra tela. Eu cometi esse erro uma vez, felizmente, foi possível atualizar meu monitor substituindo o LCD (eu tinha um ThinkPad na época). No entanto isso nem sempre é possível , na verdade, quase nunca.
1900×800: Esta é a resolução perfeita, você deve investir seriamente seu orçamento (mesmo que tenha que sacrificar qualquer outro componente) nele. Você sempre pode reduzir a resolução mas não pode aumentá-la!
Tamanho
Pessoalmente, minha tela ideal é 15″ mas eu conheço muitas pessoas que gostam da portabilidade de laptops com uma tela 14″ ou tela ven 13″. Estes também são bons tamanhos. Qualquer coisa menos pareada com tamanhos de fonte pequenos pode cansar os olhos.
Note que a tela pequena não deve afetar o tamanho da fonte, você pode sempre mudá-los. Ele apenas controlará o tamanho das suas janelas.
Eu normalmente uso a menor opção de escala de texto e lado a lado não a corta realmente. Eu divido a parte superior e inferior das minhas janelas. Quando realmente preciso de um segundo monitor e não uso o meu desktop, eu plugo um iPad para servir como um segundo monitor. Isto é algo que eu também estava fazendo em um 13″ MBP. Ainda não experimentei um portátil 15″ pois é muito volumoso para carregar em todo o lado
IPS
Um amplo ângulo de visão horizontal e vertical também é um envio de Deus. Além de ser uma grande vantagem para o seu fluxo de trabalho, os ângulos de visão podem ser importantes se você estiver fazendo qualquer programação de pares ou se você estiver mostrando o seu trabalho para potenciais clientes / chefes.
Isso só é possível com displays IPS. Outra grande vantagem dos ecrãs IPS é a sua precisão de cor
Glossy vs Matte
Embora as telas brilhantes sejam divertidas de se ver, as telas mate anti-brilho são muito mais fáceis de se ver, especialmente durante muitas horas.
Portões ThunderCat e Monitores Duplos
Portáteis modernos agora podem vir com portas “ThunderBolt” ou portas USB Type-C. Você pode colocar dois monitores externos se você tiver um, isto é porque você também pode usar um HDMI para anexar um monitor externo.
Outros fatores
Gamut
Alguns podem dizer que a gama de cores não é tão importante, no entanto, se você é um desenvolvedor front-end, pode ser.
No dia em que tiver duas telas conectadas e notar que os azuis e vermelhos parecem roxo e laranja na outra tela, você estará desejando ter um laptop com uma gama de tela melhor para ter certeza de qual cor você está usando.
Tal como quando você sabe que está vendo as cores certas, você pode se sentir seguro dizendo aos outros que é a tela deles que está mostrando as cores erradas.
TouchScreen
Finalmente, a questão dos ecrãs tácteis. As interfaces tácteis podem não ser algo a ter em mente agora, mas estão definitivamente nos livros para o futuro.
Tablets, smartphones – se você quiser ter certeza que seus sites funcionam com estes, provavelmente é sábio obter um laptop com tela sensível ao toque se você já pode pagar.
GPU
Placa gráfica dedicada não são necessários para praticamente nenhum desenvolvedor web, ou seja, a menos que você planeje desenvolver jogos de vídeo.
Vídeo Intel embutido nos chips de CPU “Intel HD” gráficos vai fazer muito bem.
Keyboard
Typing no teclado de má qualidade vai atrasar o seu trabalho e trazer a sua motivação para baixo. Se você vai estar digitando código durante 8-15 horas por dia você quer que seus dedos sejam felizes!
Aterrar os melhores teclados não é fácil mas aqui estão algumas diretrizes gerais (e modelos recomendados):
MacBooks: Têm os melhores teclados do mercado, já se disse o suficiente.
PensinemPads: Não há nada como trabalhar nos lendários teclados encontrados nestes.
- Quando você vai à loja digitar uma página de texto depois de fazer isso em alguns laptops, você vai perceber rapidamente que eles não são os mesmos e você vai escolher inconscientemente aquele que se sente melhor , escreva o modelo então e encomende um do mesmo fabricante (com uma configuração mais carinhosa, dependendo das suas necessidades).
BackLit KeyBoard
Não se esqueça da iluminação para o teclado.
Programadores frequentemente trabalham até escurecer lá fora. Um teclado bem iluminado pode ser menos perturbador para aqueles que estão dormindo do que ter uma luz brilhante acesa.
Tente escrever num teclado perfeitamente plano com as luzes apagadas. É muito mais difícil do que se possa pensar. Obtenha uma boa iluminação para o seu teclado se você encontrar estas situações.
Trackpad
Eu recomendaria seriamente a troca para um mouse. Eu melhorei o meu fluxo de trabalho em várias vezes. Por outro lado, se você está acostumado com o TrackPads, quando você for à loja certifique-se de testá-los completamente, quero dizer que você vai estar usando isso o dia inteiro.
Então não olhe apenas para ele, experimente-o. É responsivo? Consegues rolar com ela? É multi-toque? Tem botões físicos do rato que não fazem apenas parte do trackpad? Tente arrastar e soltar algo. Tente clicar com o botão direito do mouse.
Wifi
AC Adaptador sem fio
A internet é como um carro: quanto mais rápido, melhor. Ser capaz de fazer upload e download de arquivos em um flash só sabe bem. Quando você estiver procurando dicas específicas sobre como fazer algo no Google, a velocidade é essencial!
Lembre que você estará escrevendo código e seguindo instruções de documentações, às vezes recorrendo a tutoriais no youtube ou reutilizando o código de alguém também.
Se ele estiver disponível na sua parte do mundo, obtenha-o. A maioria dos computadores portáteis hoje em dia têm-no de qualquer forma, apenas certifique-se de que o faz também. Até o meu neightbor de 55 anos de idade o tem.