Front-end программист
Важно! Задания присылать в архиве или отдельныйми файлами, чтобы можно было сразу протестировать на localhost!
Для сборки сайта на веб-платформе Plarson требуется умение верстать шаблоны и настраивать SQL запросы. Мы используем следующие технологии и фреймворки в работе:
- HTML
- CSS3
- Less
- JavaScript
- SQL
Если вы знакомы с этими технологиями и хорошо в них разбираетесь, мы с удовольствием рассмотрим ваше резюме. Также мы просим выполнить тестовые задания.
Тестовое задание по HTML/CSS
Требуется сверстать интерфейс чата, который представляет собой окно разделённое на 4 области: шапка с фиксированной высотой 50 пикселей, подвал с фиксированной высотой 100 пикселей, левая панель с фиксированной шириной 200 пикселей, правая панель. Чат занимает 100% ширины и 100% высоты окна, внутри чат делится на зоны как на картинке. Шапка (1) предназначена для элементов управления и имеет фиксированную высоту, подвал (4) предназначен для ввода текста и имеет фиксированную высоту, левая панель (2) предназначена для вывода списка участников чата и может иметь внутреннюю прокрутку, правая панель (3) предназначена для отображения сообщений в чате и может иметь внутреннюю прокрутку.
Для демонстрации работоспособности вёрстки нужно в левую (2) и правую (3) панель вставить достаточно контента, чтобы появилась полоса прокрутки. Проследить за тем, чтобы не появилась общая полоса прокрутки для всего чата, проследить за тем, чтобы подвал и шапка занимали строго фиксированную высоту. Контент внутри четырёх зон выравнивается по левому краю и прижимается к верху контейнера.
Вёрстка должна работать в браузерах Internet Explorer, Google Chrome, Mozilla Firefox, Apple Safari не старше 2 лет. Решение заадания прислать на почту support@plarson.ru с темой «Вакансия верстальщика». JavaScript не использовать.
В более сложном варианте сделать так, чтобы шапка и подвал могли растягиваться под контент (т.е. есть только min-height), а центральная часть это учитывала.
Код CSS должен быть необходимым и достаточным (не содержать лишних сущностей), разметка кода и комментарии имеют значение.
Тестовое задание по SQL(MySQL)
Составить запрос, который будет выдавать результат в виде таблицы (а не строки!) из 12 строк, в каждой строке 2 колонки, в одной колонке месяц текущего года, в другой — количество дней в месяце. В запросе не использовать существующие таблицы из БД, в том числе временные, т.е. запрос должен работать сразу из любой консоли sql. НЕЛЬЗЯ создаватьтаблицу. Важно, запрос должен работать на MariaDB, MySQL (не PostgreSQL).
Тестовое задание по JavaScript
Реализовать функционал на чистом JavaScript, аналогичный работе события window.onload, конечным итогом которого будет alert или console.log с текстом о том, что страница полностью загружена.