Провести работу по оптимизации сайта

15 000 руб. за проект
09 июня 2022, 09:23 • 8 откликов • 77 просмотров
Задание - https://docs.google.com/document/d/1nv7gizEBwlKP7s...

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-оптимизации