Нужно сверстать HLML + JS (jQuery) чат. Без асинхронности (подгузки новых сообщений), без проработки бэкенда (только тестовые ответы готовые JSON)
!!! ПРОРАБОТКА БЭКЕНДА НЕ НУЖНА !!!
только тестовые ответы
Работающие примеры:
https://now.drift.click/t/CLP-ABM
Задача:
— В HTML нужно сверстать основную часть (внешний вид + адаптивность) по типу приложенной картинки. В адаптиве чат складывается, информация становится компактнее.
— В JS (jQuery) сделать инициацию общения с пользователем (появление первых 1-2 сообщений (предусмотеть получение нескольких сообщений одновременно (если в массиве ответа более 1 выводить их с небольшой задержкой))
— Ожидаем ввод пользователя, после ввода отправляем AJAX-запрос на сервер и возвращаем в чат обработанный ответ с отправленными данными
— Нужно предусмотреть вывод в чат активных элементов с data-параметрами при клике на которые в AJAX будет отправляться запрос с передачей этих данных
— Сверстать готовые образцы для вывода в чат:
—— метки времени (или на сообщении или делителем)
—— кнопок
—— нескольких иконок
—— одной картинки (со ссылкой и без)
—— Блока ссылок
—— Ненумерованного и нумерованного списка ссылок
—— Внешней ссылки
—— Блока текст+кнопки из прикрепленного файла
Т.е. это не полноценный асинхронный чат, а чат в режиме чат-бота.
Результат работы:
— Работающая связка HTML+JS
— Отправка запросов (с передачей data-данных к серверному скрипту с получением ответа (без логики, просто тестовые данные)
— Вывод ответов в окно чата
Почему jQuery - я с ним более менее знаком. Другие технологии обсуждаемы.
Серверную часть генерации ответов могу написать/помочь написать на PHP
От Вас опыт работы и портфолио.
Только защищенная сделка без внешних оплат.
Требуется верстальщик по готовому дизайну на figma. Макет : https://www.figma.com/file/pUFCwWTAHQOqe1JdYhCChF/Portobello?node-id=693%3A2 Сверстать нужно на данную страницу http://aba-corp.ru/create/crm-tables/crm-new-1-beta/ Уже активная страница откуда подтягиваются данные https://crm.portobello.ru/portobello/cashback?id=000014058 Данный подтягиваются с crm. Хедер готов, тут можно посмотреть: http://aba-corp.ru/create/crm-tables/crm-new-1-beta/, ...
Сделать несколько файлов (12) в формате fb2 в хорошем качестве, то есть с указанием автора, жанра, года выпуска и так далее. После этого добавить их в архив и залить в публичную библиотеку. Оплата яндекс ...
Необходимо сверстать адаптивный сайт из 15 (10из них однотипные, меняется только текст и графика) страниц из psd (figma) макета (десктоп/планшет/мобильная). Основные требования: 1. Чистый html с натяжкой на WordPress. 2. ...
Добрый день. Нужно сверстать сайт, картинки здесь https://drive.google.com/drive/folders/1PEDB-M9M4yKAGPBB3PttWYQshGbFIjmG?usp=sharing Исходники будут в .XD - Препроцессор на ваш выбор, покажите потом как собирать билд. - На выходе js и css нужно будет ...
https://www.figma.com/file/tOxlJxIOErTrTUadaw0yBr/Trade?node-id=0:1 Нужна верстка и установка на Wordpress Мобильная и планшетная версия будет завтра разработана уже. Ответ от вас Антибот = "Не Бот" без этого ответа удаляю и кидаю в ...
Требуется сверстать два варианта интерфейса на общей структуре (меню-хедер) которая уже сверстана. Верстать только контентную часть страниц, то что на скриншоте в красной рамке - https://ibb.co/265Cv3Z. Многие элементы верстки можно будет взять готовыми ...
есть десктопная версия ,теперь нужно сделать мобильную , присылайте цены и сроки
На сайте в каталоге товаров https://tri-sport.ru/catalog/velosipedy при наведении на товар должен открываться вот такой блок https://prnt.sc/uidav5 . Пример реализации здесь https://pro-bike.ru/product/velosipedy/scott/shossejnye-velosipedy-scott/
Нужно сверстать раздел, к существующему сайту. Часть страниц уже есть, по аналогии сделать остальные, исправить ошибки в существующих, четко придерживаться существующей стилистики сайта. Gulp, scss, pug, git Работа продолжительная - будут еще ...
Верстка раздела "Карьера" (версия для ПК и мобильных устройств) сайта Интернет-магазина розничной сети магазинов "Порядок". Ссылка на сайт Интернет-магазина: poryadok.ru/job/ Обязательные требования: - концептуально придерживаться макетов по вложении задания; ...
