Университетская программа неплохо учила нас программированию. Понятие же «верстка» существовало только в бизнес-кругах и было неведомо студентам, далеким от подработки. Нас честно обучили тегам и оформлению таблиц, шрифтов и цветов на web-странице еще на первом курсе и деликатно избегали такой простой и банальной темы вплоть до вручения дипломов. Однако, придя на подработку в библиотеку и пообщавшись с сотрудницей на два года старше и уже коснувшейся реальных требований рынка, я остро осознала, что не знаю по этой части фактически ничего. Уходя и передавая рабочие обязанности мне, она параллельно старалась успеть доделать легкий редизайн библиотечного сайта. Сама нарезала изображения в Photoshop, компоновала шапку и основные элементы меню. Тогда же я узнала, что, оказывается, в «серьезных» компаниях существует отдельная должность «веб-дизайнеры», о чем нам также не рассказывали в университетских стенах. Что именно они готовят макеты страниц сайта в формате. psd, а разработчик – верстальщик – уже в точности претворяет их в жизнь. А не так вот, как делаем мы, на свой глаз и вкус причесывая вид сайта научной библиотеки. Стараясь вникнуть и подхватить начатый процесс редизайна, я с прискорбием вынуждена была признать, что тегов и базовых свойств первого курса явно недостает, чтобы добиваться желаемого эффекта хоть в сколько-нибудь диктуемых дизайном условиях. Как убрать странную однопиксельную полоску, мешающую картинкам состыковаться? Почему на мониторе начальницы вся аккуратная шапка бессовестно разъезжается? Как вместить пункт с длинным названием в нерезиновое меню? Тем не менее, подсматривая за решениями моей предшественницы и активно поглощая мудрости с просторов сети, мне удавалось одолевать все проблемы, а таинство деятельности, недоступной остальным «просто студентам», делало вкус микропобед слаще вдвойне.
Потому, когда мне предложили сделать с нуля сайт областного монастыря, я с радостью согласилась. Несмотря на высокую загруженность лабораторными, курсовыми и процессом обучения, да еще и появившейся подработкой в библиотеке, я ночами сидела над всего одной страницей, содержавшей фото монастырского здания, приветственный текст и пару контактов учреждения. Весь контент был обернут в витиеватую рамку, напоминавшую древнерусские узоры с вычурными узлами. Первая же задача – как сделать такое обрамление в далеком 2010-м, когда никаких flex-box, background-size и Grid не существовало и в помине, а о множественных background для сайта в IE6 приходилось только мечтать, – привела меня к открытию, что для этого нужно сделать аж 4 вложенных блока. В каждом из них задавалось одно фоновое изображение, позиционированное в нужном углу. Соответственно, для каждой стороны самой рамки, помимо углов, также требовался отдельный div только ради задания фона. Нарезка изображений в Photoshop заняла не меньше времени. Каким из инструментов воспользоваться? В каком формате сохранить полученный кусочек? Десятки вопросов по каждому шагу.
Платы за проделанную работу не предполагалось. То была деятельность на благотворительных началах. Однако то, что я смогла завершить ее, стало поворотной точкой в моем профессиональном самоопределении и сыграло огромную роль в дальнейшей карьере.
Итак, что ждет вас, попробуй вы подобную благотворительную деятельность как стартовый тренировочный полигон?
Работа без оплаты, зачастую по знакомству, предметная область и круг общения могут быть значительно удалены от IT.
Дома, в метро, на улице, в свое свободное, часто ночное, время.
Как правило, довольно лояльные. Что важно для новичка и максимально безболезненно для учебы/подработки.
Минимизирована за счет благотворительного характера. Наименее стрессова. Максимум – вам будет неудобно перед знакомым. Однако, не получая ничего взамен, вы выглядите наименее проигрышно в случае неуспеха и максимально достойно и удобно для заказчика в случае приемлемого результата.
К сожалению, зачастую только Google и итоги ваших собственных изысканий. Профессиональное наставничество отсутствует. И понять «что хорошо, что плохо» придется вам самим.