Веб-технолог

Веб-технолог верстает и поддерживает стили веб-сайтов, используя CSS, HTML и JavaScript+jQuery. Исходными данными для веб-технолога являются графические макеты от дизайнера и техническое задание, а результатом работы — сверстанный стиль для веб-сайта. Писать код нужно вдумчиво и аккуратно, обращая внимания на все мелочи, и при этом быстро. Код должен оставаться простым и понятным, чтобы при необходимости внесения изменений не требовалось писать его заново. Человек, которого мы ищем, должен получать удовольствие от процесса веб-разработки и, конечно же, должен быть профессионалом своего дела.

Требования

  • Опыт работы по данной специальности от 1,5 лет.
  • Высшее техническое образование.
  • Личные качества: внимательность, исполнительность‚ ответственность, обучаемость.
  • Хорошее знание HTML, CSS, JavaScript и jQuery.
  • Навыки работы с графическими редакторами (Photoshop, GIMP).

Приветствуется

  • Знание английского языка на базовом уровне.
  • Базовые знания XML и XSLT.
  • Навыки работы c Unix, операционной системой Ubuntu.
  • Навыки работы с git, либо подобной системой контроля версий.

Обязанности

  • Верстка стилей сайтов.
  • Программирование интерактивных компонентов веб-страниц.
  • Поддержка верстки разработанных сайтов.
  • Обработка заявок в системе управления проектами.
  • Документирование.

Условия

  • Место работы: г. Брянск, ул. Бежицкая, 286, корп. 1, оф. 210, (здание бизнес–холла «Гранд порт»).
  • График работы: с 09:00 до 18:00 или с 10:00 до 19:00 (перерыв с 13:00 до 14:00).
  • Перспективы карьерного роста: веб-разработчик.
  • Уровень заработной платы: от 18 000 до 32 000 руб. в зависимости от стажа и квалификации. Стабильный рост зарплаты в зависимости от получаемого опыта и знаний.
  • Испытательный срок: 2 месяца.
  • Для трудоустройства необходимо выполнить тестовое задание.

Тестовое задание на знание CSS, HTML, JS+jQuery

Создание презентационной страницы с информацией о себе по предложенному макету.

Исходные макеты для верстки: test.zip

Основные требования

  1. Полное соответствие макету.
  2. Адаптивность верстки. Поддержка актуальных разрешений экранов (от 1280px до 1920px). Верстка должна выдерживать изменение размера текстового наполнения.
  3. Корректное отображение в следующих браузерах: актуальные версии браузеров Google Chrome, Mozilla Firefox, Safari, Opera, Internet Explorer 9+. Для некоторых версий браузера Internet Explorer допустима деградация.
  4. Блочная модель верстки.
  5. Для реализации интерактивных компонентов страницы необходимо использовать CSS, JS, jQuery.

Приветствуется

  1. Использование технологий CSS3 и HTML5.
  2. Аккуратность, структурированность и читаемость кода.
  3. Использование комментариев.

Примечания к макету

  1. В макете приведены тестовые личные данные, их необходимо заменить на свои (в том числе и фотографию).
  2. Ссылки на профили в социальных сетях в главном меню можно указывать не все. Недостающие ссылки нужно показать как неактивные (полупрозрачным цветом, без подчеркивания и возможности кликнуть по ним).
  3. В блоке «О себе -> Контактные данные» можно указывать любое количество способов связи с вами.
  4. Макет содержит ряд интерактивных компонентов, которые нужно реализовать.
    1. Cсылки в главном меню плавно меняют цвет при наведении (вместе с иконкой). Пример такой анимации показан в изображении: animation.gif.
    2. При клике на изображение должно появляться виртуальном окно с увеличенной копией этого изображения (в файле test.psd есть соответствующие слои).
    3. На странице присутствует переключатель вкладок, а также сворачиваемые блоки текста (должны работать и на сворачивание и на разворачивание).
    4. На вкладке «Портфолио» нужно реализовать слайдер со скриншотами своих основных работ.

Результат выполнения теста

В результате выполнения теста должен быть получен ZIP-архив с названием task.zip, содержащий все необходимые файлы для просмотра результата. В корне архива должен находится главный HTML-файл index.html.

CSS- и JS-код должен быть размещен в отдельных файлах (можно в подкаталогах). Все ссылки на эти файлы должны быть относительными и регистрозависимыми.

Далее необходимо загрузить созданный ZIP-архив на наш веб-сайт.

Предоставленные материалы являются собственностью Студии БиСтайл.