Добро пожаловать!Предложите стоимость и время, которое Вам нужно для выполнения работ.СМС - MODX Revolution 2.8.4-пл

Послание даю отдельно.Дизайн готов.Общие требования: Разработка должна быть кросбраузерной и адаптивной.Использование методологии BEM для CSS классов.Семантическая, валидная и доступная HTML-разметка.Оптимизация изображений и использование SVG, где это возможно.Использование препроцессоров CSS, таких как SASS или LESS.Адаптивный дизайн: Создание версий для разных размеров экранов в соответствии с брейкпойнтами, определенными в дизайне.Верстика должна быть гибкой и адаптивной к различным устройствам.Компоненты дизайна: Отделить и использовать повторяемые элементы, такие как кнопки, заголовки, карточки товаров и т.д.Разработка модальных окон, табов, слайдер в соответствии с дизайном.Интерактивность: Опишите ожидаемое поведение интерактивных элементов: состояния для :hover, :focus, активных элементов.Анимации и переходы, которые нужно реализовать, поговорим о SEO и доступности: Использование правильных метаданных для каждой страницы.Обеспечение доступности элементов управления для клавиатурного навигации и читателей экрана.Оптимизация: минимизация CSS и JavaScript.Использование техники линейного загрузки для изображений и другого контента.Валидация кода: проверка кода через W3C Validator.Использование букв для CSS и JS.Тестирование: Тестирование верстки в последних версиях основных браузеров (Google Chrome, Firefox, Safari, Edge).Проверка на мобильных устройствах (iOS, Android).Работа: Создание документации по коду.Создание кода через систему управления версиями, например, Git.Установите сроки для каждого этапа проекта, обсудим

Настройка контента: Реализировать систему управления контентом для легкого добавления и обновления материалов сайта.Используйте сумки и сниппеты для динамических элементов сайта.SEO и аналитика: Оптимизировать сайт для поисковых систем, установить мета-теги и использовать дружественные URL.Интегрировать инструменты веб-аналитики, например Google Analytics.Тестирование: Провести функциональное и грузовое тестирование сайта.Исправить ошибки, обнаруженные во время тестирования.Документация: Создайте техническую документацию для сайта, включая описание используемых плагинов и шаблонов.Удача проекта: Передать полностью функциональный сайт заказчику.Укажите инструкции для администраторов сайта по работе с CMS.Поддержка и обновление: Рассмотрим Дополнительные компоненты: установить и настроить необходимые приложения, плагины или пакеты, чтобы расширить функциональность MODX.Безопасность сайта: Обеспечить защиту от известных уязвимостей и атак.Реализовать резервное копирование и восстановление сайта.

Вітаю!  Запропонуйте вартість та час, який Вам необхідно для виконання робіт. Дякую!

СМS - MODX Revolution 2.8.4-pl

Посилання надам окремо. Дизайн готовий.

Загальні вимоги:

• Розробка повинна бути кросбраузерною та адаптивною.
• Використання методології BEM для CSS класів.
• Семантична, валідна та доступна HTML-розмітка.
• Оптимізація зображень та використання SVG, де це можливо.
• Використання препроцесорів CSS, як-от SASS або LESS.

1. Адаптивний дизайн:

   • Створення версій для різних розмірів екранів згідно з брейкпойнтами, визначеними в дизайні.
   • Верстка має бути гнучкою та адаптивною до різних пристроїв.

2. Компоненти дизайну:

   • Виділити та використати повторювані елементи, як-от кнопки, заголовки, карточки товарів тощо.
   • Розробка модальних вікон, табів, слайдерів згідно з дизайном.

3. Інтерактивність:

   • Описати очікувану поведінку інтерактивних елементів: стани для :hover, :focus, активних елементів.
   •  анімації та переходи, які потрібно реалізувати, оговоримо

4. SEO та доступність:

   • Використання правильних метаданих для кожної сторінки.
   • Забезпечення доступності елементів управління для клавіатурного навігування та читачів екрану.

5. Оптимізація:

   • Мінімізація CSS та JavaScript.
   • Використання технік лінивої загрузки для зображень та іншого контенту.

6. Валідація коду:

   • Перевірка коду через W3C Validator.
   • Використання лінтерів для CSS та JS.

7. Тестування:

   • Тестування верстки в останніх версіях основних браузерів (Google Chrome, Firefox, Safari, Edge).
   • Перевірка на мобільних пристроях (iOS, Android).

8. Здача роботи:

   • Створення документації по коду.
   • Здача коду через систему контролю версій, наприклад Git.
   • Встановіть термінів для кожного етапу проєкту, обговоримо
     
     
   • Настроювання контенту:
     • Реалізувати систему управління контентом для легкого додавання та оновлення матеріалів сайту.
     • Використовувати чанки та сніппети для динамічних елементів сайту.
       
       

     • SEO та аналітика:

       • Оптимізувати сайт для пошукових систем, встановити мета-теги та використовувати дружні URL.
       • Інтегрувати інструменти веб-аналітики, наприклад Google Analytics.

     • Тестування:

       • Провести функціональне та вантажне тестування сайту.
       • Виправити помилки, виявлені під час тестування.

     • Документація:

       • Створити технічну документацію для сайту, включаючи опис використаних плагінів і шаблонів.

     • Здача проекту:

       • Передати повністю функціональний сайт замовнику.
       • Надати інструкції для адміністраторів сайту по роботі з CMS.

     • Підтримка та оновлення: Обговоримо 

     • Додаткові компоненти:
       • Встановити та налаштувати необхідні додатки, плагіни або пакети, щоб розширити функціональність MODX.
       • Безпека сайту:
         • Забезпечити захист від відомих вразливостей і атак.
         • Реалізувати резервне копіювання та відновлення сайту.