Andrey Dyrkov

Можно использовать ES2015 с бабелем

Если вы пользуитесь grunt, то есть npm пакет

Я привык к browserify

Вообще если вы делаите приложение на AJAX, то ваша архитектура должна быть похожа на SPA. А в нём первый запрос к серверу загружает приложение, которое настраивает себя, вешает все обработчики и тд. То есть вы подгружаите критический css и js просто как теги ("app.js и стили с лоудерами и главной страницей") а остальные просто ленивой подгрузкой в фоне. Так получаеться что пользователь быстро получает страницу которую хотел, но все зависимости подгружаються и для других страниц в фоне. В итоге когда вы будите переходить по страницам у вас будет меняться лишь контент.

Тот же самый backbone.js. В нём ваше приложение скачиваеться, создаёт модели(делает AJAX к серверу), передаёт во View и отрисовывает сраницу. Все нужные для работы приложения зависимости просто добавлены как теги(пока они не загрузяться ничего не сработает дальше). А расширения для контента, типа плагина для графиков, видео какое-то вы можите в фоновом режиме просто подгрузить. Ведь это одностраничное приложение, смысл постоянно перезагружать расширения.

Вы можите просто добавить проверку типа:

if(window.$){
 //если у нас есть jQuery
// то приложение идёт дальше работать

}else{
 //вызываем какую-то функцию установщик
loadExtension('jquery.js')
}

У вас может быть просто массив зависимостей, которые вы можите подгрузить в фоне. Но когда у вас запрашивается страница /home/about требующая графиков например, вы пререндером на сервере можите запросто добавить этот плагин как просто тег script, а приложение когда будет бегать по зависимостям через if проверит есть он или нет, т.к. вы его подгрузили уже,то он проигнорируеться и у вас не будет дуближей.

попробуйте
console.log('Корзина',vm.cartItems);

Я недели 2 назад написал виджет. У вас просто есть сервер, где лежит файл установщик типо installwidget.js. В этом файле вы прописываите установку вашего виджета ( ну типо кнопку по которой будет он активироваться добавите, и iframe добавите, который по умолчанию скрытый и активируеться по кнопке или как захотите). На странице к которой вы хотите подключить виджет просто прописываите ваш конфиг (если виджет настраиваеться) и код добавляющий файл установщик.
Ну что-то типо этого добавляите на страницу

<script>
  window.App={};
 window.onload = function(){var ms = document.createElement('script);ms.src="http://widget/installwidget.js";document.head.appendChild(ms)};
<script>

В итоге. Вы можите добавлять настраиваемый виджет, сам файл installwidget.js возмёт конфиг и в соответсвии с ним добавит iframe и др.

В вашем примере код генерируеться сервером из get. Ну решать вам как сделать, как вам будет удобнее. Я когда делал оперался на яндекс метрики, как они устанавливаються)

Так хэшировать вам нужно только на сервере, на клиенте зачем?
Вы просто на сервер отсылаите пароль "pass243" и на сервере его хэшируите своим алгоритмом и проверяите с тем захэшированным в БД. Совпадает то всё ок. На клиетне ничего не храните иначе взломают как нечего делать)

Если тебе прям 3 секунды нужно то просто setTimeout поставь

<script type="text/javascript">$(window).on('load', function () {
    var $preloader = $('#page-preloader'),
        $spinner   = $preloader.find('.spinner');
   setTimeout(function(){
     $spinner.fadeOut();
    $preloader.delay(500).fadeOut('slow');
   },3000);
});</script>

Любую задачу можно решить с помощью SPA, а spa это жирный front-end :)
Лучше для диплома искать тему которая будет внедрена, в вашей веб студии есть задачи? Типо месенджера для работников, хранилище знаний или ещё чего. Я вот прохожу практику в it компании, для неё требуется создать базу знаний, реализовал как виджет на сайте (очень простенький тк. ie8), а вот админ панель для неё у меня жирновата) Весь back-end будет RestAPI.

На backend вам достаточно создать класс базы данных в котором будет куча методов типо getClients or getProductsAll or getProductId. Зачем создавать какие-то объекты? у вас получаеться SPA вам нужен только API а он отдаёт на запрос ответ, ответ это запись из БД.

Есть событие загрузки окна onload а есть onunload событие которое вызываеться перед закрытием браузера.