Разрабатываем библиотеку progressBar на Javascript

Чисто учебный пример. Небольшая библиотека-фреймворк и сайт о ней.

Здесь "мини-фреймворк" реализован в виде класса Javascript, а не безымянной функцией-обёрткой с объектом внутри. Макет основан на вот этом, только доработан.

Так как работа заведомо "о Javascript", целесообразно вывод меню и заголовков окна делать через него же, это существенно облегчает прописывание в структуре сайта новых страниц или закладок - достаточно вписать ссылку в массив страниц из js/funсtions.js. Для построения выпадающих списков также используется функция на Javascript с именем makeList.

Исходники (документы HTML5 в кодировке Юникода UTF-8) легко увидеть со страниц демо-версии (щёлкнуть правой кнопкой мыши на свободном месте страницы и выбрать пункт меню "Исходный код страницы", "Просмотреть исходный код" и т.п., название пункта зависит от браузера).

Структура "сайта о фреймворке" в общем случае может такой и быть - "скачать" и всё главное на основной странице, документация по пользовательским методам, примеры работы. Если рассматривать как это задание на написание собственного фреймворка или описание существующего, подойдут примерно такие план и расчасовка работ, для обучающихся, конечно, а не специалистов (время указано в академических часах):

Выбор и обоснование темы - 2 часа;
Разработка макета и стиля сайта - 4 часа;
Разработка логотипа и графики - 2 часа;
Разработка или формирование списка методов фреймворка - 4 часа;
Написание или изучение кода методов фреймворка - 6 часов;
Написание документации к фреймворку - 6 часов;
Написание демо-кода и форм для работы с фреймворком - 6 часов;
Отладка и исправление ошибок - 2 часа.
Итого: 32 часа.

Вот скриншот начала главной страницы и ссылка на сайт в работе.

скриншот, мини-сайт о мини-фреймворке

 Этот сайт в работе, новое окно/вкладка

13.02.2021, 11:34 [1065 просмотров]