Верстка сайта. Обязательно знание Vue Js и работа через Pug/Stylus
50 000 руб. за проект
•
наличный расчёт, безналичный расчёт, электронные деньги
Добрый вечер.
Ищем Frontend разработчиков для работы над проектами, можно удаленно по-проектно или в офис в Москве на ЗП.
Работа над разными интересными проектами с постоянной загрузкой. Сейчас есть 2 актуальных проекта.
Обязательные Требования:
Стили заполняются строго в формате 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-режиме.
Ищем 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-режиме.
В заказе есть исполнитель
При переводе заказа из архивного в актуальный, текущий исполнитель будет снят с задачи.
Выберите тип сделки
С безопасной сделкой вы всегда сможете вернуть средства, если что-то пойдет не так. С простой сделкой вы самостоятельно договариваетесь с исполнителем об оплате и берете на себя решение конфликтов.