Poslední slova:
No a to je vše, přátelé, pokud jste neustále na cestách, doporučil bych vám opravdu zvážit premiové ultrabooky nebo přenosná zařízení (pro vývoj webu se hodí i Surface Pro).
Pokud se většinou zdržujete na jednom místě, můžete zvážit jakýkoli moderní notebook se slušným displejem+klávesnicí. Nemůžete udělat chybu.
Koneckonců všechny notebooky mají klávesnici a displej, což pro vývoj stačí.
Jak koupit notebook pro vývoj webu
Jak jsem řekl, bez bližší znalosti konkrétního scénáře bude velmi těžké přistoupit na ten správný notebook pro vývoj webu. Kromě vhození peněz do problému byste však měli vyzkoušet několik věcí:
Modernizace starého stroje
Předtím, než vyhodíte 1000 dolarů za nový notebook, položte si otázku, zda by snad některý ze současných problémů, kterým čelíte, nešel vyřešit ekonomicky. Tedy , modernizací vašeho současného stroje.
Vývoj webu není vůbec náročný na hardware. Možná by stačil pěkný SSD disk nebo nová paměť RAM, samozřejmě za předpokladu, že máte slušný displej a klávesnici, dokonce i poslední dvě věci se dají vyřešit (koupí externího monitoru + externí klávesnice).
Než se pustíte do jakéhokoli upgradu, zjistěte, co vám žere systémové prostředky:
1. Zjistěte, co vám žere systémové prostředky. Proveďte staré dobré CTRL+ALT+DEL. Je to jen tím, že vaše aplikace je náročná na prostředky, nebo jí konkurují tři desítky otevřených karet prohlížeče a náročné IDE?
2, Pěkně si přečtěte můj návod Jak upgradovat operační paměť nebo úložiště notebooku.
Downgrading OS/ukončení IDE
Také si uvědomte, že věci může zpomalit upgrade na novou verzi OS.
Poslední 4 roky jsem začal používat stock z poloviny roku 2010MPB a začal být pomalý, protože jsem neustále aktualizoval OS (Windows 10 aktuálně zabírá 4 GB ). Co mi opravdu zpomalilo software (hlavně PS CS6) a co mě donutilo koupit další celý MacBook Pro, byl upgrade na Mavericks.
Poznamenejme, že Dreamweaver a PS zároveň zabírají také kolem 4GB. Pokud Dreamweaver docela používáte (já ano a existuje několik dalších možností), můžete si uvolnit systém od obrovského množství prostředků. Dokonce to zcela nahradí nutnost aktualizace systému.
Odinstalování softwaru
Další věc, kterou je třeba mít na paměti, je, co máte nainstalováno na notebooku (kromě softwaru pro tvorbu webu). Moje notebooky byly v průběhu let docela solidní, s výjimkou případů, kdy jsem na ně začal instalovat hry. Možná je to jen náhoda, ale jen říkám, že jsem si všiml nějakého vzoru. Dokud na notebooku neinstaluju hry, mám s ním problémy jen velmi zřídka.
Takže si dávejte pozor na to, co do notebooku instalujete. Pokud si chcete jen vyzkoušet zkušební software, udělejte to ve virtuálním počítači a do operačního systému počítače ho nainstalujte, až když si s ním budete jistí.
Od toho je zkušební software… abyste si ho stejně vyzkoušeli.
Weboví vývojáři
Než si řekneme něco o hardwaru pro vývoj webových stránek, musíme si promluvit o webových vývojářích, zejména o tom, jaký software používají a jaký typ pracovního postupu.
Proč se tím vůbec zabývám? No, jsem si vědom toho, že tohle čte obrovské procento lidí, kteří s tímto oborem teprve začínají.
V podstatě jde o to, jaký druh webového vývoje plánujete dělat? Front-end? Back-end? Full Stack? Jaké nástroje plánujete používat?
Webový vývojář front-endu
Pokud jste front-endový vývojář, budete se zabývat hlavně tím, jak web vypadá a působí. Jedná se pouze o základní kódování pomocí CSS, HTML, Javascriptu a možná JQuery (i když to už vychází z módy, protože moderní prohlížeče dnes umí stejnou práci, ale rychleji). Ty nevyžadují nic víc než základní moderní počítač.
Na druhou stranu , pokud používáte PhotoShop nebo obrázky ve vysokém rozlišení & videa, pak možná budete chtít investovat svůj rozpočet do displeje, paměti RAM & úložiště.
Existuje ještě jeden důvod, proč investovat do úložiště, než jen mít displej, který zobrazuje obrázky ve vysokém rozlišení v jejich skutečných barvách: prostor. To znamená, že můžete mít okno na kódování a další okno na prohlížení aktualizace výsledků nebo sledování výukových programů.
Pokud používáte náročná IDE, jako je Dreamweaver a VS Studio, měli byste také investovat do paměti RAM & případně úložiště.
Back End Development
Přestože Back End Developers umí používat HTML,CSS atd. Potřebují kódovat v jazycích Java, PHP, Ruby on Rails, Python a .Net.
Hlavním problémem u nich nejsou samotné jazyky, ale IDE, které zabírá hodně paměti RAM a těží z rychlé úložné jednotky. Mohou také lokálně spouštět databáze a dokonce používat virtuální stroje, což přidává další RAM &Úložiště.
Full Path Developer
To prostě znamená, že někdo pracuje jak na „Front End“ WD (Html, CSS, javascript atd.), tak na backend kódu (databáze, .net, Php, C#, Ruby atd.).
Jako já mám obvykle otevřeno několik aplikací neustále: Atom pro kódování, Safari a Chrome pro prohlížení webu a testování, 4-5 terminálových oken (vydávání příkazů SQL, testování a úlohy Git a Redis a…), 1-2 okna Finderu, Slack, Mail, Affinity Designer a SourceTree.
Student
Software
Mějte na paměti, že TextMade, CodeKit, Atom a SublimeText jsou jen textové editory přizpůsobené pro vývoj webových stránek nevyžadují nic speciálního, ve skutečnosti je můžete spustit na iPhonu. Pokud je váš systém příliš pomalý na reakce, doporučil bych je raději než DreamWeaver.
Při nákupu počítače pro tvorbu webu stojí za to vzít v úvahu pouze dva typy softwaru:
Illustrator/Photoshop
Pokud děláte drobné grafické úpravy, hlavně převádíte vektorové AI soubory na SVG a upravujete barvy, nepotřebujete pro PhotoShop GPU ani obrovské množství RAM nebo špičkový procesor. Ten je ve skutečnosti málokdy úzkým hrdlem i pro hardcore uživatele Photoshopu.
VirtualBox
Pokud naopak často pracujete s virtuálním počítačem Ubuntu Serveru pomocí Vagrantu a VirtualBoxu pro simulaci produkčního prostředí před vydáním, musíte se ujistit, že máte alespoň 8 GB RAM.
Specifikace hardwaru pro vývoj webových aplikací
CPU
Generace
Když lidé přemýšlejí o rychlosti počítače, vždy je napadne procesor – 2,9 GHz Intel Core i7 atd. Ale u moderních procesorů, zejména 8. generace, nikdy nebudou úzkým hrdlem (ani když provozujete virtuální počítače) a navíc webdesign není téměř nijak náročný na procesor.
Jestliže však chcete hodit všechen multitasking, který jste si přečetli výše, měli byste si pořídit moderní procesor. Core i3, Core i5 nebo Core i7 je v podstatě jedno, pokud je ze 7. a 8. generace (6. možná tlačí na pilu, ale pořád je to v pořádku), budete v pohodě.
Jádra
Obrovskou výjimkou mohou být vývojáři, kteří spoléhají na virtuální stroje. Ani v takovém případě není třeba se o procesor příliš starat, protože moderní procesory mají alespoň dvě jádra a +3 GHz, obojí stačí na spuštění jednoho nebo dvou virtuálních strojů.
RAM
Na druhou stranu je paměť RAM pravděpodobně nejdůležitější komponentou pro každého webového vývojáře. Množství multitaskingu může být šílené. Jen si představte, že máte otevřený textovýEditor webový prohlížeč virtuální počítač SQL server a několik webových prohlížečů pro výukové programy a video a dokonce terminál.
Přidejme k tomu, že používáte náročné IDE, jako je DreamWeaver nebo Visual Studio, a 4 GB budou pryč velmi rychle. Nezapomínejme na PhotoShop a tisíc vrstev nacpaných do obrázku.
8 GB RAM:
16GB RAM: Potřebujete alespoň 8 GB, což stačí i na provoz místního webového serveru nebo virtuálního počítače: Nikdy jsem neviděl potřebu mít 16 GB. Pokud se však plánujete stát profesionálním full stack vývojářem, může se hodit. Vzhledem k tomu, že většinu notebooků lze upgradovat (kromě MacBooků a UltraBooků), můžete se rozhodnout aktualizovat ten svůj.
Rychlost úložiště
Pro tvorbu webových stránek je rychlost počítače mnohem více o pevném disku než o procesoru, zejména nyní, kdy jsou procesory prostě příliš rychlé.
Rychlost úložiště
Budete neustále otevírat a zavírat spoustu souborů, téměř neustále, a to znamená, že váš notebook musí číst/zapisovat data do/z souborů. Mít úložnou jednotku, která to zvládne o několik sekund rychleji, je obrovskou výhodou. Nezapomeňte, že několik sekund sečtených několikrát během dne může v součtu znamenat hodiny a méně času při práci na projektu.
SSD (Solid State Drive)
Tady se hodí SSD disky, které mohou číst/zapisovat data až 17x rychleji než tradiční HDD disky. Mohou také spouštět těžké IDE. Můj dva roky starý ultratenký notebook s SSD diskem dokáže spustit Windows 7 za studena za devět sekund, zatímco můj MacBook Air startuje asi za 9 sekund!“
Paměť na disku
Pro těch několik případů, kdy se zblázníte z množství spouštěných aplikací, VirtualBoxu a PhotoShopu najednou, RAM prostě stačit nebude. Počítač pak přejde na používání paměťového zařízení jako „extra RAM“. Nedej bože, pokud máte ještě 5400 RPM, protože to bude bolestivě pomalé. Na druhou stranu, pokud budete mít SSD disk, nebude rychlost příliš na škodu vašemu pracovnímu postupu.
Prostor
Problém je samozřejmě v tom, že SSD disky obvykle nemají „1TB HDD“, který mají staromódní a pomalé HDD cihly. Jako webový vývojář však nebudete potřebovat tolik místa. 256 GB vám bude stačit a to je to, co vám dnes většina SSD disků nabízí.
Odolnost
Pokud chcete, aby byl váš úložný disk spolehlivý, a nemůžete věřit ani záložnímu úložišti, doporučuji sáhnout po SSD discích Samsung 850 Evo. Pokud ne, ať už máte jakýkoli úložný disk, ať už HDD nebo SSD, vyměňte ho každé 2-3 roky.
A co moje zálohy?
Klonovat celý disk na externí jednotku můžete pomocí CarbonCopyCloner každý druhý den. Existuje podobný software pro počítače s Windows, který můžete použít.
Displej
Pravděpodobně nejdůležitější komponenta pro webového vývojáře vedle SSD (protože RAM a CPU jsou u většiny moderních notebooků obvykle slušné). Proč?
Jedná se o část počítače, se kterou fyzicky přicházíte do styku více než s jakoukoli jinou částí. Zíráte na ni po celou dobu, kdy ji používáte.
Rozlišení
Prakticky všem z vás se bude hodit, když budete mít otevřená dvě okna proti sobě: IDE vlevo a webový prohlížeč vpravo. Možná se vám bude hodit i prostor pro kopírování/vkládání kódu do EverNote, který si vyzkoušíte v IDE.
Nejde příliš o velikost, abyste to všechno zvládli, ale o rozlišení.
1600×900: mělo by být naprosté minimum cokoli menšího, vždy budete mít pocit, že nemáte dost místa, i když máte další displej. Tuhle chybu jsem kdysi udělal, naštěstí bylo možné displej upgradovat výměnou LCD (měl jsem tehdy ThinkPad). Ne vždy je to však možné , vlastně téměř nikdy.
1900×800: To je ideální rozlišení, měli byste do něj vážně investovat svůj rozpočet (i kdybyste měli obětovat nějakou jinou složku). Vždy můžete rozlišení snížit, ale nemůžete ho zvýšit!“
Velikost
Osobně je pro mě ideální 15″ obrazovka, ale znám spoustu lidí, kterým se líbí přenosnost notebooků se 14″ obrazovkou nebo ven 13″ obrazovkou. I to jsou dobré velikosti. Cokoli menšího ve spojení s malou velikostí písma může namáhat oči.
Všimněte si, že malá obrazovka by neměla vůbec ovlivnit velikost písma, vždy je můžete změnit. Bude se jen řídit tím, jak velká jsou vaše okna.
Běžně používám možnost nejmenšího měřítka textu a vedle sebe to moc neřeší. Já mám rozdělené panely nahoře a dole. Když opravdu potřebuji druhý monitor a nepoužívám stolní počítač, připojím iPad, který slouží jako druhý monitor. To jsem dělal i na 13″ MBP. Nezkoušel jsem 15″ notebook, protože je příliš objemný na to, abych ho všude nosil
IPS
Široký horizontální a vertikální pozorovací úhel je také dar z nebes. Kromě toho, že je to obrovské plus pro váš pracovní proces, mohou být pozorovací úhly důležité, pokud programujete ve dvojici nebo pokud předvádíte svou práci potenciálním klientům/šéfům.
To je možné pouze s displeji IPS. Další obrovskou výhodou displejů IPS je jejich přesnost barev
Lesklá vs. matná obrazovka
Ačkoli lesklé obrazovky jsou zábavné, matné obrazovky s ochranou proti odleskům jsou mnohem šetrnější k očím, zejména po mnoho hodin.
Porty ThunderCat a dva monitory
Moderní notebooky se nyní mohou dodávat s porty „ThunderBolt“ nebo porty USB typu C. V případě, že jsou vybaveny porty „ThunderBolt“ nebo porty USB typu C, mohou být vybaveny i dvěma monitory. Můžete k nim přihodit dva externí monitory, pokud je váš má, to proto, že k připojení externího monitoru můžete použít i HDMI.
Další faktory
Gamut
Někdo by mohl říct, že barevný gamut není tak důležitý, nicméně pokud jste front-end vývojář, může být.
V den, kdy budete mít připojené dvě obrazovky a všimnete si, že modrá a červená vypadají na druhé obrazovce fialově a oranžově, budete si přát, abyste měli notebook s lepším gamutem obrazovky, abyste si byli jisti, kterou barvu používáte.
Když navíc víte, že vidíte správné barvy, můžete bez obav říct ostatním, že to jejich obrazovka zobrazuje barvy špatně.
Dotyková obrazovka
Nakonec otázka dotykových obrazovek. Dotyková rozhraní možná nejsou něčím, na co by se mělo pamatovat nyní, ale rozhodně se s nimi počítá do budoucna.
Tablety, chytré telefony – pokud chcete mít jistotu, že vaše webové stránky s nimi budou fungovat, je asi rozumné pořídit si notebook s dotykovou obrazovkou, pokud si ho už můžete dovolit.
GPU
Dedikovaná grafická karta není nutná pro téměř žádného tvůrce webových stránek, tedy pokud neplánujete vyvíjet videohry.
Video integrované do grafických čipů procesoru „Intel HD“ vám bohatě postačí.
Klávesnice
Typování na nekvalitní klávesnici zpomalí vaši práci a sníží vaši motivaci. Pokud se chystáte psát kód 8-15 hodin denně, chcete, aby vaše prsty byly spokojené!
Vybrat nejlepší klávesnice není snadné, ale zde je několik obecných zásad (a doporučených modelů):
MacBooky:
Makroboardy: Mají nejlepší klávesnice na trhu, to už bylo řečeno:
- Když půjdete do obchodu napsat stránku textu poté, co to uděláte na několika noteboocích, rychle zjistíte, že nejsou stejné, a podvědomě si vyberete ten, který se vám bude zdát nejlepší , zapíšete si pak model a objednáte si od stejného výrobce (se silnější konfigurací podle vašich potřeb).
Podsvícená klávesnice
Nezapomeňte na osvětlení klávesnice.
Programátoři často pracují, dokud se venku nesetmí. Dobře osvětlená klávesnice může být pro spící méně rušivá než rozsvícené jasné světlo.
Zkuste psát na dokonale rovné klávesnici při zhasnutém světle. Je to mnohem těžší, než si možná myslíte. Pokud se s takovými situacemi setkáte, pořiďte si dobré horní nebo zadní osvětlení klávesnice.
Trackpad
Vážně bych doporučil přechod na myš. Mnohonásobně se mi zlepšil pracovní postup. Na druhou stranu, pokud jste na TrackPady teprve zvyklí, až půjdete do obchodu, určitě si je důkladně vyzkoušejte, myslím tím, že tu věc budete používat celý den.
Takže se na to jen nedívejte, ale vyzkoušejte si to. Reaguje to dobře? Dá se s ním posouvat? Je vícedotykový? Má fyzická tlačítka myši, která nejsou jen součástí trackpadu? Zkuste něco přetáhnout a pustit. Zkuste kliknout pravým tlačítkem myši.
Wifi
Bezdrátový adaptér AC
Internet je jako auto: čím rychlejší, tím lepší. Možnost bleskového odesílání a stahování souborů je prostě příjemná. Když na Googlu hledáte konkrétní tipy, jak něco udělat, je rychlost zásadní!
Pamatujte, že budete psát kód a postupovat podle návodů z dokumentace, občas se uchýlíte i k tutotriálům na youtube nebo znovu použijete něčí kód.
Pokud je ve vaší části světa dostupný, pořiďte si ho. Většina dnešních notebooků ho má tak jako tak, jen se ujistěte, že ho má i ten váš. Dokonce i můj 55letý neightbor ho má.