6 legjobb laptop webfejlesztéshez és tervezéshez 2021-ben

Végszavak:

Hát ennyi volt emberek, ha állandóan úton vagy, azt ajánlom, hogy tényleg fontold meg a premiul ultrabookokat vagy hordozható eszközöket (még a Surface Pro is működik webfejlesztéshez).

Ha többnyire egy helyen tartózkodsz, akkor bármilyen modern, tisztességes kijelzővel+billentyűzettel rendelkező laptop jöhet szóba. Nem tévedhet.

A nap végén minden laptop rendelkezik billentyűzettel és kijelzővel, ami elég a fejlesztéshez.

Hogyan vásároljon laptopot webfejlesztéshez

Mint mondtam, anélkül, hogy többet tudna az adott forgatókönyvről, nagyon nehéz lesz a megfelelő laptopot webfejlesztéshez landolni. Azon kívül, hogy pénzt dobsz a problémára, van néhány dolog, amit azonban érdemes kipróbálnod:

Upgrading an Old Machine

Mielőtt 1000 dollárt dobnál le egy új laptopra, kérdezd meg magadtól, hogy talán a jelenlegi problémáid közül bármelyik megoldható-e gazdaságosan. Azaz , a jelenlegi gépének korszerűsítésével.

A webfejlesztés egyáltalán nem hardverigényes. Talán egy szép SSD meghajtó vagy egy új RAM stick megteszi a hatását, feltéve persze, hogy van egy tisztességes kijelzője és billentyűzete, még az utóbbi kettő is megoldható (külső monitor + külső billentyűzet vásárlásával).

Mielőtt bármilyen fejlesztést végezne, derítse ki, mi emészti a rendszer erőforrásait:

1. Végezd el a jó öreg CTRL+ALT+DEL billentyűkombinációt. Csak az a baj, hogy az alkalmazásod erőforrás-igényes, vagy három tucat nyitott böngészőfüllel és egy nehéz IDE-vel versenyez?

2, Adj egy jó olvasmányt a Hogyan frissítsd a laptop RAM-ját vagy tárolóeszközét című írásomnak.

OS leminősítése/ IDE elhagyása

Azt is vegye figyelembe, hogy a dolgok lelassulhatnak egy új OS verzióra való frissítéssel.

Egy 2010MPB közepén lévő állományt kezdtem használni az elmúlt 4 évben, és elkezdett lassulni, ahogy folyamatosan frissítettem az OS-t (a Windows 10 jelenleg 4 GB-ot vesz igénybe ). Ami igazán lassúvá tette a szoftvereimet (főleg a PS CS6), és ami miatt vettem egy másik egész MacBook Pro-t, az a Mavericks-re való frissítés volt.

Megjegyzem, hogy a Dreamweaver és a PS egyszerre szintén 4GB körül van. Ha eléggé használod a Dreamweavert (én használtam, és több más lehetőség is van), akkor hatalmas mennyiségű erőforrástól szabadíthatod meg a rendszeredet. Ez akár teljesen kiválthatja a rendszer frissítésének szükségességét.

Szoftverek eltávolítása

A másik dolog, amit szem előtt kell tartanod, hogy mi van telepítve a laptopodra (a webfejlesztő szoftvereken kívül). A laptopjaim elég stabilak voltak az évek során, kivéve, amikor elkezdtem játékokat telepíteni rájuk. Lehet, hogy csak véletlen egybeesés, de csak azt mondom, hogy észrevettem egy mintát. Amíg távol tartom a játékokat a laptopomtól, nagyon ritkán úgy tűnik, hogy problémáim vannak vele.

Szóval legyél tudatában annak, hogy mit telepítesz a laptopodra. Ha csak próbaszoftvereket akarsz kipróbálni, tedd azt virtuális gépben, és csak akkor telepítsd a géped operációs rendszerére, ha már biztos vagy benne.

Ezért vannak a próbaszoftverek… hogy mindenképpen kipróbáld őket.

Webfejlesztők

Mivel ezt már megbeszéltük, mielőtt a webfejlesztéshez szükséges hardverekről beszélnénk, beszélnünk kell a webfejlesztőkről, különösen arról, hogy milyen szoftvereket használnak és milyen típusú munkafolyamatokat.

Miért foglalkozom egyáltalán ezzel? Nos, tisztában vagyok vele, hogy az emberek nagy százaléka olvassa ezt, akik most kezdenek belejönni a területbe.

Ez igazából azon múlik, hogy milyen webfejlesztést tervezel csinálni? Front-end? Back-end? Full Stack? Milyen eszközöket tervezel használni?

Front-end webfejlesztő

Ha front-end fejlesztő vagy, akkor leginkább azzal foglalkozol, hogy a webhely hogyan néz ki és hogyan érzi magát. Ez csak alapvető kódolás CSS, HTML, Javascript és esetleg JQuery segítségével (bár ez kezd kimenni a divatból, mivel a modern böngészők már képesek ugyanezt a munkát elvégezni, csak gyorsabban). Ezek nem igényelnek mást, mint egy alapvető modern számítógépet.

Másrészt , ha PhotoShopot vagy hi-res képeket & videókat használ, akkor érdemes befektetni a költségvetést a kijelzőre, RAM-ra & tárhelyre.

Van egy másik ok is, amiért érdemes a tárolásra beruházni, mint egy olyan kijelző, amely a nagy felbontású képeket valódi színükben jeleníti meg: a tárhely. Ez azt jelenti, hogy egy ablakban kódolhat, egy másik ablakban pedig láthatja, hogyan frissíti az eredményeket, vagy követheti az oktatóprogramokat.

Ha olyan nagy teljesítményű IDE-ket használ, mint a Dreamweaver és a VS Studio, akkor érdemes befektetnie RAM & opcionálisan tárhelyre is.

Back End fejlesztés

Bár a Back End fejlesztők tudják, hogyan kell használni a HTML,CSS stb. Java, PHP, Ruby on Rails, Python és .Net nyelven kell kódolniuk.

A fő probléma ezekkel kapcsolatban nem maguk a nyelvek, hanem az IDE, amely sok RAM-ot igényel, és előnyös egy gyors Storage Drive. Lehet, hogy az adatbázisokat is lokálisan futtatják, és akár VM-eket is használnak, ami több RAM & tárhelyet jelent.

Full Path Developer

Ez csak azt jelenti, hogy valaki egyszerre dolgozik a “Front End” WD-n (Html, CSS, javascript stb.) és a backend kódon (adatbázisok, .net, Php, C#, Ruby stb.).

Ami engem illet, általában mindig több alkalmazás van nyitva: Atom a kódoláshoz, Safari és Chrome a webböngészéshez és teszteléshez, 4-5 terminál ablak (SQL utasítások kiadása, tesztelés, és Git feladatok, és Redis, és…), 1-2 Finder ablak, Slack, Mail, Affinity Designer és SourceTree.

Student

Ha diákként kezded a webfejlesztést, valószínűleg a két ág kombinációját fogod végigjárni. Én a Visual Studiót és egy SQL Servert használó C# osztályokkal kezdtem.
A leghasznosabbnak a megjelenítést is találtam, vagyis egy IDE-t tudtam mellé tenni és egy webböngészőt (a tutorialok követéséhez). Mindig lehet váltani a szóközök között, vagy az ALT+TAB billentyűkombinációt használni, de ez elég idegesítő tud lenni.

Szoftverek

Ne feledjük, hogy a TextMade, CodeKit, Atom és SublimeText csak webfejlesztésre szabott szövegszerkesztők nem igényelnek semmi különöset, sőt, ezeket akár az iPhone-on is futtathatjuk. Én ezeket javasolnám a DreamWeaver helyett, ha a rendszered túl lassú a válaszadáshoz.

Mindössze kétféle szoftvert érdemes figyelembe venni, ha webfejlesztéshez vásárolsz számítógépet: PhotoShop vagy Virtual Box.

Illustrator/Photoshop

Ha kisebb grafikai szerkesztést végez, főként vektoros AI fájlok SVG-be való konvertálását és a színek finomhangolását, nincs szüksége GPU-ra a PhotoShophoz, sem hatalmas mennyiségű RAM-ra vagy csúcskategóriás CPU-ra. Ez utóbbi valójában ritkán jelent szűk keresztmetszetet még a hardcore photoshop felhasználók számára is.

VirtualBox

Másrészt, ha gyakran dolgozik egy Ubuntu Server VM-mel a Vagrant és a VirtualBox segítségével, hogy szimulálja a gyártási környezetet a kiadás előtt, akkor meg kell győződnie arról, hogy legalább 8 GB RAM-mal rendelkezik.

Hardver specifikációk webfejlesztéshez

CPU

Generáció

Amikor az emberek a számítógép sebességére gondolnak, mindig a CPU-ra gondolnak-2,9 GHz-es Intel Core i7 stb. De a modern CPU-k, különösen a 8. generációsak, soha nem lesznek a szűk keresztmetszet (még akkor sem, ha VM-eket futtatsz), ráadásul a webtervezés aligha CPU-intenzív.

Ha azonban az összes fentebb olvasott multitaskingot akarod dobni, akkor modern CPU-t kellene szerezned. Core i3, Core i5 vagy Core i7 nem igazán számít, amíg a 7. és 8. generációból való (a 6. lehet, hogy nyomja, de még mindig rendben van), addig rendben leszel.

Magok

Egy hatalmas kivétel lehet a fejlesztők, akik virtuális gépekre támaszkodnak. Még akkor sem kell sokat aggódni a CPU miatt, mivel a modern CPU-k legalább két maggal és +3GHz-cel rendelkeznek, mindkettő elég egy-két virtuális gép elindításához.

Ajánlott CPU-k: Core i3 -7100U, 83100U. Core i5-8250U, Core i5-8625U stb. Bár ma már léteznek erősebb CPU-k, ezek túlzásba viszik a webfejlesztést.

RAM

Másrészt a RAM valószínűleg a legfontosabb komponens minden webfejlesztő számára. A multitasking mennyisége őrületes lehet. Képzelje csak el, hogy van egy textEditor egy webböngésző egy virtuális gép egy SQL szerver és néhány webböngésző a tutorialokhoz és egy videó és még a terminál is nyitva van.

Tegyük hozzá a mixhez, hogy egy nehéz IDE-t használ, mint a DreamWeaver vagy a Visual Studio és a 4GB elég gyorsan el fog fogyni. Ne feledkezzünk meg a PhotoShopról és a képbe zsúfolt ezer rétegről sem.

8GB RAM: Ez még egy helyi webszerver vagy egy virtuális gép futtatásához is elég.
16GB RAM: Soha nem láttam szükségét annak, hogy 16GB legyen. Ha azonban azt tervezi, hogy profi full stack fejlesztő lesz, akkor jól jöhet. Mivel a legtöbb laptop frissíthető (kivéve a Macbookokat és az Ultrabookokat), dönthet úgy, hogy frissíti a sajátját.

Tároló

Webtervezéshez a számítógép sebessége sokkal inkább a merevlemezről szól, mint a CPU-ról, különösen most, hogy a CPU-k egyszerűen túl gyorsak.

Tárolási sebesség

Folyamatosan rengeteg fájlt fogsz megnyitni és bezárni, szinte állandóan, és ez azt jelenti, hogy a laptopodnak adatokat kell olvasnia/írnia a fájlokból/be. Egy olyan tárolómeghajtó, amely ezt néhány másodperccel gyorsabban teszi, hatalmas előny. Ne feledje, hogy ez a néhány másodperc a nap folyamán többször összeadódva órákat és kevesebb időt jelenthet egy projekten dolgozva.

SSD (Solid State Drive)

Itt jönnek jól az SSD-k, amelyek akár 17x gyorsabban képesek adatokat olvasni/írni, mint a hagyományos HDD-k. A nehéz IDE-eket is képesek elindítani. A két éves SSD-alapú ultravékony laptopom kilenc másodperc alatt képes hidegen elindítani a Windows 7-et, míg a MacBook Air-em körülbelül 9 másodperc alatt bootol!”

Disk memória

A néhány esetre, amikor megőrülsz az indított alkalmazások mennyiségével, a virtualBox és a PhotoShop egyszerre, a RAM egyszerűen nem lesz elegendő. A számítógép ekkor a tárolóeszközét fogja használni “extra RAM”-ként. Isten ments, ha még mindig van egy 5400 RPM, mert fájdalmasan lassú lesz. Ha viszont SSD-je van, akkor a sebesség nem sokat fog ártani a munkafolyamatának.

Tér

A probléma persze az, hogy a Solid State Drives általában nem rendelkeznek olyan “1TB HDD-vel”, mint a régimódi és lassú HDD téglák. Webfejlesztőként azonban nem lesz szüksége ennyi tárhelyre. 256 GB elegendő lesz, és ez az, amit a legtöbb SSD manapság kínál.

Kibírhatóság

Ha azt szeretné, hogy a tároló meghajtója megbízható legyen, és még a háttértárolójában sem bízhat, akkor a Samsung 850 Evo SSD meghajtókat ajánlanám. Ha nem, akkor bármilyen tárolómeghajtód van, legyen az HDD vagy SSD, 2-3 évente cseréld le.

Mi lesz a biztonsági mentéseimmel?

A CarbonCopyCloner segítségével minden másnap klónozhatom a teljes lemezemet egy külső meghajtóra. Vannak hasonló szoftverek windowsos gépekhez is, amelyeket használhatsz.

Kijelző

Vélhetően a legfontosabb komponens egy webfejlesztő számára az SSD mellett (mivel a RAM és a CPU általában tisztességes a legtöbb modern laptopon). Miért?

Ez a gépnek az a része, amellyel fizikailag többet érintkezik, mint bármely más alkatrésszel. Egész idő alatt bámulod, amíg használod.

Felbontás

Nagyjából mindenki hasznosnak fogja találni, ha két ablaktábla van egymás felé nyitva: Az IDE a bal oldalon és a Webböngésző a jobb oldalon. Még arra is szükséged lehet, hogy legyen egy kis hely, ahonnan kódot másolhatsz/illeszthetsz be az EverNote-ba, hogy kipróbáld az IDE-n.

Nem túlságosan a méretről van szó, hogy mindezt megtehesd, hanem a felbontásról.

1600×900: legyen a minimum, bármi kevesebb, mindig úgy fogod érezni, hogy nincs elég helyed, még akkor is, ha van másik kijelződ. Én egyszer elkövettem ezt a hibát, szerencsére az LCD cseréjével lehetett frissíteni a kijelzőmet (ThinkPadem volt akkoriban). Ez azonban nem mindig lehetséges , sőt, szinte soha.

1900×800: Ez a tökéletes felbontás, komolyan érdemes erre fordítani a költségvetésedet (még akkor is, ha más komponenseket kell feláldoznod). A felbontást mindig csökkentheted, de növelni nem tudod!

Méret

Személyesen az én ideális képernyőm a 15″, de sok embert ismerek, akik szeretik a hordozhatóságot a laptopok 14″ képernyővel vagy ven 13″ képernyővel. Ezek is jó méretek. Bármi, ami ennél kisebb, kis betűmérettel párosul, megerőltetheti a szemet.

Megjegyzendő, hogy a kis képernyőnek egyáltalán nem szabad befolyásolnia a betűméretet, bármikor változtathatsz rajta. Csak azt fogja szabályozni, hogy mekkorák legyenek az ablakok.

Én általában a legkisebb szövegméretezési lehetőséget használom, és az egymás mellett nem igazán elég. Én felosztom az ablakaimat felülről és alulról. Ha tényleg szükség van egy 2. monitorra, és nem használom az asztali gépemet, akkor egy iPad-et csatlakoztatok, hogy 2. monitorként szolgáljon. Ez az, amit én is csináltam egy 13″ MBP-n. Nem próbáltam ki 15″ laptopot, mivel túl terjedelmes ahhoz, hogy mindenhova magammal vigyem

IPS

A széles vízszintes és függőleges betekintési szög szintén egy istenadta dolog. Amellett, hogy hatalmas előny a munkafolyamatok szempontjából, a betekintési szögek fontosak lehetnek, ha páros programozást végez, vagy ha potenciális ügyfeleknek/főnököknek mutatja be a munkáját.

Ez csak IPS kijelzővel lehetséges. Az IPS-kijelzők másik hatalmas előnye a színpontosságuk

Fényes vs. matt

Míg a fényes képernyők szórakoztatóak, a matt tükröződésmentes képernyők sokkal könnyebbek a szemnek, különösen sok órán keresztül.

ThunderCat-portok és kettős monitorok

A modern laptopok már “ThunderBolt” portokkal vagy Type-C USB-portokkal érkezhetnek. Két külső monitort is bedobhat, ha van ilyen, ez azért van, mert egy HDMI-t is használhat külső monitor csatlakoztatására.

Más tényezők

Gamut

Mások szerint a színskála nem olyan fontos, azonban ha front-end fejlesztő vagy, akkor lehet, hogy igen.

Amikor két képernyőt csatlakoztat, és észreveszi, hogy a kék és a piros színek lilának és narancssárgának tűnnek a másik képernyőn, azt fogja kívánni, bárcsak lenne egy jobb színskálával rendelkező laptopja, hogy biztos lehessen benne, melyik színt használja.

Amellett, ha tudja, hogy a megfelelő színeket látja, nyugodtan elmondhatja másoknak, hogy az ő képernyőjük jeleníti meg rosszul a színeket.

TouchScreen

Végül az érintőképernyők kérdése. Lehet, hogy az érintőképernyőkre most még nem kell gondolni, de a jövőre nézve mindenképpen szerepelnek a könyvekben.

Tabletek, okostelefonok – ha azt szeretné, hogy a weboldalak ezeken is működjenek, valószínűleg bölcs dolog egy érintőképernyős laptopot beszerezni, ha már most is megengedheti magának.

GPU

A dedikált grafikus kártya nagyjából minden webfejlesztő számára nem szükséges, kivéve, ha videojátékok fejlesztését tervezi.

A CPU chipekbe épített Intel videó “Intel HD” grafika tökéletesen megteszi.

Billentyűzet

A rossz minőségű billentyűzeten való gépelés lelassítja a munkát és csökkenti a motivációt. Ha napi 8-15 órán át fogsz kódot gépelni, azt akarod, hogy az ujjaid boldogok legyenek!

A legjobb billentyűzetek megtalálása nem könnyű, de íme néhány általános irányelv (és ajánlott modellek):

MacBookok:

ThinkPads:

  • Amikor elmész a boltba begépelsz egy oldalnyi szöveget, miután ezt több laptopon is megtetted, hamar rájössz, hogy nem egyformák és öntudatlanul kiválasztod azt, amelyik a legjobbnak tűnik , majd felírod a modellt és rendelsz egyet ugyanattól a gyártótól (igényeidtől függően izmosabb konfigurációval).

BackLit KeyBoard

Ne feledkezz meg a billentyűzet megvilágításáról.

A programozók gyakran addig dolgoznak, amíg kint be nem sötétedik. Egy jól megvilágított billentyűzet kevésbé zavarhatja az alvókat, mintha erős fény világítana.

Próbáljon meg tökéletesen sík billentyűzeten gépelni kikapcsolt világítás mellett. Sokkal nehezebb, mint gondolnád. Szerezzen be egy jó felül- vagy háttérvilágítást a billentyűzetéhez, ha ilyen helyzetekkel találkozik.

Trackpad

Komolyan ajánlom az egérre való átállást. Nekem többszörösen javította a munkafolyamatomat. Másrészt, ha csak a TrackPadekhez szoktál hozzá, amikor elmész a boltba, mindenképpen alaposan teszteld le, úgy értem, hogy egész nap ezt a dolgot fogod használni.

Szóval ne csak nézd, próbáld ki. Reagál? Tudsz vele görgetni? Multi-touch? Vannak rajta fizikai egérgombok, amik nem csak a trackpad részei? Próbálj meg húzni és ejteni valamit. Próbáljon meg jobb egérgombbal kattintani.

Wifi

AC vezeték nélküli adapter

Az internet olyan, mint egy autó: minél gyorsabb, annál jobb. Egyszerűen jó érzés, hogy villámgyorsan tudunk fájlokat feltölteni és letölteni. Amikor konkrét tippeket keresel a Google-on, hogy hogyan csinálj valamit, a sebesség elengedhetetlen!

Ne feledd, hogy kódot fogsz írni, és dokumentációkból származó utasításokat fogsz követni, néha a youtube tutotrialshoz folyamodva vagy valaki kódját is újrafelhasználva.

Ha a te világrészeden elérhető, szerezd be. A legtöbb laptop ma már amúgy is rendelkezik vele, csak győződj meg róla, hogy a tiéd is rendelkezik vele. Még az 55 éves neightborom is rendelkezik vele.

Vélemény, hozzászólás?

Az e-mail-címet nem tesszük közzé.