6 Best Laptops for Web Development And Design in 2021

Last Words:

Well that’s it folks if you are constantly on the go, I’d recommend you really consider premiul ultrabooks or portable devices (even the Surface Pro will work for web development).

Jeśli przebywasz głównie w jednym miejscu, możesz rozważyć dowolny nowoczesny laptop z przyzwoitym wyświetlaczem i klawiaturą. Nie możesz się pomylić.

Na koniec dnia wszystkie laptopy mają klawiatury i wyświetlacze, które są wystarczające do rozwoju.

Jak kupić laptopa do rozwoju sieci

Jak powiedziałem, nie wiedząc więcej o konkretnym scenariuszu, bardzo trudno będzie wylądować na właściwym laptopie do rozwoju sieci. Oprócz rzucania pieniędzy na problem, istnieje kilka rzeczy, które należy spróbować choć:

Upgrade starej maszyny

Przed rzucić 1000 dolarów na nowym laptopie, zadać sobie pytanie, czy może każdy z obecnych problemów stoisz może być rozwiązany ekonomicznie. To znaczy, poprzez modernizację twojej obecnej maszyny.

Web Development nie jest wcale wymagający sprzętowo. Być może ładny dysk SSD lub nowa pamięć RAM załatwią sprawę, oczywiście pod warunkiem, że masz przyzwoity monitor i klawiaturę, nawet te dwie ostatnie rzeczy można naprawić (kupując zewnętrzny monitor + zewnętrzną klawiaturę).

Zanim dokonasz jakiejkolwiek modernizacji, dowiedz się, co zjada twoje zasoby systemowe:

1. Wykonaj starą dobrą procedurę CTRL+ALT+DEL. Czy to tylko dlatego, że Twoja aplikacja jest zasobożerna, czy też konkuruje z trzema tuzinami otwartych kart przeglądarki i ciężkim IDE?

2, Give my How to Upgrade your Laptop RAM or Storage device a nice read.

Downgrading OS/Quitting an IDE

Also note that things can be slowed down by upgrading to a new OS version.

I started using a mid 2010MPB stock for the past 4 years and it started to get slow as I kept updating the OS (Windows 10 currently takes 4GB ). Co naprawdę dostał moje oprogramowanie ślamazarny (głównie PS CS6) i co sprawiło, że kupić inny cały MacBook Pro była aktualizacja do Mavericks.

Zauważ, że Dreamweaver i PS w tym samym czasie również wziąć około 4GB. Jeśli dość używania Dreamweavera (ja tak zrobiłem i jest kilka innych opcji) możesz uwolnić swój system od ogromnej ilości zasobów. To nawet całkowicie zastąpi potrzebę aktualizacji systemu.

Odinstalowanie oprogramowania

Inną rzeczą, o której należy pamiętać jest to, co masz zainstalowane na swoim laptopie (oprócz oprogramowania web dev). Moje laptopy były całkiem solidne przez lata, z wyjątkiem sytuacji, gdy zacząłem instalować na nich gry. Może to być tylko zbieg okoliczności, ale mówię tylko, że zauważyłem wzór. Tak długo, jak trzymam gry z dala od mojego laptopa, bardzo rzadko mam z nim problemy.

Bądź więc świadomy tego, co instalujesz na swoim laptopie. Jeśli chcesz tylko wypróbować próbne oprogramowanie, zrób to w maszynie wirtualnej i zainstaluj je na systemie operacyjnym swojego komputera dopiero wtedy, gdy poczujesz się z nim pewnie.

Po to właśnie jest oprogramowanie próbne… aby je wypróbować.

Deweloperzy stron internetowych

Zanim omówimy sprzęt do tworzenia stron internetowych, musimy porozmawiać o deweloperach stron internetowych, zwłaszcza o tym, jakiego oprogramowania używają i jaki jest typ przepływu pracy.

Dlaczego w ogóle zawracam sobie tym głowę? Cóż, jestem świadomy, że istnieje ogromny procent ludzi czytających to, którzy dopiero zaczynają się w tej dziedzinie.

To naprawdę sprowadza się do tego, jaki rodzaj rozwoju sieci planujesz zrobić? Front-end? Back-end? Full Stack? Jakich narzędzi planujesz używać?

Front End Web Developer

Jeśli jesteś front-end developerem, będziesz głównie zainteresowany tym, jak strona wygląda i jak się czuje. Jest to tylko podstawowe kodowanie za pomocą CSS, HTML, Javascript i być może JQuery (chociaż to wychodzi z mody, ponieważ nowoczesne przeglądarki mogą teraz wykonać tę samą pracę, ale szybciej). Nie wymagają one niczego więcej niż podstawowy nowoczesny komputer.

Z drugiej strony, jeśli używasz PhotoShopa lub obrazów hi-res & wideo, wtedy możesz chcieć zainwestować swój budżet na Wyświetlacz, RAM & Pamięć.

Jest jeszcze jeden powód, aby inwestować na pamięci masowej niż tylko posiadanie wyświetlacza, który wyświetla obrazy wysokiej rozdzielczości do ich prawdziwego koloru: przestrzeń. To znaczy, można mieć okno do kodu i inne okno, aby zobaczyć, jak aktualizować wyniki lub śledzić samouczki.

Jeśli używasz ciężkich IDE, takich jak Dreamweaver i VS Studio, należy również inwestować w pamięci RAM & opcjonalnie pamięci masowej.

Back End Development

Although Back End Developers know how to use HTML,CSS and so on. Muszą kodować w Java, PHP, Ruby on Rails, Python i .Net.

Głównym problemem nie są same języki, ale IDE, które zajmuje dużo pamięci RAM i korzysta z szybkiego dysku. Mogą również uruchamiać bazy danych lokalnie, a nawet używać maszyn wirtualnych, co zwiększa ilość pamięci RAM.

Full Path Developer

To po prostu oznacza, że ktoś pracuje zarówno nad „Front End” WD (Html, CSS, javascript itp.) jak i nad kodem backend (bazy danych, .net, Php, C#, Ruby itp.).

Jak dla mnie, zazwyczaj mam kilka aplikacji otwartych przez cały czas: Atom do kodowania, Safari i Chrome do przeglądania stron internetowych i testowania, 4-5 okien terminala (wydawanie poleceń SQL, testowanie, i zadania Git, i Redis, i…), 1-2 okna Findera, Slack, Mail, Affinity Designer i SourceTree.

Student

Jeśli jesteś studentem zaczynającym web development, prawdopodobnie przejdziesz przez kombinację obu tych gałęzi. Ja zacząłem od zajęć z C#, które wykorzystywały Visual Studio i serwer SQL.
Najbardziej użyteczną cechą, jaką znalazłem, było również wyświetlanie, to znaczy, że mogłem mieć IDE z boku i przeglądarkę internetową (do śledzenia tutoriali). Zawsze możesz przełączać się między spacjami lub użyć ALT+TAB, ale to może być raczej denerwujące.

Oprogramowanie

Pamiętaj, że TextMade, CodeKit, Atom i SublimeText są tylko edytorami tekstu dostosowanymi do tworzenia stron internetowych nie wymagają niczego specjalnego, w rzeczywistości możesz je uruchomić na swoim iPhonie. Sugerowałbym je zamiast DreamWeavera, jeśli twój system jest zbyt wolny, aby reagować.

Są tylko dwa rodzaje oprogramowania, które warto wziąć pod uwagę przy zakupie komputera do tworzenia stron internetowych: PhotoShop lub Virtual Box.

Illustrator/Photoshop

Jeśli zajmujesz się drobną edycją graficzną, głównie konwersją plików wektorowych AI na SVG i podrasowywaniem kolorów, nie potrzebujesz GPU do PhotoShopa ani ogromnej ilości pamięci RAM czy procesora z najwyższej półki. Ten ostatni jest właściwie rzadko wąskim gardłem nawet dla hardkorowych użytkowników Photoshopa.

VirtualBox

Z drugiej strony, jeśli często pracujesz z Ubuntu Server VM używając Vagrant i VirtualBox do symulacji środowiska produkcyjnego przed wydaniem, musisz się upewnić, że masz co najmniej 8GB RAM.

Hardware Specs for Web Development

CPU

Generation

Kiedy ludzie myślą o prędkości komputera, zawsze myślą o CPU-2.9 GHz Intel Core i7, itp. Ale z nowoczesnych procesorów, zwłaszcza 8 generacji, nigdy nie będzie wąskim gardłem (nawet jeśli jesteś uruchomiony VMs) plus projektowanie stron internetowych jest mało CPU intensywne.

Jednak jeśli chcesz rzucić wszystkie wielozadaniowość czytałeś powyżej, powinieneś dostać nowoczesny procesor. Core i3, Core i5 lub Core i7 nie ma znaczenia, tak długo, jak jego z 7 i 8 generacji (6 może być popychany, ale nadal jest w porządku) będzie dobrze.

Cores

Wielkim wyjątkiem mogą być deweloperzy, którzy polegają na maszynach wirtualnych. Nawet wtedy nie ma potrzeby martwić się o CPU, ponieważ nowoczesne procesory mają co najmniej dwa rdzenie i +3GHz, oba są wystarczające do uruchomienia maszyny wirtualnej lub dwóch.

Zalecane procesory: Core i3 -7100U, 83100U. Core i5-8250U, Core i5-8625U, itd. Chociaż istnieją obecnie bardziej wydajne procesory, są one zbyteczne do tworzenia stron internetowych.

RAM

Z drugiej strony, pamięć RAM jest prawdopodobnie najważniejszym komponentem dla każdego Web Developera. Ilość multitaskingu może być szalona. Wyobraź sobie, że masz TextEditor, przeglądarkę internetową, wirtualną maszynę, serwer SQL i kilka przeglądarek internetowych dla tutoriali i wideo, a nawet otwarty terminal.

Dodajmy do tego, że używasz ciężkiego IDE jak DreamWeaver lub Visual Studio, a 4GB zniknie dość szybko. Nie zapominajmy o PhotoShopie i tysiącu warstw wciśniętych w obraz.

8GB RAM: Potrzebujesz co najmniej 8 Giga, to wystarczy nawet do uruchomienia lokalnego serwera WWW lub maszyny wirtualnej.
16GB RAM: Nigdy nie widziałem potrzeby posiadania 16GB. Jeśli jednak planujesz zostać profesjonalnym programistą full stack, może się to przydać. Ponieważ większość laptopów można uaktualnić (z wyjątkiem MacBooków i UltraBooków), możesz zdecydować się na aktualizację swojego.

Przechowywanie

Dla projektowania stron internetowych, szybkość komputera jest bardziej związana z dyskiem twardym niż z procesorem, szczególnie teraz, gdy procesory są po prostu zbyt szybkie.

Szybkość przechowywania

Będziesz ciągle otwierać i zamykać wiele plików, prawie cały czas, a to oznacza, że twój laptop musi odczytywać/zapisywać dane do/z plików. Posiadanie dysku, który robi to o kilka sekund szybciej, jest ogromną zaletą. Pamiętaj, że kilka sekund dodane kilka razy w ciągu dnia może dodać się do godzin i mniej czasu pracy nad projektem.

SSD (Solid State Drive)

Tutaj dyski SSD są przydatne. Mogą one odczytywać/zapisywać dane do 17x szybciej niż tradycyjne dyski HDD. Mogą również uruchomić ciężkie dyski IDE. Mój dwuletni ultracienki laptop z dyskiem SSD może uruchomić Windows 7 na zimno w dziewięć sekund, podczas gdy mój MacBook Air uruchamia się w około 9 sekund!

Pamięć dyskowa

Dla kilku przypadków, gdy oszalejesz z ilością aplikacji, które uruchamiasz, virtualBox i PhotoShop w tym samym czasie, pamięć RAM po prostu nie będzie wystarczająca. Twój komputer będzie wtedy używał pamięci masowej jako „dodatkowej pamięci RAM”. Nie daj Boże, jeśli nadal masz 5400 RPM, ponieważ będzie to boleśnie powolne. Z drugiej strony, jeśli masz dysk SSD, prędkość nie będzie miała większego wpływu na twój przepływ pracy.

Przestrzeń

Problemem jest oczywiście to, że dyski SSD zazwyczaj nie mają „1TB HDD”, które mają stare modne i powolne dyski HDD. Jako twórca stron internetowych nie będziesz jednak potrzebował tak dużo miejsca, 256 GB będzie wystarczające i jest tym, co większość dysków SSD oferuje dzisiaj.

Wytrzymałość

Jeśli chcesz, aby Twój dysk pamięci masowej był niezawodny i nie możesz nawet zaufać swojej pamięci masowej kopii zapasowej, zalecałbym wybranie dysków SSD Samsung 850 Evo. Jeśli nie, to jakikolwiek masz dysk, czy to HDD czy SSD, wymieniaj go co 2-3 lata.

Co z moimi kopiami zapasowymi?

Możesz użyć CarbonCopyCloner do sklonowania całego mojego dysku na dysku zewnętrznym co drugi dzień. Istnieją podobne programy dla maszyn windowsowych, których możesz użyć.

Wyświetlacz

Prawdopodobnie najważniejszy komponent dla web developera oprócz dysku SSD (ponieważ RAM i CPU są zazwyczaj przyzwoite w większości nowoczesnych laptopów). Dlaczego?

Jest to część maszyny, z którą wchodzisz w fizyczną interakcję bardziej niż z jakąkolwiek inną częścią. Wpatrujesz się w nią przez cały czas korzystania z niej.

Rozdzielczość

Prawie każdy z Was uzna za przydatne posiadanie dwóch paneli otwartych na siebie: IDE po lewej i Web Browser po prawej. Możesz nawet chcieć mieć trochę miejsca na kopiowanie/wklejanie kodu do EverNote, aby wypróbować go w IDE.

Nie chodzi o rozmiar, ale o rozdzielczość.

1600×900: powinno być absolutnym minimum, cokolwiek mniej, zawsze będziesz czuł, że nie masz wystarczająco dużo miejsca, nawet jeśli masz inny wyświetlacz. Popełniłem ten błąd raz, na szczęście można było uaktualnić mój wyświetlacz poprzez wymianę LCD (miałem wtedy ThinkPada). Jednak nie zawsze jest to możliwe, w rzeczywistości prawie nigdy.

1900×800: Jest to idealna rozdzielczość, powinieneś poważnie zainwestować swój budżet (nawet jeśli musisz poświęcić jakikolwiek inny komponent) na nią. Zawsze możesz zmniejszyć rozdzielczość, ale nie możesz jej podnieść!

Rozmiar

Personalnie moim idealnym ekranem jest 15″, ale znam wiele osób, które lubią poręczność laptopów z ekranem 14″ lub ven 13″. To też są dobre rozmiary. Anything less paired with small font sizes can strain your eyes.

Note that the small screen should not affect the size of the font at all, you can always change them. To będzie tylko kontrolować, jak duże są twoje okna.

Zazwyczaj używam najmniejszej opcji skalowania tekstu, a side by side tak naprawdę nie przycina go. Rozdzielam moje panele na górze i na dole. Kiedy naprawdę potrzebuję drugiego monitora i nie używam pulpitu, podłączam iPada, aby służył jako drugi monitor. To jest coś, co robiłem również na MBP 13″. Nie próbowałem jeszcze laptopa 15″, ponieważ jest zbyt nieporęczny, aby nosić go wszędzie

IPS

Szeroki kąt widzenia w poziomie i w pionie to również dopust boży. Poza tym, że jest to ogromny plus dla Twojego przepływu pracy, kąty widzenia mogą być ważne, jeśli wykonujesz programowanie w parach lub jeśli pokazujesz swoją pracę potencjalnym klientom/szefom.

Jest to możliwe tylko z wyświetlaczami IPS. Innym ogromnym plusem wyświetlaczy IPS jest ich dokładność kolorów

Błyszczące vs Matowe

Choć błyszczące ekrany są zabawne do oglądania, matowe ekrany antyodblaskowe są znacznie łatwiejsze dla oczu, szczególnie przez wiele godzin.

Porty ThunderCat i podwójne monitory

Nowoczesne laptopy mogą być teraz wyposażone w porty „ThunderBolt” lub porty USB Type-C. Możesz wrzucić dwa zewnętrzne monitory, jeśli masz jeden, to dlatego, że możesz również użyć HDMI do podłączenia zewnętrznego monitora.

Inne czynniki

Gamut

Niektórzy mogą powiedzieć, że gamut kolorów nie jest tak ważny, jednak jeśli jesteś front-end developerem, może być.

Dzień, w którym masz podłączone dwa ekrany i zauważysz, że błękity i czerwienie wyglądają fioletowo i pomarańczowo na drugim ekranie, będziesz żałował, że nie masz laptopa z lepszą gamą kolorów, aby być pewnym, jakiego koloru używasz.

Także, kiedy wiesz, że widzisz właściwe kolory, możesz czuć się bezpiecznie mówiąc innym, że to ich ekran wyświetla niewłaściwe kolory.

TouchScreen

Na koniec kwestia ekranów dotykowych. Interfejsy dotykowe mogą nie być czymś, o czym należy teraz pamiętać, ale na pewno są w planach na przyszłość.

Tablety, smartfony – jeśli chcesz mieć pewność, że twoje strony będą z nimi współpracować, prawdopodobnie mądrze jest kupić laptopa z ekranem dotykowym, jeśli możesz sobie na to pozwolić.

GPU

Dedykowana karta graficzna nie jest konieczna dla prawie każdego twórcy stron internetowych, to znaczy, chyba że planujesz tworzyć gry wideo.

Wideo Intela wbudowane w układy CPU „Intel HD” wystarczy w zupełności.

Klawiatura

Pisanie na niskiej jakości klawiaturze spowolni twoją pracę i obniży twoją motywację. Jeśli zamierzasz pisać kod przez 8-15 godzin dziennie, chcesz, aby twoje palce były szczęśliwe!

Landing najlepszych klawiatur nie jest łatwy, ale oto kilka ogólnych wytycznych (i zalecane modele):

MacBooki: Mają najlepsze klawiatury na rynku, dość powiedzieć.

ThinkPady: Nie ma to jak praca na legendarnych klawiaturach znalezionych na tych.

  • Kiedy pójdziesz do sklepu wpisz stronę tekstu po zrobieniu tego na kilku laptopach, szybko zdasz sobie sprawę, że nie są takie same i nieświadomie wybierzesz ten, który czuje się najlepiej, zapiszesz model i zamówisz jeden od tego samego producenta (z bardziej wołową konfiguracją w zależności od potrzeb).

BackLit KeyBoard

Nie zapomnij o podświetleniu klawiatury.

Programiści często pracują do czasu, gdy na zewnątrz jest ciemno. Dobrze oświetlona klawiatura może być mniej przeszkadzająca dla śpiących niż włączone jasne światło.

Spróbuj pisać na idealnie płaskiej klawiaturze przy wyłączonym świetle. Jest to o wiele trudniejsze niż mogłoby się wydawać. Jeśli napotkasz takie sytuacje, zaopatrz się w dobre oświetlenie górne lub tylne dla swojej klawiatury.

Trackpad

Poważnie polecam przejście na mysz. Wielokrotnie poprawiłem swój przepływ pracy. Z drugiej strony, jeśli jesteś po prostu przyzwyczajony do trackpadów, gdy pójdziesz do sklepu, upewnij się, że dokładnie je przetestujesz, ponieważ będziesz używał tej rzeczy przez cały dzień.

Więc nie patrz tylko na nią, wypróbuj ją. Czy jest responsywny? Czy można na nim przewijać? Czy jest wielodotykowy? Czy ma fizyczne przyciski myszy, które nie są tylko częścią gładzika? Spróbuj coś przeciągnąć i upuścić. Spróbuj kliknąć prawym przyciskiem myszy.

Wifi

Adapter bezprzewodowy AC

Internet jest jak samochód: im szybszy, tym lepszy. Możliwość błyskawicznego wysyłania i pobierania plików to po prostu dobre uczucie. Kiedy szukasz konkretnych wskazówek, jak coś zrobić w Google, prędkość jest niezbędna!

Pamiętaj, że będziesz pisać kod i postępować zgodnie z instrukcjami z dokumentacji, czasami uciekając się do youtube tutotrials lub ponownie wykorzystując czyjś kod też.

Jeśli jest dostępny w twojej części świata, zdobądź go. Większość dzisiejszych laptopów i tak to ma, tylko upewnij się, że twój też to ma. Nawet mój 55-letni staruszek to ma.

.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany.