Отпуск — сам по себе стресс. По данным опросов, 54 % россиян тревожатся и при планировании отдыха, и во время него. На стресс-депрессию после отпуска жалуется четверть респондентов, но есть причины считать, что это искаженные данные. Скажем, после новогодних каникул хандрят уже 70 %. Наконец, именно из-за стресса люди уходят в отпуск.

Куда ни глянь, везде беспокойство, тревожность и уныние. Теоретически отдых должен зарядить энергией и помочь справиться с проблемой выгорания и усталостью. На деле постотпускной синдром нередко заставляет пожалеть, что вы вообще ходили в отпуск.

Почему возникает постотпускной синдром

Всему виной психология и физиология. Организму комфортна рутина, и он не любит резких переключений. Вот с чем вы чаще всего имеете дело:

• Сбой биологических ритмов. Рабочее расписание заставляет всех жить примерно по одному графику. Но стоит дать себе свободу, как сразу становится понятно, кто сова, а кто жаворонок. Возвращение к рабочему графику чревато недосыпом, а он не улучшает настроение.
• Изменения в питании. Отпускная еда обычно богата быстрыми углеводами. Организм любит их, так как они легко перерабатываются в простейшие сахара и снабжают его энергией. А вот резкое снижение количества углеводов в рационе после отпуска способно привести к усталости и плохому настроению.
• Отдаленность следующего отпуска. Наверняка вы с нетерпением ждали отпуск. Но он закончился, и одной причиной для ликования стало меньше.
• Неправильный отдых. Вы могли весь отпуск пролежать на диване и остаться неудовлетворенным. Или, наоборот, были очень активны — и теперь чувствуете, что не успели отдохнуть. Наконец, что-то могло выйти из-под контроля, и путешествие получилось неидеальным. Все это способно усугубить стресс.

Чем меньше вы любите свою работу, тем сильнее стресс от возвращения на нее. В крайних случаях все может перерасти в депрессию, с которой придется идти к психотерапевту по выходу из отпуска. Если возвращение из отпуска сопровождается не просто легкой апатией или тоской по жарким странам, а делает ваше существование невыносимым, стоит задуматься о смене компании.

Как планировать отпуск и выходить из него

Разбейте отпуск на несколько частей

По закону работнику положен оплачиваемый отпуск продолжительностью минимум 28 дней. В зависимости от обстоятельств он может быть и дольше. Но это не значит, что вы обязаны отгулять все дни за один раз. Ограничение по трудовому кодексу: один из отпускных периодов должен составлять не менее 14 дней. В остальном вы можете равномерно распределить выходные в течение года.

Лучше делать это не бездумно. Если вы работаете не первый год, то наверняка замечали, что «темные времена» наступают примерно в одно и то же время. Назначайте отпуск на периоды выгорания, чтобы не утомляться слишком сильно.

Отдыхайте правильно

Возможно, для вас отдых — это кутеж до утра, много алкоголя и еды. Но при таком подходе после отпуска вы будете испытывать еще больше усталости, чем до него, — особенно если вам не двадцать лет.

Чтобы как следует отдохнуть, высыпайтесь, причем делайте это не как попало. Хотя бы постарайтесь соблюдать режим дня, ложиться в одно и то же время и вставать не после обеда. В этом случае вам не придется опять менять распорядок с первого рабочего понедельника.

Что касается питания, здесь важно знать меру и следить за балансом белков, жиров и углеводов в рационе. Если налегать на запретные в обычные дни продукты, в худшем случае можно попасть в больницу из-за проблем с желчным пузырем. Но и при более оптимистичном сценарии вы будете чувствовать себя измотанным, так как организму нелегко переваривать тяжелую пищу.

По поводу алкоголя и так все понятно. Интоксикация еще никого не делала здоровее.

Оставьте несколько дней для акклиматизации

Если отпуск вы провели за границей, слова «акклиматизация» и «джетлаг» для вас — не пустой звук. Организму нужно время, чтобы адаптироваться к новым условиям — влажности, температуре, часовому поясу. Нагрузка и так велика, но она станет невыносимой, если вы из аэропорта поедете в офис.

Поэтому планируйте отпуск так, чтобы после возвращения с отдыха на работу у вас было несколько дней, которые вы потратите на неспешную подготовку к трудовым будням. Не требуйте от себя невозможного: если самочувствие оставляет желать лучшего, позвольте себе лечь в кровать и смотреть сериалы.

Выходите из отпуска в середине недели

Если вернуться на работу в понедельник, впереди вас будут ждать пять долгих рабочих дней. Зато те, кто выходит из отпуска в среду, смогут отдохнуть уже через три дня.

Выгода очевидна — если все правильно спланировать, сначала вы получите «пробник» рабочей недели и сможете вспомнить, что здесь вообще происходит.

Входите в работу постепенно

Чтобы облегчить себе первые рабочие дни, готовиться к ним надо начать еще перед отпуском. Завершите проекты, которые можете. Передайте коллегам дела по задачам, которые необходимо отслеживать. Благодаря этому в первый рабочий день на вас не обрушится лавина дел, разобраться с которыми надо было еще позавчера. Вместо этого вы сможете плавно войти в трудовой процесс.

Оставьте место для маленьких удовольствий

Вчера вы ныряли в море, а сегодня погрузились в пучину дел. Чтобы размыть границу между отдыхом и работой, оставьте себе место для маневра. Захватите к чаю сладости из страны, куда вы путешествовали. В обед встретьтесь с друзьями, чтобы рассказать об отдыхе. В общем, не отказывайте себе в удовольствиях только под тем предлогом, что вы только что были в отпуске и пора честь знать.

Как провести первый рабочий день после отпуска

Вот несколько советов, которые помогут постепенно влиться в работу и облегчить симптомы постотпускного синдрома.

Разберите почту. Но не всю сразу, иначе сложно будет отделаться от ощущения, что на вас свалилась гора. Читайте письма не по порядку, а по важности, чтобы не упустить то, что требует вашего внимания в первую очередь.

Просмотрите рабочий календарь — что в нем изменилось за время вашего отсутствия в отпуске?

Приведите рабочее место в порядок. Во-первых, это работа, не требующая от вас сверхусилий. Во-вторых, на столе могут оказаться важные документы, о которых вам забыли сообщить.

Составьте список задач на ближайшее время на основе документов, почты и календаря. Будьте реалистом и не пытайтесь работать над несколькими делами одновременно. Многозадачность еще ничью работу не делала продуктивнее, а после отпуска — тем более.

Уберите отвлекающие факторы. Наверняка перед отпуском вы разлогинились во всех соцсетях. Пока все так и оставьте, чтобы сосредоточиться на работе.

Фриланс — штука заманчивая. Многие рисуют радужную картину: сидишь дома в растянутой майке или в хипстерском кафе в прекрасном платьице (нужное подчеркнуть). Выполняешь любимую работу с утра пораньше и целый день отдыхаешь — или играешь и тусишь, а вечером занимаешься делом (ненужное зачеркнуть). А деньги и клиенты появляются сами собой. 

Таким мечтателям, скорее всего, придется столкнуться с трудностями, совершить уйму ошибок и разочароваться в работе на себя. Так что лучше обезопаситься заранее — например, прочитать наш мануал. В нем разберем топ-7 фрилансерских ошибок.

 Не брать предоплату

С деньгами у наших граждан отношения сложные. Тут и культурные особенности, и советское прошлое, и установки по поводу денег — финансовый винегрет тот еще. А для фрилансера важно в первую очередь научиться себя продавать. Для этого нужно четко знать, сколько стоит твоя работа, сколько времени ты готов на нее потратить и как не остаться без денег.

С первыми двумя пунктами каждый должен разбираться самостоятельно, а вот с последним всех выручит старая добрая предоплата. Это и для заказчика стимул не прерывать с вами отношения, и для вас морковка перед носом — здорово же, когда деньги уже почти в кармане. И вы работаете спокойно, и заказчик понимает, что имеет дело с серьезным специалистом.

Лайфхак: не стоит раньше времени относиться к предоплате как к своим деньгам и тем более тратить ее. Представьте, что эта сумма заморожена, и не рассчитывайте на нее. Так будет проще вернуть эти деньги, если что-то с заказом пойдет не так.

Работать «за еду»

Работать за символическую плату есть смысл, только если вы совсем новичок в профессии и вам нужен хоть какой-то опыт. Если это не ваш случай, то не стоит совершать распространенную ошибку и потворствовать заказчикам с запросами вроде «Напишите текст на тему „Математическая сингулярность“ на 10 000 знаков срочно, вот вам 500 ключевых слов. Плачу 10 копеек за тысячу знаков».

Вариант — работа «за имя» или «по дружбе». Кто-то с удовольствием сделает своему другу сайт за пару банок пива, а другой согласится работать бесплатно только на компанию не ниже Apple.

Рано или поздно каждый фрилансер вырабатывает свой кодекс чести: для кого, когда и при каких обстоятельствах он может сделать работу не за деньги, а по знакомству или чтобы добавить красивую строчку в резюме. Но помните, что неопытных фрилансеров везде подстерегают мошенники и странные персонажи.

Лайфхак: в сообщениях, где вы пишете о своих услугах (заказчику, в соцсетях, на визитках), укажите, что вы работаете только по предоплате, и подробно распишите расценки.

Скромничать

«Да ну, разве это была работа», «Я не могу попросить у заказчика денег за такую мелочь» — так часто думают фрилансеры в начале пути и совершают грубую ошибку. Но такая скромность не украшает, а только грозит оставить вас без оплаты за выполненную работу. 

Лайфхак: если вам сложно или неловко разговаривать о деньгах, сделайте заранее несколько шаблонов с напоминаниями. Поищите удачные фразы в сети. В нужный момент останется только скопировать текст, вставить в письмо заказчику и нажать кнопку «отправить». Можно при этом зажмуриться, главное — не промахнуться.

Работать без договора

Далеко не все заказчики соглашаются заключать договор. Тут надо оценивать масштаб заказа. Если вам предстоит нарисовать картинок на 500 евро, а на стороне работодателя отказываются от договора, стоит задуматься. Но если речь об одной картинке за 500 рублей, заморачиваться не хочется — заказчика можно понять.

В этом случае требуйте предоплату как гарантию, скриньте переписки и уточняйте все, что вам кажется непонятным. Хорошо бы еще добиться внятного ТЗ и заранее оговорить стоимость дополнительной работы, если придется что-то переделывать. 

Лайфхак: соберите отзывы о своем заказчике. Прежде чем соглашаться на работу, узнайте, что это за человек или какая репутация у компании.

Еще лайфхак: складывайте в отдельные папки на компьютере все документы, скрины переписок и другие файлы, касающиеся каждого работодателя. Когда вы попрощались и получили деньги, потратьте пять минут и опишите свои впечатления от работы. Много времени у вас это не займет, а вот нервы в перспективе сэкономит существенно.

Делить шкуру неубитого медведя

«Вот мне сейчас заплатят тысячу рублей, а я на нее куплю это и это, заплачу за квартиру, а на сдачу закажу пиццу». Заманчиво звучит, но лучше до завершения заказа относиться к будущему гонорару как к условной сумме - не совершайте ошибок других фрилансеров. По закону подлости, если вы уже в мыслях (или в торговом центре) потратили все обещанные заказчиком деньги, найдется причина вам их не выплачивать. Или уменьшить сумму. Или выдавать частями несколько месяцев. Или вам придется переделывать заказ еще пару недель.

Лайфхак: заведите отдельный кошелек или карту и складывайте туда все предоплаты. Часто есть риск, что эти деньги придется возвращать, так что лучше их не трогать до окончания проекта.

Не планировать рабочий день

Ходят легенды, что существуют фрилансеры, которые утром встают, завтракают, делают зарядку и приступают к работе. Потом обедают, гуляют с друзьями и доделывают задачи в срок. И — представляете? — ложатся спать, не испытывая чувства вины за несделанные дела!

Чтобы приблизиться к светлому образу человека-робота, нам придется изрядно потрудиться. Самое элементарное — составить режим рабочего дня.

И тут проявляется побочка фриланса, его баг и фича: приходится изучать себя и свои возможности. В офисе никто не задумывается, во сколько просыпаться, завтракать и обедать — все решает работодатель. А фрилансер сам выбирает стратегию поведения — и пытается ей следовать.

Лайфхак: задавайте себе вопросы. Буквально на каждое действие: зачем я это сейчас делаю? Что мне это даст? Чем мне хочется заняться? Как я могу оптимизировать свой день?

Еще лайфхак: посмотрите около сотни видео о продуктивности, прочитайте десяток книг по самоорганизации, послушайте несколько подкастов о прокрастинации, потестите их идеи, отберите подходящие вам — и действуйте!

Врать и оправдываться

Лучший друг фрилансера — честность. Если вы сможете сделать заказ только за неделю, не озвучивайте срок в три дня. Хотите доплату за срочность — скажите об этом. Заболели — предупредите. Не можете или не хотите браться за задачу — напишите об этом заказчику.

Честность, открытость и пунктуальность в работе — вот главные принципы фрилансера. Следуя им, вы заработаете репутацию надежного и ответственного специалиста.

Лайфхак: правда, попробуйте быть с заказчиками честным. Это сэкономит много сил и времени, вот увидите.

И помните: какие бы ошибки вы ни совершили как фрилансер, это не повод оставлять любимое дело, терзаться чувством вины и погружаться в депрессию. Только на ошибках можно научиться и приобрести жизненный опыт. 

Вениамин Шитиков выиграл бесплатное обучение фронтенд-разработке, после чего прошел стажировку и сейчас работает в GeekBrains. Как студент стал сотрудником образовательной площадки? Сейчас узнаете.

— Вениамин, какое у тебя было образование и где ты работал до GB? Откуда у начальника склада подготовка, чтобы выиграть бесплатное обучение IT-профессии при огромном конкурсе? :)

— Образование было высшее, но очень далекое от веб-разработки. В 2001 году я окончил Ташкентский университет информационных технологий по специальности «радиосвязь, радиовещание и телевидение».

Первый опыт в программировании получил самостоятельно — пробовал изучать язык Java. А позже, когда узнал о конкурсе на бесплатное обучение в GeekBrains, начал активно подтягивать знания.

— Ты родился в Узбекистане?

— Родился я в Ленинграде, но, когда мне было семь лет, мы с мамой переехали в Ташкент. Там я вырос, окончил школу и университет. В 2002 году переехал обратно в Питер к отцу. Считаю себя петербуржцем до глубины души: люблю свой город со всеми его дождями, парадными, поребриками и гречей с курами. 

Тем не менее, когда мне предложили работу в GeekBrains, ни грамма не сомневался, что нужно ехать в Москву.

— Когда ты понял, что разработка — это твое?

— Стало нестерпимо на старой работе. Так получилось, что по возвращении из Ташкента мне нужно было заново получать гражданство. Куда устроиться человеку без гражданства? На склад. Так я стал кладовщиком, что на тот момент было очень неплохо. 

К 2013 году я вырос в начальника большого склада. Первое время было интересно и финансово все устраивало. Но за пять лет многое изменилось. Сейчас логистика — звено, на котором все пытаются экономить. И получается, что работы на складах становится больше, а зарплата не растет. Изменилось и отношение к этой сфере. Я понял: надо что-то менять. 

Проанализировал рынок вакансий и свои сильные стороны: образование и математические способности, — и решил попробовать себя в программировании. 

Сначала я выбрал язык Java: читал о нем, пробовал писать код — и убедился, что мне это интересно. Начал искать курсы и узнал про GeekBrains. Собирался записаться на платное обучение, но увидел, что проходит замечательный конкурс :) Можно было выиграть бесплатное обучение фронтенду или Ruby.

Я решил попробовать. Постоянно обращался к Googlе в поисках, чего бы еще почитать. По-моему, поисковик — главное оружие разработчика.

— И почему между Frontend и Ruby ты выбрал первое?

— Это произошло спонтанно: для поступления на специальность «frontend-разработка» во вступительных задачах нужно было использовать JavaScript. По сравнению с Ruby язык JS показался мне более близким к Java и потому более понятным. 

Позднее, уже в процессе учебы, я пришел к выводу, что сделал правильный выбор. В JavaScript я нашел то, чего мне не хватало в Java, — прежде всего, возможность быстро видеть результат своей работы. 

— Задания показались тебе простыми?

— Не простыми, но понятными. Самыми сложными были тесты по дискретной математике. Они, по сути, играли решающую роль при отборе кандидатов. С первой попытки одолеть все задачи не получилось, зато я понял, какие темы надо подтянуть, и стал готовиться дальше. На второй раз — где-то через неделю подготовки — прошел тест без проблем. 

— Какую практику ты получил за время обучения? Какой проект делал совместно с другими студентами в рамках командной разработки? Какие задачи достались конкретно тебе?

— Мы с двумя ребятами-бэкендерами сделали сервис для владельцев парковок Parking online. Это решение для автоматизации учета и управления, а также электронное рабочее место для оператора парковки.

Скриншот страницы авторизации

Для меня это был первый большой проект и очень крутой опыт. Изначально мы собирались развивать сервис, но потом я понял, что на данном этапе мне интереснее именно разработка. Да и остальным тоже. К сожалению, хостинг сайта был платным и уже закончился, но на YouTube осталась презентация и серия обучающих видео по работе с сервисом.

Создание тарифа с помощью сервиса Parking online

По ходу учебы мы выполняли много мелких задач в рамках практических заданий. А еще я многое писал для себя, когда вникал в технологии. Я быстро понял, что основательно разобраться в чем-то можно, только когда набьешь руку. 

Поэтому весь код, написанный за время учебы и по собственной инициативе, я выкладываю в свой репозиторий на GitHub. Считаю, это очень важно — из небольших проектов разработчик собирает себе портфолио. 

 — После обучения профессии ты остался в GeekBrains на стажировку. Что она собой представляла? Сколько длилась? Кто все это курировал?

— Фактически стажировка представляла собой настоящую работу — задача была максимально приближена к боевой: мы переписали на React один из разделов сайта GeekBrains. Правда, полностью сделать это не успели, а дальше меня взяли на работу и начались другие задачи. 

Дело в том, что переписывание работающего кода, приведение его к более современному и чистому виду — важная, но не первостепенная задача. В живом проекте всегда есть вещи более нужные и актуальные в конкретный момент.

Курировал нас тимлид из GeekBrains. Я и сейчас в его команде.

— Чему пришлось учиться в период стажировки? 

— С самого начала пришлось осваивать новые технологии: GraphQL, TypeScript, Apollo, Styled components.

— Когда ты шел на стажировку, ты уже знал, что по итогу можешь получить позицию Junior в GB?

— Да, нам сказали, что по результатам кого-то из нас могут взять на работу. Как я говорю своей дочери, взрослый мир не дает гарантий, но дает возможности.

 — Какие остались впечатления от учебы?

— Очень понравилось, но было сложно. Большинство ребят у нас в группе уже имели опыт верстки и/или программирования, а мне приходилось изучать все с нуля. Иногда я сидел за компьютером всю ночь, чтобы вовремя сдать практические задания по курсу HTML.

Для меня обучение на реальных проектах — дополнительная мотивация. Здесь ты не можешь все забросить и убедить себя, что потом начнешь заново. На тебе ответственность, и ты делаешь, что можешь. К счастью, если что-то непонятно, есть возможность обратиться за помощью к руководителю и коллегам.

— Стек технологий, который ты сейчас используешь на работе, сильно изменился со времен учебы?

— Практически не изменился. К тому, что я назвал выше, остается добавить как раз базовые вещи, изученные в GB: современный JS, HTML 5, CSS-grid.

— В каком направлении собираешься развиваться дальше, что изучать?

— Сейчас осваиваю React Native. Буду дальше развиваться как frontend-разработчик. Мне нравится это направление — оно востребовано и, как мне кажется, на этом поприще у меня многое получается. Тем более, есть у кого учиться: мне очень повезло с тимлидом. Помимо обширных знаний он обладает отменным терпением :)

Так что в заключение хочу сказать спасибо GeekBrains. На своем опыте могу утверждать: здесь обучают специалистов, которых сами готовы взять на работу.

Jenga

Кое-кто утверждает, что это игра с политическим подтекстом: в ней надо стащить как можно больше, но так, чтобы конструкция устояла, а если она и рухнет — чтобы виноват был кто-то другой. Но мы считаем, что Jenga — это про IT и разработку!

Что за игра? Jenga — это набор деревянных брусочков, из которых нужно сложить башню. Затем участники игры по очереди достают по одному бруску из любого уровня башни, кроме верхнего. Кто обрушит башню — проиграл.

Тайный смысл. Разумеется, это игра про рефакторинг и чистку кода. Все ненужное и задвоенное надо беспощадно удалять из тела программы, оставляя только функциональный код. И стараться при этом ничего не поломать.

Можно толковать игру иначе: не забывайте делать резервные копии данных! Одно неловкое движение — и можете потерять все наработки, если нет бэкапа.

Dixit (а также «Имаджинариум» и другие клоны)

Классика игр, развивающих воображение, и лучший способ выявить в компании иностранного шпиона: как бы хорошо он ни конспирировался, культурный код у него другой и он обязательно проколется.

Что за игра? В наборе более 80 карт с причудливыми изображениями. Один игрок загадывает ассоциацию и произносит ее вслух (поет, показывает жестами). Потом все выкладывают на стол по одной своей карте, наиболее подходящей к тому, о чем заявил ведущий. Карты перемешиваются. Задача игроков — определить, какую карту загадал ведущий. При этом всех остальных надо обойти, выбрав карту, лучше подходящую под ту же ассоциацию.

Тайный смысл. Кому не приходилось включать режим телепатии и угадывать, что имеет в виду юзер? Dixit — лучший способ научиться читать мысли. Эти же паранормальные таланты пригодятся при изучении чужого кода. Особенно если его автор в детстве потерялся в джунглях и его вырастили дикие индийские программисты.

«Покорение Марса», «Виноделие», «Брасс» и другие игры «евро»

Эти игры сочетают огромное разнообразие миров и сеттингов с увлекательным сюжетом.

Что за игры? «Евро» — условное название игр, в которых нет прямого противостояния игроков, вражды и битв. К победе здесь приходят благодаря интеллекту, хитрости и способности думать на несколько ходов вперед. Стратегическое мышление и умение правильно распорядиться ресурсами — главные козыри.

Тайный смысл. Прекрасный тренажер для мозга — а хорошему IT-специалисту он нужен постоянно. Чтобы серое вещество не ржавело, его нужно порой как следует встряхивать. «Евро» подходят для этого идеально. А руководители проектов и senior-разработчики смогут еще и поупражняться в менеджменте.

Gloomhaven, «Клинок и колдовство», Descent (кооперативные игры)

Один в поле не воин, во фреймворке — не команда, а на игровом поле — проигравший… Кооперативные игры созданы для того, чтобы объединять людей ради общей цели.

Что за игры? В кооперативных играх участники сообща противостоят внешним силам, а не соперничают друг с другом.

Тайный смысл. Такие игры помогают научиться работать в коллективе, договариваться и распределять обязанности. Слаженные действия, взаимопомощь и совместное преодоление трудностей — залог успеха при разработке программного обеспечения.

Colt Express

Дикий Запад, пассажирский поезд, грабители в масках, шериф, пистолеты, стрельба и пороховой дым!

Что за игра? Симулятор ограбления поезда. Игрокам предстоит попробовать себя в роли разбойников, которые, не сговариваясь, одновременно напали на поезд. Каждый ход делится на две части. Сначала игроки по очереди выкладывают карты, планируя свои действия в поезде. Затем эти карты разыгрываются в том же порядке. Несмотря на кажущуюся простоту, игра совсем не элементарная — что-нибудь обязательно пойдет не так, и все планы рухнут!

Тайный смысл. Colt Express доказывает «от обратного», что работа в команде должна быть слаженной и скоординированной. Посмотрите, что бывает в IT-коллективах, где каждый тянет одеяло на себя и уверен, что лучше остальных разбирается в разработке. Мораль простая: делитесь идеями, обсуждайте их, вырабатывайте общее решение — и только потом пишите код. А иначе закончите как на Диком Западе — без добычи и с чужими пулями в колоде!

Теперь серьезно. Польза игр для развития профессиональных качеств программиста — это, конечно, шутка (со своей долей правды). Но настольные игры — отличное развлечение и хобби. Настолки объединяют людей, помогают расслабиться и повеселиться.

А вы любите играть в настольные игры? Напишите в комментариях, какие предпочитаете и как они помогли вам прокачаться в IT!

Недавно мы публиковали материал «Где попрактиковаться в программировании: 30 ресурсов» с задачками, играми, тестами по популярным языкам программирования. Вы спрашивали об играх для прокачки навыков фронтендера — их есть у нас.

Grid critters — game-changer, разработанный Дейвом Геддесом. CSS Grid — самая современная методология, которая открывает новые возможности в построении макетов для сайтов. Дейв Геддес считает, что с появлением CSS Grid проблема верстки табличных макетов решена. Освойте методологию раз и навсегда, играя в Grid Critters: Grid Mastery Game.

Сюжет игры — путешествие на загадочной планете Гридерос. Ваша миссия — использовать сетку корабля, чтобы спасти местных жителей от вымирания. Вы управляете кораблем через Grid — прописывая правильный код, вы видите, как верстка влияет на ход игры.

К сожалению, игра не бесплатная — она стоит 179 долларов.

Flexbox Zombie — еще одна игра от Дейва Геддеса, только для изучения CSS Flexbox. Это современная методология, гибкая и универсальная, но не всем просто ее освоить — многие пользуются шпаргалками, когда верстают. Пришло время изучить Flexbox так, чтобы без проблем создать любой макет.

В игре Flexbox Zombie двенадцать разделов, каждый из которых раскрывает часть сюжета и помогает изучать методологию. Сюжет построен на сражении с зомби: игрок управляет арбалетом с помощью кода. От знания Flexbox и соблюдения инструкций зависит жизнь персонажа.

Игра стоит 225 долларов, но сейчас она доступна бесплатно — достаточно зарегистрироваться на сайте.

CSS Diner — простая игра, в тайтле которой авторы пишут: «Where we feast on CSS Selectors». Поможет и освоить CSS, и освежить в памяти базовые правила верстки. В CSS Diner игрок с помощью правильной команды — игра помогает инструкциями — должен расположить на столе посуду и продукты. Всего в игре 32 уровня, на каждом из которых задания усложняются. Выполняя их, вы сможете изучить CSS от простых селекторов вроде дивов до first-child и атрибутов input.

Code the Web — игра, которая учит веб-верстке. Вообще сервис Tynker ориентирован на детей и предлагает игры для обучения программированию, но и взрослому освоить верстку там тоже можно. В Code the Web предлагают изучить основы HTML и CSS для создания простых веб-страниц на материале стартовых проектов Tynker. А скоро на сайте будет доступна игра по введению в веб-дизайн.

Flexbox Defence — еще одна игра, которая научит применять Flexbox на ваших веб-страницах. Она соответствует жанру Tower Defence: игрок возводит  башни, чтобы одолеть врагов. В Flexbox Defence оборонительные сооружения строятся с помощью CSS-кода, и перед новым уровнем игрока знакомят с инструкцией по flexbox-свойствам.

Grid Garden — игра, подходящая и взрослому, и ребенку, обучит методологии CSS Grid. Уровень за уровнем игрок узнает новые grid-свойства, с помощью которых выращивает морковный сад, поливает его, избавляется от сорняков, следит за урожаем. Всего уровней двадцать восемь, и игра помогает понятными инструкциями на каждом этапе.

Flexbox Froggy — игра похожа на Grid Garden, но направлена на изучение CSS Flexbox. С помощью персонажа — лягушонка Фрогги — вы научитесь применять flexbox-свойства для позиционирования объектов на странице. По мере выполнения инструкции персонажей становится больше, и каждого из них нужно переместить на соответствующую линию с помощью CSS.

Бонусом для верстальщика

Hex Invaders — аркада, которая поможет запомнить HTML-обозначения цветов. Игроку нужно определить, какой цвет зашифрован в шестизначном коде, и выстрелить из пушки по пришельцу соответствующего цвета. Понятно, что помнить обозначения всех оттенков сложно, но чем больше играешь и проходишь уровни, тем лучше ориентируешься в цветах.

Pixactly — онлайн-инструмент для отработки навыка pixel perfect, важного для любого верстальщика. Pixactly поможет проверить, насколько хорошо развит глазомер. В игре предлагаются параметры, в соответствии с которыми нужно нарисовать прямоугольник. В зависимости от того, насколько близка нарисованная фигура к заданным размерам, вы получаете баллы. А еще оценку от Pixactly — старайтесь не ошибаться, если не хотите вместо «Great» увидеть «Great! said nobody».

Zelda: Breath of the Wild и Overwatch Hero Picker с помощью CSS — видеоинструкции от Дейва Геддеса. Вместе с Дейвом вы можете создать интерфейс игр с помощью CSS Grid, Flexbox и других современных приемов верстки. Отлично подходит для отработки навыков, полученных в играх.

Михаил Логинов оставил собственный бизнес ради IT. Год работал в тестировании, окончил курс Frontend в GeekBrains и уже три месяца трудится веб-разработчиком полного цикла. Стоило ли оно того? И реально ли собрать портфолио за время учебы? Об этом и о пути в профессию сейчас поговорим.

— Михаил, с чего начался ваш путь в разработку и в GeekBrains?

— В детстве любил математику — побеждал на олимпиадах и в результате без экзаменов поступил на мехмат Ростовского государственного университета по специальности «математик, системный программист».

В университете давали хорошую теоретическую базу, но к реальной разработке это не имело отношения. Дальше я занялся собственным бизнесом и на восемь лет забыл о программировании.

Но бизнес шел нестабильно — мне были интересны альтернативы. Обратил внимание на зарплаты в IT и решил попробовать. Для начала прошел бесплатные курсы Portnov Computer School и устроился тестировщиком. Удивительно, что меня в 30 лет взяли без опыта!

Я ежедневно общался с разработчиками, пробовал их инструменты, привыкал к их порядкам и жаргону. Через несколько месяцев стал просить у начальства небольшие задачки по программированию. Когда решил, что хочу учиться на разработчика, нашел GeekBrains.

Платить за учебу не пришлось — курс Frontend я выиграл в конкурсе от GB «Мы ищем таланты». Из восьми тысяч претендентов отбирали по 30 человек в две группы: Fronted и Ruby. Меня интересовал только Frontend, хотя проходной балл здесь был выше, а конкурс — более 100 человек на место!

Тест включал задачи по дискретной математике — тут мне и пригодился мехмат…

— Почему выбрали веб?

— Меня завораживает магия онлайн-сервисов. До их появления под каждую мелкую задачу приходилось ставить по десктопному приложению. Нельзя было взять и нарезать картинки онлайн или начать вести заметки в облаке.

До сих пор удивляюсь скоростям веб-сервисов! Забываешь, что твои файлы проделывают путь «через весь интернет». Это вдохновляет.

Но решающим фактором была популярность веб-разработки. Ведь программировать я планирую не «для себя». Важно, чтобы мои умения пользовались спросом.

Выполненный Михаилом проект из курса HTML/CSS. Смотреть онлайн

— Чем занимаетесь сейчас?

— Я веб-разработчик полного цикла: пишу и серверную, и клиентскую сторону приложений. Стек технологий: Vue (Vuex, Nuxt.js, Apollo), React (Redux), Node.js (TypeScript, GraphQL, Mongodb).

Меня сразу взяли на зарплату ближе к уровню middle. До максимумов, которые были в бизнесе, не дотягивает, но тут другие преимущества: больше стабильности и перспективы карьерного роста.

Рекрутеры не дают прохода — предлагают работу, в том числе с релокацией в другие города и страны. Иногда откровенно говорят: «Скажите, сколько вы зарабатываете, и за такую же работу мы заплатим больше». :)

А ведь еще полтора года назад я не знал даже основ веб-разработки. Понятия не имел, что такое CSS и «ре-по-зи-то-рий».

— Рекрутеры вас находят на работных сайтах (hh.ru, Superjob) или вы еще на каких-то площадках разместили резюме?

— Я искал работу через HeadHunter — там меня в основном и находят. Еще пишут в Linkedin, но этот аккаунт я завел больше «на вырост»: если решу искать работодателя за рубежом.

Когда в следующий раз понадобится работа, воспользуюсь еще и объявлениями, которые проскакивают в чатах программистских сообществ.

— Работаете в офисе?

— Да, в просторном офисе в центре Ростова-на-Дону. У нас в компании около ста человек. Подразделения расположены в России, Украине, Израиле и США. Приятно быть частью большой команды и решать задачи плечом к плечу с профессионалами своего дела.

— Как в Ростове с вакансиями? И в плане количества, и в плане уровня компаний.

— В нашем городе нет IT-корпораций с мировым именем, но вакансии для разработчиков есть всегда. Одновременно людей набирают сотни небольших компаний, не считая удаленных вариантов.

— Насколько пригодился опыт тестировщика?

— На новой работе я уже писал unit-тесты для своего проекта, и хорошо, что я умел это делать. Все разработчики так или иначе тестируют свой код. Но есть и еще один важный момент.

Тестирование стало для меня черным ходом в веб-разработку, хотя изначально я этого не планировал. Именно тогда у меня появился минимальный «опыт коммерческой разработки», жизненно необходимый кандидату на позицию junior developer.

Я понял, что в IT нехватка опытных специалистов и им готовы предлагать любые деньги и условия. Люди без знаний видят такие вакансии на HeadHunter и отчаянно стремятся на стартовые должности в разработке. Конкуренция огромная. Получить место джуниора — ключевой и самый сложный момент в карьере разработчика. К этому нужно готовиться. Тестирование дало мне такую возможность.

— Какие проекты, сделанные в GB, вы взяли в портфолио?

— Например, два fullstack-проекта на React + Redux + Node.js + Express + Mongodb, которые мы делали в рамках курса React. Одно из приложений общается с сервером в реальном времени с помощью Socket.io.

Еще я включил в портфолио frontend-приложение на Vue + Pug + Stylus, сделанное во время курса JavaScript #2. Преподаватель вел факультатив по Vue, а я был рад освоить эту технологию.

Добавил три верстки — в основном на моем любимом стеке Pug/Stylus/Gulp — и небольшую игру на HTML Canvas.

Верстка из курса HTMLl5/CSS3. Смотреть онлайн: здесь и тут

Сейчас не ищу работу, но при случае обязательно включу в портфолио и более новые проекты. Например, который я сделал в рамках командной разработки. Кстати, надо будет упомянуть, что я стал «контрибьютором» популярного компонента для Vue.

По своему опыту рекомендую будущим разработчикам уже во время учебы наполнять портфолио проектами. Пусть они не будут шедеврами, но поставьте себя на место работодателя. На собеседовании кандидат говорит, что знает CSS и JavaScript, но не может показать ни одного проекта. Что он реально умеет — неизвестно. Другой соискатель дает ссылки на свои работы: «Они еще не доделаны, но вот верстка, тут я упражнялся с таким-то фреймворком, а здесь у меня простенький API». Сразу понятно, какие задачи можно доверить кандидату на первых порах. Подумайте об этом.

Работодатели зачастую даже не просят меня выполнить тестовое задание. Им достаточно взглянуть на похожие проекты в моем портфолио!

— Как давалась работа над проектами: насколько было сложно? И что было самым трудным за все время обучения?

— От каждого курса я старался взять максимум. Для меня не стоял вопрос, делать дополнительное задание или пропустить. Ведь я учусь для себя.

Не все технологии, которые я применял, входили в программу курсов, но мне попадались замечательные преподаватели: они рассказывали больше и готовы были дать совет по темам за рамками учебного плана.
Например, я быстро перешел от обычной верстки на HTML/CSS к использованию шаблонизатора Pug и препроцессора Stylus. Когда преподаватель стал рассказывать о модных Single Page Applications, я охотно перешел на эту технологию с помощью Vue.

Проект из курса JavaScript #2 (Vue)

Труднее всего было не нарушать дедлайны. Ведь во время учебы я не переставал работать, а задания делал по вечерам и в выходные.

— Расскажите подробнее о командном проекте. Насколько понимаю, он был самым масштабным. Как распределились роли в команде? Вы руководили?

— В командной разработке мы примеряли разные роли, и я не ставил себе цели руководить. Хотелось углубить знание React-Redux, и это удалось.

Вместо «гипотетического учебного» мы сделали проект для реального бизнеса, и он будет внедрен. Это сервис аренды автомобилей Rent Auto для компании, у которой свой автопарк в Екатеринбурге. Идею предложил наш руководитель проекта.

Командой из пяти человек мы сделали и клиентскую, и серверную часть: в том числе отдельный сайт для администраторов сервиса и базу данных.

Два backend-разработчика реализовали сервер на Ruby и MySQL. Руководитель проекта выступил также третьим бэкендером. Еще у нас были два фронтендера и дизайнер.

Лично я написал пользовательское веб-приложение (кому интересно — вот оно). Не считаю его чем-то выдающимся, но в целом все получилось. По сути, это Single Page Application. Клиент выбирает машину из каталога, время, когда она будет нужна, и заполняет заявку.

По макету дизайнера я сверстал сайт с помощью Stylus, Bootstrap и Bem. Применил адаптивную, кроссбраузерную и кроссплатформенную верстку. Использовал современные подходы: grid и flex. Сердце проекта — React. К нему прикручены хранилище данных Redux и другие библиотеки.

Для сборки мы использовали Webpack и компилятор Babel. Выдержать единый стиль помог Eslint.

В работе над этим проектом мы погрузились в условия, максимально близкие к «боевым», то есть к настоящей коммерческой разработке. Такой опыт особенно ценен.

Кстати, я делал сразу два командных проекта. Так получилось, что я занимался в двух группах.

— Как так?

— Из-за перетасовки групп внутри одного потока меня сначала записали в другой проект. Все студенты уже были знакомы, и я не сразу понял, что оказался в чужой группе. А позже не захотел подводить команду и продолжил помогать с проектом. Все, с кем я работал, — отличные ребята. Надеюсь, их карьера сложится, как они хотят.

— К другим направлениям присматриваетесь? Что-то кроме JS хотели бы изучить?

— Мне интересны и разработка игр, и более низкоуровневое программирование. Но я понял важную вещь, которую советую запомнить всем, кто идет в IT. Технологий, языков программирования, фреймворков и подходов очень много. Никто не знает и не может знать их все. Выберите направление по душе и изучайте так глубоко, как только сможете.

Знание одного популярного фреймворка дает вам востребованную профессию, хорошую зарплату, перспективы. А знание «вершков» от всех языков только вызывает улыбку у работодателя. Не получится писать коммерческий код без погружения в конкретную технологию.
Я освоил актуальный, модный стек технологий и пока не собираюсь его расширять или менять. А вот углублять свои знания и развиваться как специалист буду еще долго. Посвящаю этому все свободное время.

— Есть любимые книги и статьи по специальности, которые особенно помогли?

— Чтобы получить позицию разработчика, я занимался по 4–5 часов в день в течение 8–9 месяцев. При этом часть знаний тут же применял в тестировании. Было очень полезно знакомиться с коммерческими проектами, смотреть на проблемы, которые возникают у разработчиков, иногда даже предлагать решения.

Всем советую: если есть возможность, на время обучения найдите себе должность, близкую к разработке — сисадмин, верстальщик, тестировщик. Будете развиваться «без отрыва от производства».

Из учебных ресурсов для начинающих, помимо GeekBrains, рекомендую FreeCodeCamp, серию мобильных приложений Solo Learn и YouTube-канал Traversy Media. Еще советую грызть гранит науки на learn.javascript.ru, хотя это и сложновато.

Если уже вышли на продвинутый уровень — смотрите уроки технопарка Mail.ru, которые читают в МГТУ им. Баумана, записи уроков от Академии Яндекса и курс по JavaScript от Киевского политехнического института (лекции этого года есть на YouTube). Упомяну и канал «Веб-Стандарты» — там вы найдете доклады веб-разработчиков с крупных русскоязычных конференций.

При подготовке к собеседованиям на позиции уровня middle и выше полезны ресурсы hackerrank.com и leetcode.com.

— Как планируете развиваться дальше?

— Продолжу учиться, но пока не уверен, как именно. Я работаю с современными технологиями минимум 40 часов в неделю, а это уже неплохое развитие. Постоянно ищу свежую информацию по своей специальности. Упомянутые выше ресурсы очень в этом помогают.

Сейчас меня приглашают на стажировку в Mail.ru, и еще я дополнительно прохожу в GB курс по Node.js.

Портал GeekBrains хочу отдельно поблагодарить за возможность, которую он мне подарил. Вы даете людям шанс навсегда изменить жизнь. Никакая волшебная пилюля не превратит новичка в программиста с гигантской зарплатой, но вы даете ключ, которым можно при желании открыть двери в удивительную жизнь разработчика.

— Спасибо, что уделили время! Может быть, желающие учиться на веб-разработчика еще что-то спросят в комментариях.

Они помогут создать уют и будут радовать на протяжении дня. Заниматься любимым делом в приятной обстановке вдвойне здорово!

Лампа для светотерапии

Айтишники проводят кучу времени за компьютером и поэтому часто страдают от недостатка солнечного света, особенно в сезон холодов. Это грозит депрессией и эмоциональным выгоранием. Осенью на многих накатывает хандра, а мотивация падает. Чтобы настроение не зависело от длины светового дня, можно купить лампу, которая имитирует солнечный свет.

Шумоизолирующие наушники

Как же бесит, когда пытаешься сконцентрироваться на сложной задаче, но воспринимаешь почему-то именно то, как коллега кликает мышкой или ест макароны из лотка. Еще и вилкой зубы задевает. Эти безобидные звуки могут просто выбивать из колеи. Чтобы не раздражаться, можно купить такие наушники. Они изолируют вас от звука даже в очень шумных местах.

Резиновый утенок

Если не знали — утки помогают в отладке кода и вообще в решении любых задач. Этот психологический феномен называется rubber duck debugging. Если в коде что-то не работает и почему — не понятно, то можно попробовать поэтапно «обсудить» это с резиновой уткой. Подойдет любой игрушечный помощник, но с уточкой — аутентичнее. Так «каша в голове» упорядочится и все прояснится.

Держатель рулона бумаги для записей

Можно делать заметки на компьютере, но какой кайф — выполнить дело и оторвать лист. Почти катарсис! С этой штукой и прокрастинировать перехочется — только выполнять задуманное. Говорят, одного рулона хватает на год. Если вы суперпродуктивны, не волнуйтесь — устройство перезаряжается, всегда можно докупить еще бумаги.

Котик-держатель для смартфона

Котики не бывают лишними. Тем более за столом пользоваться смартфоном в вертикальном положении действительно удобнее. И цена держателя радует: на Aliexpress — меньше доллара.

Ручка What would a unicorn do?

Никакие трудности не страшны, если у вас есть ручка с единорогами, предсказывающая будущее! Просто нажмите на нее сзади, чтобы получить позитивный прогноз по любому вопросу. Да и без магии шариковая ручка пригодится на рабочем месте.

Очиститель для монитора из микрофибры

На безупречном экране приятнее и чистый код писать. Этот маленький аксессуар поможет убрать с монитора пятна, пыль и отпечатки пальцев.

Деревянное облачное хранилище

Чтобы не было хаоса на рабочем столе, храните ключи, смартфон и другие вещи на облаке. Это реально благодаря новейшим технологиям!

Кофе для выращивания

Какой разработчик не любит кофе? Но пить кофе — это мейнстрим. Можно вырастить свой кустик арабики прямо на рабочем столе.

Плантариум — самодостаточное растение

Нет времени ухаживать за растениями? Этой штуке и не нужен уход. Растение развивается в специальном геле, в котором уже есть все питательные вещества. Он прозрачный, поэтому можно созерцать, как растет корневая система. Плантариум поставляется с тремя видами семян — петрушки, тимьяна и рукколы. Нужно только бросить их в гель — и постигать дзен, наблюдая за их ростом. Не переживайте, что питательная среда иссякнет, — всегда можно купить еще геля, чтобы поддерживать «вечную жизнь».

Чашка-батарейка

Горячий кофе из этой кружки зарядит энергией для новых свершений.

Сладкий кофейный крем

Экстренное средство, чтобы поднять настроение и повысить концентрацию. Этот кофейный мусс подходит для быстрого перекуса: его можно намазать на круассан или печенье. Больше кофе богу кофе!

Подставка для руки с магнитной левитацией Wristocat

Если долго работать за компьютером, можно испытать туннельный синдром — когда болит и немеет кисть руки. Ее хочется размять и после нескольких часов непрерывного кодинга, но не всегда получается полностью избавиться от спазма и напряжения. Это поправимо. Подставка с магнитной левитацией поможет руке расслабиться. Поставьте Wristocat за устройство ввода и положите на нее ладонь. Особенно актуально для тех, кто работает с графическим планшетом.

Массажер шиацу для шеи и спины

Если у вас затекают шея и спина, то такой массажер с кайфом решит эту проблему. Он глубоко массирует мышцы, снижая усталость, тревогу и стресс. Он делает даже массаж шиацу с подогревом! Многочисленные настройки позволяют создать персональный режим. Установить девайс можно на любую поверхность, где вы сидите — кресло, стул и даже бескаркасную мебель. С ним рабочее место превратится в спа-салон! Главное — не расслабиться слишком сильно.

Мотивирующий коврик для мыши

На коврике написано: «Всегда программируй так, будто твою программу будет поддерживать злобный психопат, который знает, где ты живешь». Неплохо мотивирует, правда?

А какой штуковиной вы бы хотели дополнить свое рабочее место? Есть оригинальные идеи?