Last Words:
Bene, questo è tutto gente, se siete costantemente in movimento, vi raccomanderei di considerare davvero i premiul ultrabooks o dispositivi portatili (anche il Surface Pro funzionerà per lo sviluppo web).
Se state per lo più in un posto, potete considerare qualsiasi portatile moderno con un display+tastiera decente. Non puoi sbagliare.
Alla fine della giornata tutti i portatili hanno tastiere e display che è sufficiente per sviluppare.
Come comprare un portatile per lo sviluppo web
Come ho detto senza sapere di più sullo scenario particolare, sarà molto difficile trovare il portatile giusto per lo sviluppo web. Oltre a buttare soldi nel problema, ci sono alcune cose che dovresti provare però:
Aggiornare una vecchia macchina
Prima di buttare giù 1000 dollari su un nuovo portatile, chiediti se forse qualcuno dei problemi che stai affrontando può essere risolto economicamente. Cioè, aggiornando la tua attuale macchina.
Lo sviluppo web non è affatto esigente in termini di hardware. Forse un bel disco SSD o una nuova chiavetta RAM potrebbero fare il trucco, a condizione, naturalmente, di avere un display e una tastiera decenti, anche gli ultimi due possono essere risolti (comprando un monitor esterno + tastiera esterna).
Prima di fare qualsiasi aggiornamento scopri cosa sta mangiando le risorse del tuo sistema:
1. Fate il buon vecchio CTRL+ALT+CANC. E’ solo che la vostra applicazione richiede molte risorse, o è in competizione con tre dozzine di schede del browser aperte e un IDE pesante?
2, dai una bella letta al mio Come aggiornare la RAM o il dispositivo di archiviazione del tuo portatile.
Downgrade OS/uscita da un IDE
Nota anche che le cose possono essere rallentate dall’aggiornamento ad una nuova versione del sistema operativo.
Ho iniziato ad usare una stock MPB metà 2010 per gli ultimi 4 anni e ha iniziato a diventare lento quando ho continuato ad aggiornare il sistema operativo (Windows 10 attualmente prende 4GB). Ciò che ha davvero reso il mio software lento (soprattutto PS CS6) e che ha fatto comprare un altro MacBook Pro intero è stato l’aggiornamento a Mavericks.
Nota che Dreamweaver e PS allo stesso tempo prendono anche circa 4GB. Se usi abbastanza Dreamweaver (io l’ho fatto e ci sono diverse altre opzioni) potresti liberare il tuo sistema da un’enorme quantità di risorse. Potrebbe anche sostituire completamente la necessità di aggiornare il tuo sistema.
Disinstallare il software
Un’altra cosa da tenere a mente è ciò che hai installato sul tuo portatile (oltre al software di sviluppo web). I miei portatili sono stati abbastanza solidi nel corso degli anni, tranne quando ho iniziato a installare giochi su di essi. Potrebbe essere solo una coincidenza, ma sto solo dicendo che ho notato un modello. Finché tengo i giochi fuori dal mio portatile, molto raramente mi sembra di avere problemi con esso.
Quindi sii consapevole di ciò che installi sul tuo portatile. Se vuoi solo provare un software di prova, fallo in una macchina virtuale e installalo sul sistema operativo del tuo computer solo quando ti senti sicuro.
E’ a questo che serve il software di prova… per provarlo comunque.
Sviluppatori web
Con questo fuori dai piedi, prima di discutere l’hardware per lo sviluppo web, dobbiamo parlare degli sviluppatori web, specialmente quali software usano e il tipo di flusso di lavoro.
Perché mi sto preoccupando di questo? Beh, sono consapevole del fatto che c’è un’enorme percentuale di persone che stanno leggendo questo articolo che stanno appena iniziando ad entrare in questo campo.
Si riduce davvero a che tipo di sviluppo web hai intenzione di fare? Front-end? Back-end? Full Stack? Quali strumenti hai intenzione di usare?
Sviluppatore web front-end
Se sei uno sviluppatore front-end, ti occuperai principalmente di come il sito appare e si sente. Si tratta solo di codifica di base con CSS, HTML, Javascript e forse JQuery (anche se questo sta andando fuori moda dato che i browser moderni possono ora fare lo stesso lavoro ma più velocemente). Questi non richiedono altro che un computer moderno di base.
D’altra parte, se stai usando PhotoShop o immagini ad alta risoluzione & video, allora potresti voler investire il tuo budget su Display, RAM & Storage.
C’è un’altra ragione per investire sullo storage che avere un display che visualizza le immagini ad alta risoluzione al loro vero colore: lo spazio. Cioè, si può avere una finestra per codificare e un’altra finestra per vedere come aggiornare i risultati o seguire i tutorial.
Se si utilizzano IDE pesanti come Dreamweaver e VS Studio, si dovrebbe anche investire sulla RAM & opzionalmente lo storage.
Sviluppo Back End
Anche se gli sviluppatori Back End sanno come usare HTML, CSS e così via. Hanno bisogno di codificare con Java, PHP, Ruby on Rails, Python e .Net.
Il problema principale con questi non sono i linguaggi stessi ma l’IDE che richiede molta RAM e beneficia di un’unità di archiviazione veloce. Potrebbero anche eseguire i database localmente e perfino usare le VM che aggiungono più RAM & Storage.
Sviluppatore a percorso completo
Questo significa semplicemente che qualcuno lavora sia sul “Front End” WD (Html, CSS, javascript ecc) che sul codice backend (database, .net, Php, C#, Ruby ecc).
Come me, di solito ho diverse applicazioni aperte in ogni momento: Atom per la codifica, Safari e Chrome per la navigazione web e i test, 4-5 finestre del terminale (emissione di istruzioni SQL, test, e attività Git, e Redis, e…), 1-2 finestre del Finder, Slack, Mail, Affinity Designer e SourceTree.
Studente
Software
Tenete a mente che TextMade, CodeKit, Atom e SublimeText sono solo editor di testo su misura per lo sviluppo web non richiedono nulla di speciale, infatti, è possibile eseguire questi sul vostro iPhone. Suggerirei questi rispetto a DreamWeaver se il tuo sistema è troppo lento a rispondere.
Ci sono solo due tipi di software che vale la pena prendere in considerazione quando si acquista un computer per lo sviluppo web: PhotoShop o Virtual Box.
Illustrator/Photoshop
Se fai editing grafico minore, principalmente convertendo file AI vettoriali in SVG e modificando i colori, non hai bisogno di una GPU per PhotoShop né di enormi quantità di RAM o una CPU di fascia alta. Quest’ultima è in realtà raramente un collo di bottiglia anche per gli utenti hardcore di photoshop.
VirtualBox
D’altra parte, se spesso si lavora con una VM di Ubuntu Server utilizzando Vagrant e VirtualBox per simulare il proprio ambiente di produzione prima del rilascio è necessario assicurarsi di avere almeno 8GB di RAM.
Specifiche hardware per lo sviluppo web
CPU
Generazione
Quando la gente pensa alla velocità del computer, pensa sempre alla CPU-2.9 GHz Intel Core i7, ecc. Ma con le CPU moderne, specialmente l’ottava generazione, non saranno mai il collo di bottiglia (anche se stai eseguendo delle VM), inoltre il web design non è quasi mai CPU intensive.
Tuttavia se vuoi lanciare tutto il multitasking che hai letto sopra, dovresti prendere una CPU moderna. Core i3, Core i5 o Core i7 non ha molta importanza, a patto che sia di settima e ottava generazione (la sesta potrebbe essere più spinta, ma va comunque bene), sarete a posto.
Core
Un’enorme eccezione potrebbe essere rappresentata dagli sviluppatori che si affidano a macchine virtuali. Anche in questo caso non c’è molto bisogno di preoccuparsi della CPU poiché le CPU moderne hanno almeno due core e +3GHz, entrambi sono sufficienti per lanciare una o due macchine virtuali.
RAM
D’altra parte, la RAM è probabilmente il componente più importante per qualsiasi sviluppatore web. La quantità di multitasking può essere folle. Immaginate di avere un editor di testo, un browser web, una macchina virtuale, un server SQL e alcuni browser web per i tutorial e un video e persino un terminale aperto.
Aggiungiamo al mix l’uso di un IDE pesante come DreamWeaver o Visual Studio e 4GB saranno finiti abbastanza velocemente. Non dimentichiamo PhotoShop e un migliaio di livelli incastrati in un’immagine.
8GB di RAM: Hai bisogno di almeno 8 GB, questo è anche sufficiente per eseguire un server web locale o una macchina virtuale.
16 GB di RAM: Non ho mai visto la necessità di avere 16GB. Tuttavia se hai intenzione di diventare uno sviluppatore proffessionale full stack, potrebbe essere utile. Dal momento che la maggior parte dei portatili sono aggiornabili (tranne i MacBook e gli UltraBook) puoi scegliere di aggiornare il tuo.
Storage
Per il web design, la velocità del computer è molto più legata all’hard disk che alla CPU, specialmente ora che le CPU sono troppo veloci.
Storage Speed
Sarà costantemente aperto e chiuso un sacco di file, quasi tutto il tempo, e questo significa che il tuo portatile deve leggere/scrivere dati da e verso i file. Avere un’unità di archiviazione che fa questo pochi secondi più velocemente è un vantaggio enorme. Ricorda che pochi secondi sommati più volte nel corso della giornata possono sommarsi a ore e meno tempo di lavoro su un progetto.
SSD (Solid State Drive)
Ecco dove gli SSD sono utili: possono leggere/scrivere dati fino a 17 volte più velocemente dei tradizionali HDD. Possono anche lanciare IDE pesanti. Il mio portatile ultrasottile basato su SSD di due anni fa può avviare Windows 7 a freddo in nove secondi, mentre il mio MacBook Air si avvia in circa 9 secondi!
Memoria del disco
Per i pochi casi in cui si impazzisce con la quantità di applicazioni che si stanno lanciando, virtualBox e PhotoShop allo stesso tempo, la RAM semplicemente non sarà sufficiente. Il computer andrà quindi ad utilizzare il dispositivo di archiviazione come “RAM extra”. Dio non voglia che abbiate ancora un 5400 RPM perché sarà dolorosamente lento. D’altra parte, se avete un SSD, la velocità non sarà molto dannosa per il vostro flusso di lavoro.
Spazio
Il problema è naturalmente che i Solid State Drives di solito non hanno il “1TB HDD” che i vecchi e lenti HDD hanno. Come sviluppatore web, però, non avrai bisogno di così tanto spazio: 256 GB saranno sufficienti ed è quello che la maggior parte degli SSD ti offre oggi.
Durevolezza
Se vuoi che la tua unità di archiviazione sia affidabile, e non puoi fidarti nemmeno del tuo back up, ti consiglio di optare per le unità SSD Samsung 850 Evo. In caso contrario, qualsiasi unità di archiviazione tu abbia, che sia un HDD o SSD, sostituiscilo ogni 2-3 anni.
E per quanto riguarda i miei backup?
Puoi usare CarbonCopyCloner per clonare il mio intero disco su un disco esterno ogni due giorni. Ci sono software simili per macchine windows che puoi usare.
Display
Probabilmente il componente più importante per uno sviluppatore web oltre a un SSD (dato che RAM e CPU sono di solito decenti sulla maggior parte dei portatili moderni). Perché?
Questa è la parte della macchina con cui interagisci fisicamente più di qualsiasi altra parte. La fissi per tutto il tempo che la usi.
Risoluzione
Virtualmente tutti voi troverete utile avere due pannelli aperti l’uno sull’altro: IDE a sinistra e Web Browser a destra. Potresti anche volere un po’ di spazio per copiare/incollare codice in EverNote da provare sul tuo IDE.
Non è una questione di dimensioni per fare tutto questo, ma di risoluzione.
1600×900: dovrebbe essere il minimo indispensabile, qualsiasi cosa di meno vi sembrerà sempre di non avere abbastanza spazio anche se avete un altro display. Ho fatto questo errore una volta, per fortuna, è stato possibile aggiornare il mio display sostituendo l’LCD (avevo un ThinkPad allora). Tuttavia questo non è sempre possibile, infatti, quasi mai.
1900×800: Questa è la risoluzione perfetta, dovresti seriamente investire il tuo budget (anche se devi sacrificare qualsiasi altro componente) su di essa. Puoi sempre ridurre la risoluzione ma non puoi aumentarla!
Dimensione
Personalmente, il mio schermo ideale è da 15″ ma conosco molte persone a cui piace la portabilità dei portatili con uno schermo da 14″ o ven 13″. Anche queste sono buone dimensioni. Qualsiasi cosa di meno abbinata a caratteri di piccole dimensioni può affaticare gli occhi.
Nota che il piccolo schermo non dovrebbe influenzare affatto la dimensione dei caratteri, puoi sempre cambiarli. Controllerà solo quanto sono grandi le tue finestre.
Io normalmente uso l’opzione di ridimensionamento del testo più piccolo e il side by side non lo taglia davvero. Divido i miei pannelli in alto e in basso. Quando ho davvero bisogno di un secondo monitor e non uso il mio desktop, collego un iPad per servire come secondo monitor. Questo è qualcosa che facevo anche su un MBP 13″. Non ho provato un portatile da 15″ perché è troppo ingombrante da portare ovunque
IPS
Un ampio angolo di visualizzazione orizzontale e verticale è anche un dono del cielo. Oltre ad essere un enorme vantaggio per il vostro flusso di lavoro, gli angoli di visualizzazione possono essere importanti se state facendo qualche programmazione in coppia o se state mostrando il vostro lavoro a potenziali clienti/boss.
Questo è possibile solo con display IPS. Un altro enorme vantaggio dei display IPS è la loro accuratezza dei colori
Lucido vs Opaco
Mentre gli schermi lucidi sono divertenti da guardare, gli schermi opachi antiriflesso sono molto più facili per gli occhi soprattutto per molte ore.
Porti ThunderCat e doppi monitor
I portatili moderni ora possono essere dotati di porte “ThunderBolt” o porte USB Type-C. Puoi inserire due monitor esterni se il tuo ne ha uno, questo perché puoi anche usare un HDMI per collegare un monitor esterno.
Altri fattori
Gamut
Alcuni potrebbero dire che la gamma di colori non è così importante, tuttavia se sei uno sviluppatore front-end, potrebbe esserlo.
Il giorno in cui avrete due schermi collegati e noterete che i blu e i rossi sembrano viola e arancioni sull’altro schermo, desidererete avere un portatile con una migliore gamma di colori per essere sicuri di quale colore state usando.
Inoltre, quando sai che stai vedendo i colori giusti, puoi sentirti sicuro nel dire agli altri che è il loro schermo che sta visualizzando i colori in modo sbagliato.
TouchScreen
Infine, la questione dei touch screen. Le interfacce tattili possono non essere qualcosa da tenere in considerazione ora, ma sono sicuramente sui libri per il futuro.
Tablet, smartphone – se vuoi assicurarti che i tuoi siti web funzionino con questi, è probabilmente saggio prendere un laptop con touch screen se te lo puoi già permettere.
GPU
La scheda grafica dedicata non è necessaria per quasi tutti gli sviluppatori web, cioè a meno che tu non abbia intenzione di sviluppare videogiochi.
La grafica “Intel HD” integrata nel chip della CPU andrà benissimo.
Tastiera
Scrivere su una tastiera di scarsa qualità rallenterà il tuo lavoro e farà scendere la tua motivazione. Se stai per digitare codice per 8-15 ore al giorno vuoi che le tue dita siano felici!
L’individuazione delle migliori tastiere non è facile, ma ecco alcune linee guida generali (e modelli consigliati):
MacBooks: Hanno le migliori tastiere sul mercato, abbastanza detto.
ThinkPads: Non c’è niente come lavorare sulle leggendarie tastiere che si trovano su questi.
- Quando andrete al negozio a digitare una pagina di testo dopo aver fatto questo su alcuni portatili, vi renderete subito conto che non sono gli stessi e sceglierete inconsciamente quello che si sente meglio, scrivete il modello poi e ordinate uno dello stesso produttore (con una configurazione più robusta a seconda delle vostre esigenze).
BackLit KeyBoard
Non dimenticare l’illuminazione della tastiera.
I programmatori spesso lavorano fino a quando fuori è buio. Una tastiera ben illuminata può essere meno fastidiosa per chi sta dormendo che avere una luce intensa accesa.
Prova a digitare su una tastiera perfettamente piatta con le luci spente. È molto più difficile di quanto si possa pensare. Procuratevi una buona illuminazione da sopra o da dietro per la vostra tastiera se incontrate queste situazioni.
Trackpad
Vorrei seriamente raccomandare il passaggio a un mouse. Ho migliorato il mio flusso di lavoro di molte volte. D’altra parte, se siete solo abituati ai TrackPad, quando andate al negozio assicuratevi di testarli a fondo, voglio dire che userete questa cosa per tutto il giorno.
Quindi non limitatevi a guardarlo, provatelo. È reattivo? Puoi scorrere con esso? È multi-touch? Ha pulsanti fisici del mouse che non sono solo parte del trackpad? Prova a trascinare e rilasciare qualcosa. Provate a fare clic con il tasto destro del mouse.
Wifi
Adattatore Wireless CA
Internet è come una macchina: più veloce è, meglio è. Essere in grado di caricare e scaricare file in un lampo è una bella sensazione. Quando cerchi consigli specifici su come fare qualcosa su Google, la velocità è essenziale!
Ricorda che dovrai scrivere codice e seguire le istruzioni dalle documentazioni, a volte ricorrendo anche a tutorial di youtube o riutilizzando il codice di qualcuno.
Se è disponibile nella tua parte del mondo, prendilo. La maggior parte dei portatili oggi ce l’hanno comunque, assicuratevi che anche il vostro ce l’abbia. Anche il mio vicino di 55 anni ce l’ha.