Здесь только субъективные оценки по тому, как выбирать ноутбук или компьютер, на что я ориентируюсь, когда советую купить компьютер для программирования.
Фронтенд разработкой занимаюсь уже больше 6 лет. Собрал несколько персональных компьютеров по частям, а также имел дело при покупке и выборе ноутбуков. Настройке персонального ПК и его обслуживанию. Поэтому буду описывать определенные характеристики железа, которые необходимы для работы и на что надо обращать внимание.
Если вы только начинаете, то для того чтобы понять это ваша работа мечты или нет, вполне хватит того компьютера или ноутбука который у вас есть. Дальше опишу как вам быть, когда у вас мало ресурсов, но хотите изучать.
Видеоядро
Для фронтенд разработки вполне хватит встроенного видеоядра, но если планируете играть в компьютерные игры, тогда рассматривайте без него, т.к. дешевле будет стоить и производительней
Но лучше сранивать между собой процессоры и читать обзоры, на ютубе полно видео с тем или иным процессором в играх. но это не означает что если вы купите мощный процессор и слабую видеокарту, то у вас будет игра летать. процессор и видеокарта работают в тандеме.
Дисплей
Если ноутбук - основное средство работы и не будете подключать внешний монитор и часто работать вне помещения (где важна миниатюрность ноутбука), тогда рассматриваете ноутбуки с диагональю 15.6 и 16дюймов. Это оптимальные размеры для работы. Ноутбуки с меньшей диагональю подойдет для узкого круга людей, которые точно знают что им он нужен. А с большей диагональю смысла нет брать, лучше уж внешний монитор подключить.
Для стационарного монитора мне было комфортно работать на 24 дюймовом, на 27 дюймах мне уже было не комфортно, т.к. приходилось крутить шеей. Но вы всегда сможете сходить в магазин или к друзьям и посмотреть что значит работать на 27 дюймах. С меньшей диагональю не советую покупать, т.к. будете быстрее утомляться. Но если у вас монитор не меньше 21 дюйма, можете пока пользоваться им.
Дисплей с TN для работы не рассматриваю, т.к. дисплей искажает цвета под разными углами обзора. Но для игрового ПК, возможно это не столь критично.
Тип матрицы уже подбираете под свои задачи, но если не хотите парится и надо чтобы было комфотно работать, берите IPS. Но для тех кто выбирает для графических задач (дизайнеры), то тут уже нужно подходить с умом.
Клавиатура
Выбирайте тот тип клавиатуры, который вам комфортен.
Если говорим про механику, то она шумная, но она как "печатная машинка", дает свой опыт использования.
Если вам нужен простой и тихий ввод, используйте мембранную клавиатуру для стационарных ПК или ножничный.
На ноутбуках у вас выбора особо нет, выбираете тот, который по нажатию вас устраивает (но это не главное должно быть при выборе ноутбука).
Также при покупке ноутбука я обращал внимание чтобы была подсветка клавиш, т.к. я при выключенном свете в темное время суток иногда работал.
Мышь
Мне нравится мышь M650 L, L тут означает large, а не для левшей. Есть такая мышка еще для левшей, поэтому при покупке будте осторожны.
Выбирал данную мышь, т.к. у нее прокрутка колесика мыши и нажатия клавиш тихая.
А также она безпроводная, что удобно для работы на ноутбуке.
Камера
Если говорим про ноутбуки в которые встроена камера в клавиатуру, то не рассматривайте такие ноутбуки, т.к. при прохождения интервью будет не очень удобно и комфортно.
Другие моменты
Избегайте покупки ноутбуков мало известных брендов.
Не покупайте ноутбуки hp в ценовом сегменте до 100тыс., они очень экономят.
Не покупайте слишком маркие ноутбуки, т.к. вы будете часто им пользоваться, то мараться он будет быстрее, устанете чистить. Хотя раз в неделю тот же дисплей и клавиатуру протирать желательно.
Не покупайте ноутбуки apple для разработки, т.к. есть проблемы с русской раскладкой и с удаленным рабочим столом. Постоянно надо помнить что горячие клавиши на mac и windows разные. Если подключаетесь к виртуальному рабочему столу windows на macbook, то горячие клавиши не будут работать на одном из языков.
Слабой мощности компьютер
1. Оперативная память
Если у вас 4гб оперативной памяти, а то и меньше, проверьте что у вас установлена windows 7 или linux подобные системы, которые требуют меньше оперативной памяти. К сожалению современные windows 10, 11 уже минимум требуют 8гб оперативной памяти для комфортной офисной работы.
2. Долговременная память
Если так получилось что у вас старенький hdd, то вам придется ждать минимум в 2-3 раза больше времени на загрузку как операционной системы, так и работы самих программ. Проверить скорость долговременной памяти можно через программу CrystalDiskMark.
Оптимально если:
Скорость последовательного чтения: от 2000 МБ/с и выше.
Скорость последовательной записи: от 1000 МБ/с и выше.
Битые сектора
Помимо скорости важно еще насколько стабильный у вас этот накопитель, это битые сектора, заметить это можно когда у вас "пропадают" файлы или система загружается с ошибками. После восстановления системных файлов, временно может восстанавливаться работа системы. Также битые сектора могут привести со временем к потере пользовательских файлав. Проверить накопитель на битые сектора можно через специальные программы, инструкцию по проверки можно найти в интернете.
Если у вас нет такой "магии" при работе за ПК, тогда можете не проводить диагностику на битые сектора.
Но если вы обнаружили что у вас есть битые сектора, то рекомендую важные данные перенести на внешний носитель, т.к. рано или поздно у вас информация будет повреждена или совсем выйдет из строя накопитель.
А также произвести замену накопителя, если конечно вы не планируете покупку другого компьютера или ноутбука.
Но если у вас скорости ниже и вы замечаете что компьютер подтормаживает, рекомендую вам разрабатывать код на сторонних сервисах, таких как codepen.io, jsfiddle и т.д.
3. Процессор
Тут вполне хватит и двухядерного процессора чтобы окунуться в мир фронтенд разработки, но если планируете покупку то рассматриваете от 4 ядер.
Если у вас будет выбор между 2 ядра и 2 потоками и 2 ядрами и 4 потоками, выбирайте последний, т.к. позволит больше процессов запускать параллельно.
Претенденты на покупку ноутбука в низком ценовом сегменте:
Например, ноутбуки на amd 5600u или на 5700u:
HUAWEI MateBook D 15 на Ryzen 7 5700U - можно найти в районе 40тыс. на озоне
Рассматривайте ssd не меньше 256гб. Тут уже выбираете сами, выбор большой. С учетом рекомендаций выше и ваших предпочтений.
Но если вы нашли 40тыс., то наверняка доплатите еще 20тыс., чтобы купить ноутбук уже в среднем сегменте. Если не будете программистом, то зато на будущее будет задел.
Если покупка ноутбука вам не принципиальна, например вы не студент, у вас стационарное рабочее место, тогда рассмотрите мини-пк. Они дешевле и мощнее ноутбуков, т.к. ноутбукам нужен дисплей, аккумулятор, клавиатура и т.д. Но это для тех кто не планирует играть в компьютерные игры или хочет ограничить себя от этой зависимости. Моноблок не советовал покупать, ибо он ограничен с точки зрения апгрейда и больше компонентов для отказа в одном устройстве.
Что делаеть если у вас слабый ПК
Например он уступает HUAWEI MateBook D 15 на Ryzen 7 5700U, тогда использовать сервисы для разработки кода такие как codepen.io, jsfiddle.
Также следите за открытыми программами, удаляйте не использованные. Если оперативной памяти меньше 4гб, рассмотрите расширение.
Если планируете локально разрабатывать, приобретите хороший ssd (операционную систему поставьте на него и проекты которые будете разрабатывать), если текущий уступает в скорости рекомендованным на чтение 2000 МБ/с и на запись 1000 МБ/с. А старый hdd используйте для вещей которые не требовательны к скорости, видео, фото, документы и т.д.
В первое время можно обходиться и 4гб оперативной памяти (если у вас win7) и слабеньким hdd, используя сервисы для разработки кода приведенные выше. А также двухядерным процессором. Главное проявлять интерес к разработке и практиковаться. Со временем у вас будут появляться заказы, тогда уже приобретете ноутбук на заработанные деньги.
Средней мощности компьютер
Тут уже проще, берем ssd от 512гб, оперативной памяти 16гб. Также не вижу смысла переплачивать за дискретную видеокарту, если планируете только работать.
Претенденты на покупку ноутбуки в среднем ценовом сегменте (если работаете уже больше года по специальности):
Lenovo IdeaPad Slim 3 Gen 8 на AMD Ryzen 7 7730U
MateBook D 16 на Intel Core i5-12450H
Honor MagicBook X 16 на AMD Ryzen 5 7640HS
ASUS X1504ZA-BQ1150 на Intel Core i7-1255U
AMD Ryzen 7 5800U
И ssd от 512гб. С оперативной памятью 16гб. Смотрите, чтобы был IPS дисплей. Тут уже лучше купить новый ноутбук на гарантии. Покупайте не дороже 60-70тыс. руб. Мониторьте цену, dns, озон или другой магазин, где выгодней.
Выводы
Я поделился тем, что думаю на счет того как вы можете начать карьеру во фронтенд разработки, либо для тех кто мало что пониманием в железе. Я перепробовал множество ноутбуков, поэтому есть чем сравнить. Но с другом стороны не вижу смысла покупать дорогие ноутбуки, которые будут через чур для поставленных задач для фронтенд разработчика.
Если есть дополнения или вопросы, готов на них ответить.
Комментарии (31)
fosihas
07.09.2024 15:29мышь как и клавиатура тактильный выбор, хотя мой выбор мыши - MX Anywhere
Проблему с камерой решает Camo studio, которая телефон к компу, а не телефонах камеры нормуль)
ko22012 Автор
07.09.2024 15:29Мне тоже больше нравится logitech мышки, качественный пластик и материалы. Мышь не выглядит дешевой. А вот навешивать телефон на ноут не очень идея с точки зрения устойчивости. Плюс машинально можешь закроешь ноутбук с телефоном. Но сама задумка хорошая, даже на последних macbook веб-камера уступает фронталке на телефоне.
Android1983
07.09.2024 15:29Привет автору.
Сразу соглашусь что если позволяют накопления лучше купить что-то более мощное, можно пожертвовать разве что ОЗУ и взять минимум с 8Гб и SSD на 256 Гб так как эти компоненты чаще всего можно в будущем заменить на больший объём и скорость. Про игры и более мощную графику тут нужно смотреть именно в сторону игр, будешь играть или нет. Одно могу сказать что гнаться за мощной видеокартой не стоит особенно если собирается стационарный компьютер. Да и речь в статье идёт именно про компьютер разработчика и по этому видео либо последней модификации что-то по типу Intel ARC либо что-то NVIDIA 2ххх RTX и не старше.
Да и если речь пошла именно о разработке и не важно какой то как вариант лучше брать устройство с процессором 4 ядра 4 потока с частотой 1.6 - 3...Ггц и ОЗУ 16 Гб остальное не так важно так как SSD всегда можно увеличит или хранить проекты в облаке. Главное чтобы программам для разработки хватило места для установки и осталось мечто для разрабатываемого проекта.
Спасибо что написали такую статью, я же не стал писать подобное а просто высказал свои мысли в комментариях. Так же пожелаю удачи всем кто хочет заняться разработкой разного рода программ.
azzas
07.09.2024 15:29redmibook pro 15.
Разрешение 3000*2000, матовый IPS, 90 Гц.
Тонкий, все нормально с портами.
Отличная клавиатура с блоком кнопок hone/end/pgdn/pgup.
Нормальная система охлаждения и неплохая автономность.
Для работы я лично ничего лучше не нашел. Да еще и недорого. Да еще и есть на Райзене, да еще и с встройкой 780m.
Metotron0
07.09.2024 15:29Да еще и недорого
Яндекс пишет, что он стоит под 100 тысяч.
Вам на работе фронтендер на vue не нужен? Стаж именно на vue 5 лет, но без новшеств, просто клепаю однотипное. А так уже больше 10 батрачу.
Хочется, чтобы мне это тоже было недорого.
Metotron0
07.09.2024 15:29Не минусите просто так, я новую работу ищу. Для меня сейчас 100 тысяч — это полоторы зарплаты, а чтобы купить такой ноут, мне нужен кредит на год. Я правда хочу получать среднюю зарплату, но в вакансиях всегда не то, что мне подходит. Там то крупные корпорации, то анимации, то знание ангуляра, то написание тестов (я быстро научусь, но мне нужно показать, как тестировать фронтенд), то амбициозность, то сложные интересные проекты, то ES7, который я наверное знаю, просто не помню, в какой конкретно версии что добавляли. А некоторые пишут, что нужен ES6, то есть, они считают, что сейчас есть люди, которые в знаниях JS остановились 9 лет назад, это слишком подозрительно.
Хочется заранее, до собеседования узнать, что реально хотят, а не что пишут в вакансии. А то спросят про евентлуп, которым я никогда не интересовался, а на работе надо таблицы фильтровать, да попапы с формами выводить.
serafims
07.09.2024 15:29+2Вот понакупают себе дизайнеры - разработчики крутых компов с 2k, UHD разрешением, крутым процессором, а потом их творения невозможно эксплуатировать на самых распространенных 15.6 FullHD или 22 дюйма FullHD экранах.
Но это я так, не очень серьезно. Все упирается в техническое задание, конечно.Про оперативку какая-то ерунда написана. Брать на 16-32 ГБ сейчас оптимально, учитывая аппетиты браузеров. Ну или брать с процессором поновее, но и смотреть, чтобы были свободные слоты для ОЗУ для апгрейда потом.
Клавиатура это вообще мрак на ноутбуках сейчас. Понравились клавы на ноутах Lenovo
ThinkBook 16 G6 IRL - наконец-то перестали делать убогие стрелки вверх-вниз размеров в полоивну высоты боковых стрелок.
ilya-chumakov
07.09.2024 15:29+1Я смирился и просто вожу с собой короткую механическую клавиатуру, если это возможно.
Metotron0
07.09.2024 15:29+1Согласен, что подойдёт любой, хотя многим коллегам нравится именно макбук.
Я сам выбирал в первую очередь по клавиатуре и экрану. Правда, смотрел по обзорам, а не вживую, но если бы смотрел вживую, то мне важно, чтобы кнопки приятно нажимались и экран был не убогим (а то есть опыт). Ну, и аккумулятор не самый мелкий. Возможность добавить оперативки была плюсом. Купил Maibenben за ~40 тысяч, плюсом добавил 8 ГБ памяти. Рискнул ноунеймовым брендом и остался очень доволен. Он служит уже года 4 наверное, меня устраивает. Правда, у него нет отдельных кнопок pgup/pgdown/home/end, зато есть numpad, поэтому я могу переносить конфиг vs code с десктопа без изменений — у меня хоткеи на нампаде. А ещё он не очень горячий. После предыдущего Acer, который обжигал колени даже сквозь подложенную под него толстую книгу, с этим можно сидеть час, пока ноги начнёт жечь.
На десктопе у меня 4k. С текстом работать приятнее, да и не забываю про srcset у img и image-set в background-image. Даже если у дизайнера и у заказчика fullhd, но у кого-то из клиентов будет высокая плотность пикселей, он увидит не мыльную картинку. Может, это не очень важно, зато профессиональный подход. Правда, есть и минус, что я забываю проверить корректность путей для 1x-картинок.
davidaganov
07.09.2024 15:29+1не знаю почему нагнали про HP, я очень долго выбирал из кучи ноутов в сегменте как раз таки до 100к и из всех вариантов остановился на HP Victus 15, там 3050ртх 6гб, 32гб озу, 1тб ссд, i5-13420H, винда 11, все это мне обошлось в 65-70к рублей примерно (я не из РФ, точно не скажу сколько было по тому курсу), идеальный ноутбук, от вненего вида до аппаратной части, тихий, клавиатура очень удобная, тач хороший, почти всегда холодный, и как по мне если ты уже не новичок то по озушки надо склоняться к 32гб, часто мои проекты + открытая фигма и какой-нибудь сторонний софт спокойно жрут по 20 гигов, когда был старый пк часто бился в 16 гигов озу и подлагивало, когда файлы сохранял или фигму листал. ну и для игр он хорош, мне лично все потребности закрывает такой ноут, моник и мышку подключил и больше ничего не надо)
aleks-th
07.09.2024 15:29+1Соглашусь с автором только в одном, хочешь работать - бери любой ноутбук который нравится и устраивает по цене и ресурсам, и не парься.
Но местами мне кажется, что статья лет так на 10 устарела.
Автор пишет про какие-то компы нижнего диапазона с 4 гигами памяти, на таком сейчас даже браузер нормально работать не будет... у меня такого антиквариата лежит пяток штук все работает, но бесполезно в практическом применении.
С 8 гигами антиквариат - как бы совсем минимум на чем хотя-бы интернет серфить можно...
На текущий момент минимум, который можно брать, это ноутбук с 16 хотя-бы гигами памяти. Это базовый вариант,
Все остальное опционально и по желанию, хотя-бы браузер уже нормально работать будет.
Wolfdp
07.09.2024 15:29Как-то не уверен в данных рекомендациях. Особенно насчет hdd. Опыт использования показал что попытка работать с ним на windows 10 будет очень грустной, и не только в первые минуты включения пк. Поэтому я обычно прям настоятельно рекомендую ставить ssd. Особенно если там будет 4ГБ ОЗУ, файл подкачки постоянно будет использоваться.
nafikovr
07.09.2024 15:29тут хочется добавить что банальная замена hdd на ssd оживляет и делает пригодным к комфортной офисной эксплуатации копролиты 10-15 летнего возраста.
codecity
07.09.2024 15:29Самый главный вопрос не затронули - какая ОС планируется. Сервер это практически всегда Linux, а вот разрабатывать на Windows под Linux - есть неудобства, даже те же права chmod - уже мелкое неудобство (WSL частично решает этот вопрос, но свои неудобства). Значит разумный выбор - либо Ubuntu/Fedora/Arch/etc либо таки гламурная MacOS. Как ни крути, а на MacOS софта качественного больше чем на Linux, в т.ч. для разработки. Ну а если решить выбрать гламур - то придется покупать яблочное железо, иначе с Хакинтош намучаетесь.
Apv__013
Какой ПК для фронтенда? Любой, который вам понравится.
Вся "статья".
anonymous
НЛО прилетело и опубликовало эту надпись здесь
Spaceoddity
Серьёзно? И какой процент пользователей будет разглядывать морду вашего сервиса хотя бы в разрешении 4К?
anonymous
НЛО прилетело и опубликовало эту надпись здесь
CBET_TbMbI
Неправильно. Ему нужно 2 ноута (или монитора). Один 8к, другой HD. Чтобы видел результат на обоих.
ko22012 Автор
я сделал статью для тех, кто входит в эту сферу.
Для большинства пользователей хабра не интересно.
В след. статье сделаю ссылку на эту статью. И не важно как сильно вы понизите рейтинг этой статье. Главное, чтобы конечный пользователь. для которой предназначена статья, смог прочитать.
У меня задумка была сделать практическую статью как развернуть рабочее окружение под разработку фронта и начать что-то "тыкать". А эта статья как отсылка к подготовительному этапу.
exTvr
Можно нинада.
Ну пожалиста - нинада.
И спасибо заранее.
ko22012 Автор
накидайте еще сюда минусов, бе-бе
Это уже я сам решу что мне делать или нет.
ekadesign
а зачем вы на ресурсе профильном и для профессионалов делаете вещь не очень профильную и не для профессионалов могу поинтересоваться ?