Как я устраивался на работу в веб-студию

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

Нахожу на авито подходящее объявление, созваниваюсь — назначают встречу в офисе. На следующий день явился в офис, в престижном бизнес-центре не было практически ни души — суббота все же. Мой будущий работодатель опоздал на встречу на минут 15. Не обратил на это внимания, хотя надо было…

Расспрашивают, значит, об опыте работы. Честно говорю, в последние годы не занимался сайтами, но имею базовые основы в сайтостроении. Дают тестовое задание — сверстать лендос на 10 экранов. Говорю: вам резиновая верстка нужна? Человек отвечает: да, адаптивная. Я тогда и не знал даже такого понятия — адаптивность. Срок — неделя.

Прихожу домой, довольный. Фотошоп с трудом открывает 100 мегабайтный макет. Начинаю верстать на div’ах, до этого ни разу не делая этого. Думаю, а чего здесь трудного — принцип такой же как в верстке таблицами. Проходит пара дней, а я верстаю только второй экран и при резайзе моя верстка сыпется на части! Я мучаюсь еще несколько дней и отчетливо начинаю понимать — не смогу закончить. Звонить будущему работодателю я постеснялся. Поэтому накатал длинное СМС в духе: «не смог выполнить тестовое задание, извините за потраченное время». Через пару часов мне перезванивают и говорят: «Вы говорили что можете делать ботов для соцсетей? Приходите, попробуем поработать». Я в полнейшем шоке: не выполнил пробное задание и меня приглашают на работу!

В первый же день начал вносить правки в существующие сайты веб-студии. Надо отметить, что я был единственным сотрудником. Я и директор. Через месяц я уже мог сносно верстать, порой не понимая что я делаю. Через 3 месяца делал адаптив, писал на PHP, познавал азы Linux-администрирования на практике. В общей сложности отработал я полгода в этой веб-студии. Получил громаднейший опыт в разработке, учился на собственных ошибках. Именно этот опыт помог мне в дальнейшем устроиться в более приличную веб-студию, в которой по сей день работаю.

Почему иконочные шрифты больше не нужны

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

И тогда я задумался: стоит ли тащить в проект сотни килобайт файлов, если на деле используется не больше 4-5 иконок? Не проще ли перейти на SVG-иконки? Ведь они стилизуются и анимируются, как и глифы. И весят не в пример меньше. Работают во всех современных браузерах и даже в IE 9.

Окончательный итог: SVG 1:0 иконочные шрифты.

Неумолимое усложнение веба

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

Дизайн, в основном, состоял из умелого комбинирования текста. Графики было минимум из-за низкоскоростного соединения. Диалап, все дела. Я сейчас говорю исключительно про рунет. Ибо ADSL вошел в обиход у жителей США уже в 2000 году (45% пользователей). Тогда не было разделения на фронтенд и бэкенд разработчиков. Сайты делали вебмастеры или программисты.

JavaScript в то время находился во младенческом состоянии и использовался для украшения сайта разными спецэффектами: падающий снег, приветствие пользователя в диалоговом окне, отображение текущего времени. jQuery произвел настоящую революцию в вебе. К сожалению, я не застал ее, так как в тот период несколько отдалился от разработки. Я познакомился с jQuery, когда библиотека уже стала устаревать, а одноименные библиотеки UI и mobile вовсе были похоронены (2016, 2014 годы).

Итак, ближе к теме. Двадцать лет назад для создания сайта нужно было уметь немногое: HTML и CSS. PHP или Perl на бэке. Сейчас же только HTML5 включает в себя поддержку кучи технологий: SVG, canvas, локальное хранение данных (LocalStorage, IndexedDB) и т.п. JavaScript заматерел и стал неким ассемблером для веба. В CSS появились кастомные свойства, функции (!), возможности крутых анимаций. Кроме того, корневые технологии обзавелись синтаксическим сахаром:

  • Pug, HAML для HTML;
  • CoffeeScript для JS;
  • LESS, SCSS, Stylus для CSS.

А фреймворков и библиотек, как собак нерезаных! Я уверен что еще через пару десятков лет появится еще больше технологий для фронтенда, которые вроде как упрощают жизнь разрабов, но на самом деле… 🤔😂