Разработчик в reg.ru
Наставник в htmlacademy. Кому интересно там обучаться - промо-код на скидку в htmlacademy: 208340823e9
Автор интенсива по вёрстке email-писем.
Работаю над курсом по vue.js
Контакты
Местоположение
Нидерланды

Достижения

Все достижения (13)

Наибольший вклад в теги

Все теги (59)

Лучшие ответы пользователя

Все ответы (152)
  • Работа без высшего образования, это реально?

    serjikz
    @serjikz
    web-developer
    Пробовал учиться в 2х вузах. Ушёл из них (не потому что не вытянул нагрузки, поступил по результатам ЕГЭ везде, куда не подавал по стране и почти из каждого инста звонили и обещали золотые горы). Система образования ужасно отстаёт от сегодняшнего времени и не даётся того, что необходимо.
    Разговоров по поводу того, что учиться надо, без корочки ты никто, институт закладывает понимание процесса самообучения и прочей ереси наслушался капец просто.
    Уделал препода по web на 1 семестре, автоматы были даже при условии 2х посещений за семестр некоторых предметов (просто правильно поставить себя перед преподавателем и всё). Итог - пока все сокурсники занимались зубрёжкой непонятно чего непонятно зачем - просто занимался любимым делом - web. Замечу, первый инст был МИЭМ в Москве (бюджет, ушёл с 1 курса, инст не понравился), 2 инст - РГСУ в Москве (бюджет, ушёл с начала 3 курса, достало и преподы требуют всё же посещаемости, а сидеть ежедневно по 8 часов не делая ничего для себя - пустая трата времени).

    Женился. Работаю удалённо. Ежемесячные траты солидные, но работы всё больше и больше. Открываю с товарищем хостел, скоро переезжаем в Италию. И это при условии, что специализируюсь я только на web-сфере.

    P.S. Родители не помогают вообще ничем, всё своими усилиями.
    Ответ написан
    14 комментариев
  • Воровство дизайна, что будет?

    serjikz
    @serjikz
    web-developer
    По собственному опыту - в интернете делается поуши копий сайтов. Страшно представить сколько копируется каждый день. Особенно видно по Landing Page для сезонных товаров всяких. Кто-то скопировал у кого-то потом у этого тоже скопировали и тд и тп, а потом поди докажи, что ты это вообще копировал, а не сам делал. Но это относительно LP.
    На счет больших и известных сайтов (скопировать хабр к примеру) - я бы не брался за такую работу если там полная копия. Почему? Это бредятина и заказчик псих, нет ни денег ни ж... поднимать не хочет чтоб своё что-то сделать, а с такими заказчиками терпеть не могу работать.
    Если с основательным количеством переделок - это уже не копия, а скажем так рерайт)) За него же не сажают в тюрьму))
    Ответ написан
    Комментировать
  • Как организован workflow фронтенд разработчика?

    serjikz
    @serjikz
    web-developer
    Давайте по пунктам постараюсь рассказать, как вообще надо работать во front-end.
    1. Вы должны научиться думать блоками (блоками в потоке, выпадающими из потока, flex-блоками и тд и тп). Научиться можно только когда вы поймете как на самом деле надо верстать.
    2. Начните с простой вёрстки. Возьмите макет в .psd (80% работы над каждым сайтом вы будете пользоваться PhotoShop и если вы его не знаете хотя бы на предбазовом уровне - печаль беда), импортируйте оттуда все нужные вам картинки ну и начинайте верстать шаблон поблочно, смотря где какой цвет шрифта, размер, жирность, размер блока, фон этого блока и тд и тп.
    3. Зачем вы себе морочили голову gulp, sass, bootstrap когда ещё верстать даже нормально не умеете - я увы не понимаю. Вам ни один из этих инструментов не поможет пока вы не будете уметь именно верстать. На данный момент не думайте о технологиях, структуре и тд и тп. Просто сверстайте хоть какой-нибудь макет хоть как-то.
    4. Общайтесь с людьми, которые вам могут помочь продвинуться в этой сфере. Таковых крайне много. Можете ко мне в скайп добавиться и узнавать некоторые вещи, можете к другим, к кому угодно фактически, наверно 60-70% верстальщиков с удовольствием поделятся с вами своим опытом
    5. Пишите код аккуратно. Был тут недавно вопрос, в котором человек предоставил код, а там ни{ } нету, ни отступов нормальных нет, ну и половина ; просто потеряны, а в html теги применяются не по назначению вовсе. Нельзя так делать ни в коем случае, иначе ваш уровень не поднимется с уровня плинтуса.
    6. Файловая структура: папки css images js и на уровне с этими папками лежат файлы .html либо .php всё. Если говорить о препроцессорах и сборщиках - не лезте пока в это, потом узнаете как только научитесь нормально верстать. Я думаю нет смысла объяснять что в папках тех должно лежать. Если вы считаете себя особенным - можете распределять внутри images картинки по папкам на составляющие, к примеру сделать папку отзывов, папку галерей каких-нибудь и тп, но я чаще так не делаю, не хочу чтоб дополнительные символы засоряли мне код и ухудшали читаемость.
    7. Связывать между собой html и css судя по всему вы и так уже умеете и привязывать к ним js. Не знаю что вам мешает сверстать любой сайт если вы понимаете как устроены эти 3 технологии (а на них по факту всё и держится).

    Итог: Забудьте про sass, gulp и прочее пока не сверстаете шаблонов 10, эти технологии вас никак не ускорят и никак вам не помогут пока вы не будете уметь просто верстать с шаблона .psd и писать нужные скрипты на js или jQuery хотя бы. Научитесь немного фотошопу и занимайтесь практикой. Найти те самые .psd вообще не проблема, их куча бесплатных в интернете.
    Ответ написан
    2 комментария
  • Как стать верстальщиком в краткие сроки?

    serjikz
    @serjikz
    web-developer
    sorax канал. Где-то давно был пост с каналами для фронтендеров, уже забыл и искать влом. Через гошу найди "ютуб каналы для front-end". В короткие сроки вряд ли реально. Все тонкости только с практикой, а какие-то с глубокой практикой.
    На счет бутстрапа - я забыл, когда им пользовался (обычно пишу чистый css даже без препроцессоров, но иногда с ними явно удобней)
    На счет сборок - тоже редко, так как они больше для больших проектов (сорь за каламбур)
    На счет адаптивной вёрстки - это тоже только практика. Сначала надо научиться верстать статичные шаблоны, а потом делать адаптив. На самом деле в media нет ничего сложного и страшного, просто мы будто бы выкидываем предыдущий файл стилей для прошлого экрана и заменяем его новым файлом стилей. Грубо говоря так, но там надо основательно всего учитывать, особенно наследование и перезапись правил.
    Ну и на счет боевого проекта - готовь фотошоп, который нужно тоже так нормально знать, потому что плох тот верстальщик, который его не знает ровно как и плох тот дизайнер, который не представляет вёрстки. Идеальный вариант - уметь верстать и уметь рисовать дизайны сайтов ну и обрабатывать фотки, потому что это всё очень понадобится (всё больше встречаю криворуких дизайнеров, а о криворуких верстальщиках лучше вообще молчать).

    Главное - при написании кода думайте о тех, кто будет его поддерживать, но если вы занимались бекендом - наверняка это и так знаете.
    Ответ написан
    Комментировать
  • Что верстальщики хотели бы донести до веб-дизайнеров?

    serjikz
    @serjikz
    web-developer
    Прошел через все стадии создания web-проектов начиная с копирайтинга, заканчивая back-end и настройку серверов. В итоге остановился на front-end + чуть-чуть дизайн (но это не значит, что плохо знаю фотошоп))).

    Что мне было делать лень, как дизайнеру:
    1. Прикладывать файлы со шрифтами
    2. Архивировать работу
    3. Писать комментарии к дизайну
    4. Присылать исходники иконок (если используется пак)
    5. Рисовать :hover :active :focus и тп для элементов, которые это 100% требуют
    6. Общаться с тугим верстальщиком, который не может отличить iline от inline-block
    7. Корректировать работу, если это просит верстальщик

    Что я понял, когда перешел на другую сторону:
    1. Я хочу архив с адекватными шрифтами (идеал - ссылку на шрифт в goolge fonts или подобном сервисе, где есть сразу все форматы шрифтов)
    2. Я хочу хотя бы .zip потому что инет в России не всегда и везде качественный и я могу быть не дома, когда хочу скачать и посмотреть диз, а он весит 300мб
    3. Я хочу несколько .psd если лендос/сайт большой (экранов в 25-30 или больше). Разбивайте на 7-10 экранов максимум каждый .psd потому что не у всех верстал 8-16 гигов оперативки
    4. Я хочу состояния :hover :active (пожалуйста!!! пусть уж без :focus, сам его придумаю)
    5. Я хочу ссылку на пак с иконками, если они использовались в дизайне
    6. Я хочу комментарии пусть даже в .txt если там что-то из-под чего-то должно выезжать при наведении/клике и тп
    7. Я хочу группы в макете с адекватными названиями, а не сплошняком все слои и/или группы "Группа 1 и тп"
    8. Я хочу минимум скрытых слоёв/групп в шаблоне (если группа не может донести суть - писать в .txt для чего она)
    9. Я хочу каждую часть текста по отдельности, а не заголовок (60px желтый отступ от абзаца с помощью межстрочного интервала) вместе с абзацем (18px белый с межстрочным интервалом не равным заголовку). Хочу чтоб был отдельно абзац и отдельно заголовок (подзаголовок, без разницы как называть)
    10. Я хочу отдельно каждую картинку, а не слитый воедино фон шапки с изображением товара/курса/др.
    11. Я хочу большой векторный логотип отдельно от шаблона
    12. Я хочу прозрачность, чтоб сделать png, а не "Режим наложения"->"Умножение" (обязательно адекватно мягко по контуру вырезанный объект, а не ступенька из пикселей)
    13. Я хочу общаться с дизайнером, если у меня есть его контакт
    14. Я хочу мобильную версию, если она должна быть у сайта
    15. Я хочу бесшовную текстуру отдельно от документа, если есть фон, который имеет свойство повторяться (его в "Наложение узора" обычно ставят в стилях слоя)
    16. Я хочу скайп дизайнера в макете чтоб связаться с ним))) Главное нарисуйте так, чтоб его не принять за элемент сайта и не заверстать случайно

    Ну как-то так. Думаю список можно ещё пополнить, но уже о некотором сказали.

    P.S. Я не эгоист, уже давно сам придерживаюсь всех этих правил, если хотят, чтоб дизайном занимался именно я.
    Ответ написан
    2 комментария

Лучшие вопросы пользователя

Все вопросы (20)