HTML + JS чат без проработки бэкенда
Нужно сверстать 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
От Вас опыт работы и портфолио.
Только защищенная сделка без внешних оплат.
