HTML, CSS и Template Engine. Производство модулей CMS.
Хороший уровень знаний HTML/CSS, опыт разработки пикселей-perfect, responsive макет с использованием Flexbox и SS Grid.Следить за принципами доступности.Опыт работы с любым template engine или react/vue/angular, или опыт программирования PHP (как языка, имеющего встроенную функцию шаблонизатора).Опыт с JS/jQuery.В настоящее время это не очень сложные функции, такие как динамические элементы страниц (accordion, modals, и т.д.) )Опыт работы по созданию макет страниц в visual page editors (какие-либо, где используется сеть и блоки/компоненты/модулы/отжеты).Опыт работы с Git и GitHub.Опыт работы с Sass/SCSS/Less будет плюсом.Опыт разработки тем для любого CMS, например WordPress, будет плюсом.Опыт разработки персонализированных блоков/компонентов/модулей/отжетов для визуальных страниц редакторов, например WP Bakery или WordPress Gutenberg (или других) будет большим плюсом.Вход в:
Работа над темой для HubSpot CMS, который содержит набор page templates, sections, modules.Шаблоны страниц состоят из секций.Секции включают в себя модули, сети (SSS Bootstrap-like grid with rows and 12 columns) и drag'n'drop areas.При создании новой страницы пользователь выбирает один из шаблонов и редактирует страницу в визуальном редакторе.CMS предоставляет набор стандартных модулей, которые могут быть добавлены к d'n'd зон.Тема, которую мы разрабатываем, включает в себя набор custom modules для редактирования/выдачи форматированных данных.Код templates/sections/modules является HTML с встроенным языком-шаблонизатором HubL.CSS-код также использует HubL как пре-процессор.Hubl поддерживает макросы (могут быть известны вам в других технологиях как "mixins").Разработка происходит в Visual Studio Code с плагином для подсветки синтаксиса.Модулы имеют набор fields (полей), которые редактируются в визуальном редакторе страницы.Структура, типы полей и их default values задаются в наборе JSON файлов.Модулы могут включать правила отображения JSON файлов являются большими и не очень удобными для редактирования, но CMS имеет встроенный дополнительный визуальный редактор редактирования полей.Каждое поле модуля имеет значение по заказу, поля объединяются в группы, поэтому группы также имеют значение по заказу, что есть в приоритете над значением отдельных полей.Модулы имеют параметры, секции через параметры модулей могут задавать значение полей по заказу, которые имеют еще большую приориентацию.Важно понимать, что CMS не может быть распространён локально, то есть каждый файл темы должен быть загружен на сервер CMS.Впрочем, для удобства локального разработки используется инструмент CLI с функцией Watcher, то есть все локальные изменения автоматически загружаются на сервер разработки.Задача: Код темы для доработки будет предоставлен избранному исполнителю.Задача No1:
Create preset drop-down for button styles (solid, outline, arrow, underline, simple link) in the Custom Button module.Добавить дополнительное поле для модуля, который стилизирует custom модуль кнопки и задает ее стиль.Имплементация по аналогии с встроенной функцией Presets в стандартной теме "Growth theme".Спецификация стилей и пример кода с Growth theme будет предоставлен выбранному исполнителю.Задача No2:
Trust Marks module - Add logo alignment style control.Добавить поля для уравнения логотипа внутри модуля (леф, центр, право) с помощью flexbox.Модуль имеет два режима отображения (Card and Simple modes) - уже существующая функциональность.Детали сотрудничества 1.Платеж договорен, будь ласка, напишите свои фиксированные оценки и/или уточняющие вопросы.ВтораяСейчас у меня еще несколько задач в том же проекте, и их будет больше.Задачи 1 и 2 я расцениваю как оплачиваемая испытательная задача для начала более длительного сотрудничества.3 .Расчет на окно со стороны исполнителя.Пожалуйста, предоставите информацию: когда вы можете быть на связи (день и часы), когда вы можете начать работу, ожидаемый час завершения работы, изменения статуса и прогресса задач, подробности о осложнениях в работе и возможных задержках результата (что-то идет не так - скажите, и мы найдем решение).4 .Работа на результат.Это включает в себя обсуждение и исполнение прав.Возможность доплаты за правки обсуждается в каждом случае отдельно и является нормальной практикой в случае дополнения задачи (являются новые детали или ТЗ имеет пропуски).5 .Внимание к деталям.В ссылку на проект приведет ваш наиболее релевантный опыт и (благодаря за понимание) напишите название одной из HubL functions (достаточный выбор из документации), таким образом Ваша предложение не потеряется среди copy&paste сообщений.Getting Started Guide + Key Concepts Page
Если вы уже не нашли его, этот водитель для разработчиков должен быть вашим первым остановкой.You'll learn how to set up our local development tooling, download boilerplate files, and create and edit your first project.Next, take a look at this Key Concepts page for a high-level look at how the CMS is designed to work.HubL Functions Документация
Актуальные фриланс-проекты в категории Веб-программирование
Создание сайта для бухгалтерской фирмы на WordPress (на готовом шаблоне)
25 000 UAH
Добрый день. Мы бухгалтерская фирма - хотим создать сайт для бухгалтерской фирмы на WordPress (на готовом шаблоне) на двух языках. Он будет оптимизирован под поиск Google и SEO. Веб-программирование ∙ 17 часов 28 минут назад ∙ 85 ставок |
Доработка системы учёта рабочего времени на ASP.NET
Нужен .NET-разработчик для небольшого проекта — системы подсчёта зарплаты сотрудников. Три задачи: Развернуть систему на нашем поддомене (домен и доступы дадим). Аудит формы логина + доработка по безопасности при необходимости. Реализовать закрытое API для выгрузки данных в… Веб-программирование ∙ 17 часов 41 минута назад ∙ 28 ставок |
Необходимо сделать современный сайт для компании натяжных потолков в Польше
28 485 UAH
Нужен современный премиальный дизайн, адаптация под мобильные устройства, быстрое загрузка, SEO, анимации, калькулятор, портфолио, форма заявки. Желателен опыт создания сайтов в Польше, лендингов для строительных или ремонтных компаний. Обязательно отправьте примеры своих работ. HTML и CSS верстка, Веб-программирование ∙ 19 часов 59 минут назад ∙ 125 ставок |
Ищем фронтенд разработчика для учебной платформыFrontend-разработчик https://www.figma.com/design/vXKC6kfWOeDBX2464BXqRv/%D0%A2%D0%97?node-id=0-1&p=f&t=OJxQ9DF0zXBNnBJv-0 Привет! Ищем frontend-разработчика для работы над современной музыкальной платформой Muse. Проект уже имеет готовый дизайн в Figma,… HTML и CSS верстка, Веб-программирование ∙ 21 час 47 минут назад ∙ 83 ставки |
Редизайн и SEO-оптимизация сайта на платформе Prom.ua
Техническое задание Сайт: protone.com.uaОсновная цель Необходимо сделать сайт современным, визуально привлекательным, удобным для пользователя и максимально подготовленным к продвижению в поисковых системах и внутри маркетплейса Prom.ua. Основной акцент — улучшение дизайна,… Веб-программирование, Дизайн сайтов ∙ 22 часа 17 минут назад ∙ 23 ставки |
Харьков