Організація робочого простору
Робоче місце веб-розробника
Робоче місце повинно бути обладнане зручним столом і кріслом, в якому ви будете проводити по 6-12 годин на добу. Не сідайте навпроти вікна - яскраве світло швидко втомлюватиме очі. Також не працюйте в повній темряві, вмикайте настольну лампу, торшер. В темний період зменшуйте яскравість екранів.
Системний диск комп'ютера чи ноутбука повинен бути SSD, це значно прискорить запуск і роботу програм (IDE, Photoshop, браузера).

На ноутбуці з невеликим екраном не завжди зручно створювати сайти чи програми. Попіклуйтесь про встановлення додаткового великого монітора з IPS-матрицею. Раджу використовувати кронштейни, щоб підставки під монітори не займали місця на столі.
Обираючи ноутбук для роботи в першу чергу звертайте увагу на об'єм пам'яті, наявність чи можливість встановити SSD. Процесор, відеокарта, розмір жорсткого диску, роздільна здатність екрану мало впливатимуть на швидкодію вашої роботи (у веб-розробці ви не помітите різниці між бюджетним AMD і Intel Core i7, між вбудованою найдешевшою і дискретною потужною відеокартами). Малопотужний ноутбук буде легшим і довше працюватиме від батареї, матиме невеликий блок живлення.
Вибирайте ноутбук з мінімум 8 Гб ОЗУ. 128 Гб SSD буде цілком достатньо для роботи, якщо ви користуватиметесь однією ОС, розбийте диск на 80 Гб для системи і що залишиться - для роботи.
Якщо ви надаєте перевагу ОС Windows - для деяких проектів вам знадобиться Linux (або MacOS), на один ноутбук можна поставити дві операційних системи, але жорсткий диск знадобиться більшого об'єму - орієнтовно + 40 Гб.
З технікою іноді трапляються неприємності - вона ламається, розбивається, злітає ОС. Найгірше, коли це стається під кінець дедлайна важливого проекту. Тому я раджу обзавестися запасним ноутбуком, можна взяти б/в, за 200-400 доларів, з меншою кількістю пам'яті.

Організація робочих файлів у комп'ютері
З часом у вас буде все більше і більше проектів, різноманітних робіт.
Щоб дотримуватися якогось порядку, не перетворити робочий стіл і вінчестер на хаотичне нагромадження файлів, прислухайтесь до порад.
Створіть папку work на диску D:\ (чи будь-якому іншому, не на C:\), для MacOS та Linux - в документах, домашньому каталозі.
Взагалі-то, бажано тримати робочу папку на іншому жорсткому диску, якщо це можливо. Час від часу робити архівацію (backup) на флешку чи зовнішній жорсткий диск, активно використовувати хмарні сервіси (github, dropbox, google drive і т.п.).

Подальша структура вашої робочої папки:
D:\work\
2016-11\
2016-12\
2017-01\
2017-02\
2017-03\
archive\
2015-09\
2015-10\
2015-11\
2015-12\
2015-01\
some_folder
some_other_folder
test
Щоб в робочій папці не накопичувалися десятки папок з місяцями (що утруднить роботу) - старіші місяці скидайте в папку archive.
В папках кожного місяця створюйте папки проектів:
D:\work\2016-12\
andrey_izoterika
andrey_strahovka
andrey_magazin_eurohimiya
futbolki
kolesov
project_name
Якщо потрібна звичайна верстка, без веб-серверів, зборщиків, то структура папки проекта має бути такою:
D:\work\2016-12\futbolki\
html (папка з версткою)
psd (папка з макетами)
tz (або todo, папка з технічним завданням)
futbolki_20151204.zip (архів для клієнта)
Увага!
Не використовуйте кирилицю, великі літери та пробіли в іменах файлів та шляхах.
З кирилицею є великі проблеми якщо передаватимете файли в архіві на інший комп'ютер з іншою операційною системою чи заливатимете на FTP (linux).
З великими літерами часто виникають проблеми на серверах.
З пробілами часто бувають проблеми при вказуванні шляху до файлу.
Тому завжди використовуйте в іменах папок та файлів лише:
маленькі англійські літери та дифіс чи підкреслення замість пробіла.
Структура кожної папки проекту:
D:\work\2016-12\futbolki\
html
images
css
js
index.html
psd
futbolki.psd
futbolki.zip
tz (або todo)
tz_futbolki.zip
техническое задание.doc
notes.txt
Формат архівів
Завжди використовуйте лише архів формату ZIP. Архіви в форматах RAR, 7z можуть не розпакуватися у замовника.
Завжди добавляйте дату до імені архіву.
Завжди давайте зрозумілі назви архівів, не плодіть файли html.zip, html(2).zip, html(3).zip...
projectName_date.zip
futbolki_20181110.zip
futbolki_20181110a.zip
futbolki_20181110b.zip
futbolki_20181110c.zip
Такий формат зручний у використанні: одразу зрозуміло що за проект і коли був створений архів. У файлових менеджерах списки таких архівів зручно сортуються за датою.