Задание :

1. Привести страницы к соотвествию требованиям к разработке сайта:

- Кроссбраузерность
- Настроить корректное отображение на различных видах устройств: для ПК контент должнен помещаться в контейнер 1170 и при этом при увеличении и уменьшении масштаба текст должен оставаться внутри контейнера, фон и картинки на фоне должны масшабироваться; для Моб.устройств контент должен быть адаптирован под любой размер экрана и корректно в нем отражаться, для мобильных устройств есть дизайн-макет.
-добавить теги и метатеги для СЕО-оптимизации, список тегов будет предоставлен
-оптимизировать скорость открытия сайта по показателям Google speed test (до 3-х секунд)
- установить счетчики яндекс.метрики и гугл аналитики на страницах.

2. Привести заголовки на страницах к единому виду (выровнять размеры заголовков Н1, Н2, Н3, текстов, кнопок, текстов на кнопках, согласно макету в Figma) для 8 страниц

3. Добавить видеоролики на страницу: https://axes.pro/talentlink

Список роликов предоставят. Перед началом разработки для демонстрации необходимо сделать несколько вариантов реализации:

• с автоплеем и музыкой
• с автоплеем и без музыки
• с ковером обложки ролика и запуском при нажатии на ковер

Все эти вариаты предоставить, затем в зависимости от того, который больше понраится заказчику сделать и остальные.


На проект по доработке сайта (задание приведено выше) выберем специалиста уровня от middle

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

• HTML и CSS — в совершенстве
• Препроцессоры CSS (Sass, Less, Stylus и т. д.)
• JavaScript
• Популярные фреймворки и библиотеки: jQuery, Angular.JS, React.JS, Backbone.js и т. д.
• OOCSS / BEM / SMACSS
• SVG
• DOM
• HTML5 API
• ECMAScript 6
• Популярные CMS (WordPress, Drupal, Joomla и т.д.)
• Понимать принципы построения бекэнда и разбираться в серверных технологиях (Node.js, PHP, Ruby, .NET и т. д.)
• Инструменты дебаггинга (Chrome Dev Tools, Firebug и прочие)
• JavaScript транспайлеры (Babel)

В чем нужно разбираться:

• Инструменты контроля версий (Git, GitHub, CVS и т. д.)
• Базы данных и языки запросов (SQL, MySql, NoSQL, MongoDB и т. д.)
• Графические редакторы (Photoshop, Illustrator и т. д.)
• Кросс-браузерная и кросс-платформенная разработка
• Прогрессивное улучшение и изящная деградация
• Мобильная разработка
• Адаптивная и отзывчивая верстка
• Веб-шрифты
• Принципы SEO-оптимизации