Добрый вечер.
Ищем Frontend разработчиков для работы над проектами, можно удаленно по-проектно или в офис в Москве или Казани на ЗП.

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

Требования:

• Опыт работы с одним из фреймворков: Vue js, Nuxt.js
• Опыт работы в команде с системами контроля версий (git)
• Уметь рассчитывать собственные силы, соблюдать заявленные сроки

Будет большим плюсом :

• знание Angular, React
• Опыт работы с БД, хорошее знание SQL (PostgreSQL)
• Опыт работы с 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-режиме.