Какова правильная структура JQuery сайтов?

Question

[Alexey]

Собственно задание: Есть сайт с определенной логикой написанной с использованием JQuery. Необходимо сделать рефакторинг чтобы сделать код, - "расширяемым", "поддерживаемым".

Проанализировав 200 строк кода: Функциональное программирование. Событие -> определенное действие. К сожалению не имею опыта в написании больших проектов на JQuery...

Вопросы:
Каким образом можно сделать код расширяемым, как мне сказали - должен быть фреймворк... или аналог ООП?
Где об этом прочитать?
Есть ли какие нибудь практики создания качественного кода используя JQuery и TypeScript?
Yeoman generators?

Использование других фреймворков "AngularJS", "ReactJS" всячески отвергаются заказчиком.

Answer 1

[teotlu]

Прочитать в целом про паттерны проектирования, что это такое, зачем, как применять.
Ну и плюс полезные ссылки конкретно по JS:
largescalejs.ru
https://addyosmani.com/resources/essentialjsdesign...

Используемый фреймворк тут особой роли не играет, будь то jQuery, AngularJS или что-то ещё.

Если есть возможность использовать TypeScript, то это может стать хорошей подмогой, поскольку в нём есть множество нужных для создания расширяемой архитектуры вещей. Например, модули, классы, интерфейсы.

Answer 2

[Dmitry Pavlov]

Старенькие статьи, но для старта и понимания сути проблемы пойдет
Пишем плагин для jQuery
Фабрика виджетов jQuery UI