Брендированная страница

[yulshaz@mail.ru]

Добрый вечер!

поступило тестовое задание - разработать адаптивную страницу вакансии. Дан текст вакансии и корпоративный сайт компании. ни макета, ни требований,только креатив и собственная смекалка.Подскажите,как правильно сделать эту страницу, и что там должно быть .спасибо.

Edited May 11, 2018 by yulshaz@mail.ru

[Колхозник деревенский]

  On 5/11/2018 at 5:13 PM, yulshaz@mail.ru said:

Добрый вечер!

поступило тестовое задание - разработать адаптивную страницу вакансии. Дан текст вакансии и корпоративный сайт компании. ни макета, ни требований,только креатив и собственная смекалка.Подскажите,как правильно сделать эту страницу, и что там должно быть .спасибо.

Expand  

Это вы на дизайнера, или верстальщику такое задают ?

[yulshaz@mail.ru]

  On 5/12/2018 at 5:02 AM, Колхозник деревенский said:

Это вы на дизайнера, или верстальщику такое задают ?

Expand  

Верстальщику 

[Колхозник деревенский]

  On 5/12/2018 at 7:10 AM, yulshaz@mail.ru said:

Верстальщику 

Expand  

Странная компания...

[yulshaz@mail.ru]

  On 5/13/2018 at 1:27 PM, Колхозник деревенский said:

Странная компания...

Expand  

Компания как раз-таки и престижная,больше,наверно,странное задание...

[Колхозник деревенский]

  On 5/13/2018 at 1:28 PM, yulshaz@mail.ru said:

Компания как раз-таки и престижная,больше,наверно,странное задание...

Expand  

Возможно это намек на то что вы будете на должности верстальщика делать работу не верстальщика.

[yulshaz@mail.ru]

  On 5/13/2018 at 1:29 PM, Колхозник деревенский said:

Возможно это намек на то что вы будете на должности верстальщика делать работу не верстальщика.

Expand  

Ну там джуна ищут,но суть задания пока мне не очень понятна. Либо все сильно легко,либо я преувеличиваю что от меня хотят. Но задание слово в слово

Edited May 13, 2018 by yulshaz@mail.ru

[klierik]

  On 5/11/2018 at 5:13 PM, yulshaz@mail.ru said:

Подскажите,как правильно сделать эту страницу, и что там должно быть

Expand  

Там должна быть страница корпоративного сайта, на которой присутвует Шапка и Футер, стилизированные (взятые) с оригинально сайта.

Между ними область с контентом с максимально допустимой шириной (скорее всего до 1170 px).
Если на корпоративном сайте нет адаптивности, то, как правило, дописать стили для шапки\футера проблем не составляет. Если же есть то считай пол дела сделанно — так как тебе надо просто скопировать Layout с блоками.

Далее, дан текст вакансии — чего, в общем, более чем достаточно. Требуется создать стандартную текстовую страницу в общем стиле корпоративного сайте.

Идешь в "Описании компании" или "О Нас" или что-то в таком духе. Это пример как должен выглядеть статичный контент (я имею ввиду стили форматирования абзацев, заголовков, списков, etc). Берешь эти стили и используешь у себя.

И последнее — надо же как-то предоставить текст вакансии красиво. Для примера бери вью вакансии с любого агрегатора вакансий в своей стране. Я же возьму за основу вервое что попалось под руку — https://jobs.dou.ua/companies/pg-group/vacancies/63243/?from=rs

И так, для тебя важно будет повторить:

• Дата 
• Заголовок
• Оклад и формат сотрудничества
• Перечень требований, навыков и бенефитов (отформатированный, спискоми)
• Краткая информация о проекте
• Кнопка отклика на информацию

Собственно всё.

Для повышения своих шансов могу рекомендовать:

• Используй препроцессор SCSS
• Оформи презентабельно файловую структуру проекта, на пример:
    Reveal hidden contents

  .
  ├── assets/			- ресурсы
  │   ├── images/			- картинки
  │   ├── js/			- js-скрипты проекта
  │   └── scss/			- стили проекта
  ├── .gitignore			- список ресурсов, которые не следует добавлять в GIT
  ├── homepage-customer.html	- html файлы
  ├── node_modules/		- npm модули
  ├── package-lock.json
  ├── package.json		- файл, в котором описана информация о проекте и версиях npm модулей, который используются в проекте
  └── public/			- директория, в которую будут генерироватся сжатые ресурсы

   

   

• Создай сборщик который будет собирать ресурсы, обрабатывать и складывать в определенную директорию. На пример на базе GulpJS
• Подключи стили в <head> а скрипты перед </body>

Дерзай ?

[yulshaz@mail.ru]

  On 5/13/2018 at 1:47 PM, klierik said:

Там должна быть страница корпоративного сайта, на которой присутвует Шапка и Футер, стилизированные (взятые) с оригинально сайта.

Между ними область с контентом с максимально допустимой шириной (скорее всего до 1170 px).
Если на корпоративном сайте нет адаптивности, то, как правило, дописать стили для шапки\футера проблем не составляет. Если же есть то считай пол дела сделанно — так как тебе надо просто скопировать Layout с блоками.

Далее, дан текст вакансии — чего, в общем, более чем достаточно. Требуется создать стандартную текстовую страницу в общем стиле корпоративного сайте.

Идешь в "Описании компании" или "О Нас" или что-то в таком духе. Это пример как должен выглядеть статичный контент (я имею ввиду стили форматирования абзацев, заголовков, списков, etc). Берешь эти стили и используешь у себя.

И последнее — надо же как-то предоставить текст вакансии красиво. Для примера бери вью вакансии с любого агрегатора вакансий в своей стране. Я же возьму за основу вервое что попалось под руку — https://jobs.dou.ua/companies/pg-group/vacancies/63243/?from=rs

И так, для тебя важно будет повторить:

• Дата 
• Заголовок
• Оклад и формат сотрудничества
• Перечень требований, навыков и бенефитов (отформатированный, спискоми)
• Краткая информация о проекте
• Кнопка отклика на информацию

Собственно всё.

Для повышения своих шансов могу рекомендовать:

• Используй препроцессор SCSS
• Оформи презентабельно файловую структуру проекта, на пример:
    Reveal hidden contents

  
  .
  ├── assets/			- ресурсы
  │   ├── images/			- картинки
  │   ├── js/			- js-скрипты проекта
  │   └── scss/			- стили проекта
  ├── .gitignore			- список ресурсов, которые не следует добавлять в GIT
  ├── homepage-customer.html	- html файлы
  ├── node_modules/		- npm модули
  ├── package-lock.json
  ├── package.json		- файл, в котором описана информация о проекте и версиях npm модулей, который используются в проекте
  └── public/			- директория, в которую будут генерироватся сжатые ресурсы

   

   

• Создай сборщик который будет собирать ресурсы, обрабатывать и складывать в определенную директорию. На пример на базе GulpJS
• Подключи стили в <head> а скрипты перед </body>

Дерзай ?

Expand  

Спасибо огромное за такое подробное объяснение!!!вы мой спаситель)