Ultimele cuvinte:
Ei bine, asta e, oameni buni, dacă sunteți în permanență în mișcare, v-aș recomanda să luați în considerare cu adevărat ultrabook-urile premium sau dispozitivele portabile (chiar și Surface Pro va funcționa pentru dezvoltarea web).
Dacă stați mai mult într-un singur loc, puteți lua în considerare orice laptop modern cu un afișaj+tastatură decent. Nu puteți da greș.
La sfârșitul zilei, toate laptopurile au tastatură și afișaj, ceea ce este suficient pentru a dezvolta.
Cum să cumpărați un laptop pentru dezvoltare web
Cum am spus, fără a ști mai multe despre scenariul particular, va fi foarte greu să aterizați laptopul potrivit pentru dezvoltarea web. În afară de a arunca cu bani în problemă, există totuși câteva lucruri pe care ar trebui să le încercați:
Actualizarea unei mașini vechi
Înainte de a arunca 1000 de dolari pe un laptop nou, întrebați-vă dacă nu cumva vreuna dintre problemele actuale cu care vă confruntați poate fi rezolvată economic. Adică , prin modernizarea mașinii dvs. actuale.
Dezvoltarea web nu este deloc solicitantă din punct de vedere hardware. Poate că o unitate SSD frumoasă sau un stick nou de RAM ar putea rezolva problema, cu condiția, bineînțeles, să aveți un ecran și o tastatură decente, chiar și ultimele două pot fi rezolvate (prin cumpărarea unui monitor extern + tastatură externă).
Înainte de a face orice upgrade aflați ce vă consumă resursele sistemului:
1. Faceți bunul și bătrânul CTRL+ALT+DEL. Este vorba doar de faptul că aplicația dvs. consumă multe resurse sau concurează cu trei duzini de file de browser deschise și un IDE greu?
2, Dați o lectură plăcută a cărții mele How to Upgrade your Laptop RAM or Storage device.
Downgrading OS/Quitting an IDE
Rețineți, de asemenea, că lucrurile pot fi încetinite prin actualizarea la o nouă versiune a sistemului de operare.
Am început să folosesc un stoc de la mijlocul anului 2010MPB în ultimii 4 ani și a început să devină lent pe măsură ce am continuat să actualizez sistemul de operare (Windows 10 ocupă în prezent 4GB ). Ceea ce a făcut ca software-ul meu să devină cu adevărat lent (în principal PS CS6) și care a făcut să cumpere un alt MacBook Pro întreg a fost actualizarea la Mavericks.
Rețineți că Dreamweaver și PS în același timp, de asemenea, iau în jur de 4GB. Dacă folosiți destul de mult Dreamweaver (eu am făcut-o și există mai multe alte opțiuni) s-ar putea să vă eliberați sistemul de o cantitate uriașă de resurse. Va înlocui chiar în întregime necesitatea de a vă actualiza sistemul.
Dezinstalarea software-ului
Un alt lucru de care trebuie să țineți cont este ce aveți instalat pe laptop (în afară de software-ul de dezvoltare web). Laptopurile mele au fost destul de solide de-a lungul anilor, cu excepția cazului în care am început să instalez jocuri pe ele. S-ar putea să fie doar o coincidență, dar spun doar că am observat un tipar. Atâta timp cât țin jocurile departe de laptop, se pare că foarte rar am probleme cu acesta.
Deci, fiți conștienți de ceea ce instalați pe laptop. Dacă vrei doar să încerci un software de probă, fă-o într-o mașină virtuală și instalează-l pe sistemul de operare al computerului tău doar atunci când te simți încrezător în el.
Pentru asta este software-ul de încercare… pentru a-l încerca oricum.
Dezvoltatorii web
După ce am spus, înainte de a discuta despre hardware-ul pentru dezvoltarea web, trebuie să vorbim despre dezvoltatorii web, în special despre ce software folosesc și tipul de flux de lucru.
De ce mă mai obosesc cu asta? Ei bine, sunt conștient că există un procent uriaș de oameni care citesc aceste rânduri și care abia încep să intre în acest domeniu.
Se reduce cu adevărat la ce fel de dezvoltare web intenționezi să faci? Front-end? Back-end? Full Stack? Ce instrumente intenționați să folosiți?
Front-end Web Developer
Dacă sunteți un dezvoltator front-end, veți fi în principal preocupat de modul în care site-ul arată și se simte. Aceasta este doar codare de bază cu CSS, HTML, Javascript și poate JQuery (deși acest lucru se demodează, deoarece browserele moderne pot face acum aceeași muncă, dar mai rapid). Acestea nu necesită nimic mai mult decât un calculator modern de bază.
Pe de altă parte , dacă folosiți PhotoShop sau imagini de înaltă rezoluție & video, atunci poate doriți să vă investiți bugetul în Display, RAM & stocare.
Există un alt motiv pentru a investi în stocare decât acela de a avea un display care să afișeze imagini de înaltă rezoluție la adevărata lor culoare: spațiul. Adică, puteți avea o fereastră pentru a codifica și o altă fereastră pentru a vedea cum actualizați rezultatele sau urmăriți tutoriale.
Dacă folosiți IDE-uri grele, cum ar fi Dreamweaver și VS Studio, ar trebui să investiți și în RAM & opțional în stocare.
Dezvoltare Back End
Deși dezvoltatorii Back End știu cum să folosească HTML,CSS și așa mai departe. Aceștia trebuie să codifice cu Java, PHP, Ruby on Rails, Python și .Net.
Problema principală cu acestea nu sunt limbajele în sine, ci IDE-ul care necesită multă memorie RAM și beneficiază de o unitate de stocare rapidă. De asemenea, s-ar putea să ruleze bazele de date la nivel local și chiar să folosească VM, ceea ce se adaugă la mai multă memorie RAM & de stocare.
Full Path Developer
Acest lucru înseamnă doar că cineva lucrează atât pe „Front End” WD (Html, CSS, javascript etc.), cât și pe codul backend (baze de date, .net, Php, C#, Ruby etc.).
În ceea ce mă privește, de obicei am mai multe aplicații deschise în permanență: Atom pentru codare, Safari și Chrome pentru navigare web și testare, 4-5 ferestre de terminal (care emit declarații SQL, teste, și sarcini Git, și Redis, și…), 1-2 ferestre Finder, Slack, Mail, Affinity Designer și SourceTree.
Student
Software
Rețineți că TextMade, CodeKit, Atom și SublimeText sunt doar editoare de text adaptate pentru dezvoltarea web nu necesită nimic special, de fapt, le puteți rula pe iPhone. Le-aș sugera pe acestea în locul lui DreamWeaver dacă sistemul dvs. este prea lent pentru a răspunde.
Există doar două tipuri de software care merită luate în considerare atunci când cumpărați un computer pentru dezvoltare web: PhotoShop sau Virtual Box.
Illustrator/Photoshop
Dacă faceți editare grafică minoră, în principal convertirea fișierelor vectoriale AI în SVG și ajustarea culorilor, nu aveți nevoie de un GPU pentru PhotoShop și nici de cantități uriașe de memorie RAM sau de un CPU high end. Acesta din urmă este, de fapt, rareori un blocaj chiar și pentru utilizatorii înrăiți de Photoshop.
VirtualBox
Pe de altă parte, dacă lucrați adesea cu o VM Ubuntu Server folosind Vagrant și VirtualBox pentru a simula mediul de producție înainte de lansare, trebuie să vă asigurați că aveți cel puțin 8GB RAM.
Specificații hardware pentru dezvoltare web
CPU
Generația
Când oamenii se gândesc la viteza calculatorului, se gândesc întotdeauna la CPU-2,9 GHz Intel Core i7, etc. Dar cu procesoarele moderne, în special cele de generația a 8-a, acestea nu vor fi niciodată gâtul de gâtul de la intrare (chiar dacă rulați VM-uri), plus că designul web nu este aproape deloc intensiv pentru CPU.
Cu toate acestea, dacă doriți să aruncați tot ce ați citit mai sus despre multitasking, ar trebui să vă luați un CPU modern. Core i3, Core i5 sau Core i7 nu prea contează, atâta timp cât este din generația a 7-a și a 8-a (a 6-a s-ar putea să împingă, dar este încă în regulă), veți fi bine.
Core
O excepție uriașă ar putea fi dezvoltatorii care se bazează pe mașini virtuale. Chiar și atunci nu trebuie să vă faceți prea multe griji cu privire la CPU, deoarece procesoarele moderne au cel puțin două nuclee și +3GHz, ambele sunt suficiente pentru a lansa o mașină virtuală sau două.
RAM
Pe de altă parte, memoria RAM este probabil cea mai importantă componentă pentru orice dezvoltator web. Cantitatea de multitasking poate fi nebună. Imaginați-vă doar că aveți un textEditor un browser web o mașină virtuală un server SQL și câteva browsere web pentru tutoriale și un video și chiar un terminal deschis.
Să adăugăm la amestec faptul că folosiți un IDE greu precum DreamWeaver sau Visual Studio și 4GB se vor termina destul de repede. Să nu uităm de PhotoShop și de o mie de straturi înghesuite într-o imagine.
8GB RAM: Aveți nevoie de cel puțin 8 Giga, acest lucru este suficient chiar și pentru a rula un server web local sau o mașină virtuală.
16GB RAM: Nu am văzut niciodată necesitatea de a avea 16GB. Cu toate acestea, dacă intenționați să deveniți un dezvoltator full stack profesionist, vă poate fi util. Având în vedere că majoritatea laptopurilor pot fi actualizate (cu excepția MacBooks și UltraBooks), puteți alege să îl actualizați pe al dumneavoastră.
Stocare
Pentru web design, viteza calculatorului este mult mai mult legată de hard disk decât de CPU, mai ales acum, deoarece CPU-urile sunt mult prea rapide.
Viteza de stocare
Voi deschide și închide în mod constant o mulțime de fișiere, aproape tot timpul, iar acest lucru înseamnă că laptopul tău trebuie să citească/scrie date în/din fișiere. A avea o unitate de stocare care să facă acest lucru cu câteva secunde mai repede este un avantaj uriaș. Amintiți-vă că câteva secunde adunate de mai multe ori pe parcursul zilei pot însemna ore și mai puțin timp de lucru la un proiect.
SSD (Solid State Drive)
Acesta este momentul în care SSD-urile sunt utile, acestea pot citi/scrie date de până la 17 ori mai repede decât HDD-urile tradiționale. De asemenea, ele pot lansa IDE-uri grele. Laptopul meu ultra-subțire bazat pe SSD, vechi de doi ani, poate să pornească Windows 7 la rece în nouă secunde, în timp ce MacBook Air pornește în aproximativ 9 secunde!
Memorie pe disc
Pentru cele câteva cazuri în care o luați razna cu cantitatea de aplicații pe care le lansați, virtualBox și PhotoShop în același timp, memoria RAM pur și simplu nu va fi suficientă. Calculatorul dvs. va trece atunci la utilizarea dispozitivului de stocare ca „memorie RAM suplimentară”. Doamne ferește dacă aveți încă un 5400 RPM, pentru că va fi dureros de lent. Pe de altă parte, dacă aveți un SSD, viteza nu va fi mult în detrimentul fluxului dvs. de lucru.
Spațiu
Problema este, bineînțeles, că unitățile Solid State Drive nu au, de obicei, acel „1TB HDD” pe care îl au cărămizile HDD de modă veche și lente. Totuși, ca dezvoltator web, nu veți avea nevoie de atât de mult spațiu, 256GB vor fi suficienți și este ceea ce vă oferă majoritatea SSD-urilor în prezent.
Durabilitate
Dacă doriți ca unitatea de stocare să fie fiabilă și nu puteți avea încredere nici măcar în stocarea de back-up, vă recomand să optați pentru unitățile SSD Samsung 850 Evo. Dacă nu, indiferent de unitatea de stocare pe care o aveți, fie ea HDD sau SSD, înlocuiți-o la fiecare 2-3 ani.
Cum rămâne cu copiile mele de rezervă?
Puteți folosi CarbonCopyCloner pentru a-mi clona tot discul pe o unitate externă o dată la două zile. Există softuri similare pentru mașinile Windows pe care le puteți folosi.
Display
Probabil cea mai importantă componentă pentru un dezvoltator web, în afară de un SSD (deoarece RAM și CPU sunt de obicei decente pe majoritatea laptopurilor moderne). De ce?
Este partea mașinii cu care interacționați fizic mai mult decât cu orice altă parte. Vă holbați la ea tot timpul în care o folosiți.
Rezoluție
Practic toți veți găsi util să aveți două panouri deschise unul față de celălalt: IDE în stânga și Web Browser în dreapta. S-ar putea chiar să doriți ceva spațiu pentru a copia / lipi cod în EverNote pentru a încerca pe IDE-ul dumneavoastră.
Nu este vorba prea mult de dimensiune pentru a face toate acestea, ci de rezoluție.
1600×900: ar trebui să fie minimul minim orice mai puțin veți simți întotdeauna că nu aveți suficient spațiu, chiar dacă aveți un alt ecran. Am făcut această greșeală o dată, din fericire, a fost posibil să-mi upgradez display-ul prin înlocuirea LCD-ului (aveam un ThinkPad pe atunci). Totuși, acest lucru nu este întotdeauna posibil , de fapt, aproape niciodată.
1900×800: Aceasta este rezoluția perfectă, ar trebui să vă investiți serios bugetul (chiar dacă trebuie să sacrificați orice altă componentă) în ea. Puteți oricând să reduceți rezoluția, dar nu o puteți mări!”
Dimensiuni
Personal, ecranul meu ideal este de 15″, dar cunosc o mulțime de oameni cărora le place portabilitatea laptopurilor cu un ecran de 14″ sau ven 13″. Și acestea sunt dimensiuni bune. Orice altceva mai puțin, asociat cu fonturi de dimensiuni mici, îți poate obosi ochii.
Rețineți că ecranul mic nu ar trebui să afecteze deloc dimensiunea fonturilor, le puteți schimba oricând. Va controla doar cât de mari sunt ferestrele tale.
În mod normal, eu folosesc cea mai mică opțiune de scalare a textului și side by side nu prea se potrivește. Îmi împart panourile de sus și de jos. Când chiar am nevoie de un al doilea monitor și nu folosesc desktop-ul, conectez un iPad pentru a servi drept al doilea monitor. Este un lucru pe care îl făceam și pe un MBP de 13″. Nu am încercat un laptop de 15″, deoarece este prea voluminos pentru a-l transporta peste tot
IPS
Un unghi de vizualizare orizontal și vertical larg este, de asemenea, un ajutor de la Dumnezeu. Pe lângă faptul că este un mare plus pentru fluxul de lucru, unghiurile de vizualizare pot fi importante este dacă faceți programare în pereche sau dacă vă arătați munca unor potențiali clienți/șefi.
Acest lucru este posibil doar cu afișajele IPS. Un alt avantaj uriaș al afișajului IPS este acuratețea culorilor
Glossy vs Matte
În timp ce ecranele lucioase sunt distractive, ecranele mate anti-reflexie sunt mult mai ușoare pentru ochi, mai ales după mai multe ore.
Porturi ThunderCat și monitoare duble
Laptopurile moderne pot veni acum cu porturi „ThunderBolt” sau porturi USB Type-C. Puteți arunca două monitoare externe dacă aveți unul, acest lucru se datorează faptului că puteți folosi și un HDMI pentru a atașa un monitor extern.
Alți factori
Gamut
Câțiva ar putea spune că gama de culori nu este atât de importantă, totuși, dacă sunteți un dezvoltator front-end, ar putea fi.
În ziua în care veți avea două ecrane conectate și veți observa că albastrul și roșul arată violet și portocaliu pe celălalt ecran, vă veți dori să aveți un laptop cu o gamă de culori mai bună pentru a fi siguri de culoarea pe care o folosiți.
De asemenea, atunci când știți că vedeți culorile corecte, vă puteți simți în siguranță spunându-le celorlalți că ecranul lor este cel care afișează culorile greșit.
TouchScreen
În cele din urmă, problema ecranelor tactile. Este posibil ca interfețele tactile să nu fie ceva de care să țineți cont acum, dar sunt cu siguranță în cărți pentru viitor.
Tablete, smartphone-uri – dacă vreți să vă asigurați că site-urile dvs. funcționează cu acestea, este probabil înțelept să vă luați un laptop cu ecran tactil, dacă vă permiteți deja.
GPU
Carte grafică dedicată nu este necesară pentru aproape niciun dezvoltator web, asta dacă nu aveți de gând să dezvoltați jocuri video.
Grafica video Intel integrată în cipurile CPU „Intel HD” se va descurca foarte bine.
Claviță
Tastatura
Tastatura pe o tastatură de proastă calitate vă va încetini munca și vă va scădea motivația. Dacă vei tasta coduri timp de 8-15 ore pe zi, vrei ca degetele tale să fie fericite!
Nu este ușor să găsești cele mai bune tastaturi, dar iată câteva orientări generale (și modele recomandate):
MacBooks: Acestea au cele mai bune tastaturi de pe piață, suficient spus.
ThinkPads: Nimic nu se compară cu lucrul pe tastaturile legendare care se găsesc pe acestea.
- Când te duci la magazin să tastezi o pagină de text după ce ai făcut acest lucru pe câteva laptopuri, îți vei da seama rapid că nu sunt la fel și vei alege inconștient cel care se simte cel mai bine , îți notezi modelul apoi și comanzi unul de la același producător (cu o configurație mai stufoasă în funcție de nevoile tale).
Tastatura BackLit KeyBoard
Nu uitați de iluminarea tastaturii.
Programatorii lucrează adesea până când se întunecă afară. O tastatură bine luminată poate fi mai puțin deranjantă pentru cei care dorm decât să aibă o lumină puternică aprinsă.
Încercați să tastați pe o tastatură perfect plană cu luminile stinse. Este mult mai greu decât ați putea crede. Achiziționați o lumină de plafon sau de fundal bună pentru tastatură dacă vă confruntați cu aceste situații.
Trackpad
Vă recomand serios trecerea la un mouse. Mi-am îmbunătățit de mai multe ori fluxul de lucru. Pe de altă parte, dacă sunteți obișnuiți doar cu TrackPads, când mergeți la magazin asigurați-vă că le testați temeinic, vreau să spun că veți folosi acest lucru întreaga zi.
Așa că nu vă uitați doar la el, încercați-l. Este receptiv? Poți să faci scroll cu el? Este multi-touch? Are butoane fizice de mouse care nu fac parte doar din trackpad? Încercați să glisați și să aruncați ceva. Încercați să faceți clic dreapta.
Wifi
Adaptor wireless AC
Internetul este ca o mașină: cu cât mai rapid, cu atât mai bine. Să poți încărca și descărca fișiere într-o clipită, pur și simplu te simți bine. Atunci când căutați sfaturi specifice despre cum să faceți ceva pe Google, viteza este esențială!
Amintește-ți că vei scrie cod și vei urma instrucțiuni din documentații, uneori recurgând și la tutoriale de pe youtube sau reutilizând codul cuiva.
Dacă este disponibil în partea ta de lume, ia-l. Majoritatea laptopurilor din ziua de azi îl au oricum, doar asigurați-vă că și al dumneavoastră îl are. Chiar și vecinul meu de noapte de 55 de ani îl are.