Верстка сайта. Обязательно знание Vue Js и работа через Pug/Stylus

50 000 руб. за проект • наличный расчёт, безналичный расчёт, электронные деньги
27 февраля 2019, 22:33 • 17 откликов • 124 просмотра
Добрый вечер.
Ищем Frontend разработчиков для работы над проектами, можно удаленно по-проектно или в офис в Москве на ЗП.

Работа над разными интересными проектами с постоянной загрузкой. Сейчас есть 2 актуальных проекта.

Обязательные Требования:
  • Опыт работы с Vue js
  • Опыт работы в команде с системами контроля версий (git)
  • Работа строго Pug + Stylus
  • Уметь рассчитывать собственные силы, соблюдать заявленные сроки
  • Про кроссбраузерность и адаптив, наверное писать не нужно, это уже и так очевидно.
Будет плюсом :
  • Nuxt.js
  • Опыт работы с Python и Django, Мы ищем именно фронтендщика. Бэк пишем на python(django) Т.е. нужно будет поднять у себя бланк проекта на питоне, который заранее подготовил бекендщик и в него верстать.
Для удобства работы и ускорения разработки, рабочее пространство для верстки предварительно готовит бэкенд программист. Все возможные компоненты и страницы уже описаны, новые файлы компонент создавать не требуется. Если такая задача возникнет, требуется попросить программиста добавить компоненту

Стили заполняются строго в формате Stylus. Исключением является подключение чистого css-файла стороннего модуля, через @import в корневом файле styles/indes.styl. Синтаксис stylus минимальный, без знаков :;{}.

Модульный подход Мы реализуем на практике модульный подход, из которого следует, что стили конкретной страницы или компоненты описываются в stylus файле данной компоненты в папке /styles. Файл стилей расположен по аналогичному пути, что и сама компонента внутри папки компонент (components) или страница внутри папки страниц (pages/).

Статика Иконки требуется сохранять в формате svg. При отсутствии объективной возможности нужно сохранять иконки в формате png двойной плотности (если позволяет макет).
Пиктограммы из стандартных наборов иконок можно собрать с помощью fontello.com. После скачивания архива конфигурацию fontello config.json нужно сохранить в static/config/fontello/, шрифты иконок в styles/fonts, стили в style/icons.styl

Обращение к статике Указывать пути к статичным файлам проекта внутри .styl файла нужно в таком виде: background: url('~/static/icons/arrow.svg'). ~/ в начале позволяет webpack найти и упаковать искомый файл. Кавычки внутри url('...') обязательны, иначе stylus сгенерирует неочевидную ошибку!

Для указания пути к статике внутри pug-шаблонов, нужно указывать абсолютные пути к файлам, где /static - это корень. Пример выше будет выглядеть так: <img src="/icons/arrow.svg" alt="">

Псевдоклассы Просьба не применять псевдоклассы (:before, :after, :nth-child) для элементов, которые:
а) интерактивно взаимодействуют с пользователем, например через клики;
б) имеют внутри изображения, так как потом приходится загружать изображения с сервера, а так как внутренности псевдокласса невозможно определить, то приходится переверстывать в обычные теги. Просьба избегать таких случаев.

Желательно НЕ подключать такие фреймворки стилей, как bootstrap, так как они как правило довольно массивные, и многое приходится переопределять. Адаптивную подачу колонок обычно делаем вручную, ситуативно, через проценты ширины.

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