Владимир

По первому ангуляру и фрон части могу посоветовать
https://github.com/rwwagner90/angular-styleguide-es6
https://www.sitepoint.com/writing-angularjs-apps-u...

Я пользуюсь двумя бойлерплейтами, у обоих есть и недостатки и достоинства

https://github.com/angularclass/NG6-starter
https://github.com/nevech/generator-genlys

По беку не советчик.

Ну хоть попытайтесь, сделайте хотябы исходную верстку https://codepen.io/ и вам помогут с анимацией
htmlbook.ru/css/transform
htmlbook.ru/css/transition

Если хочется экзотики https://greensock.com/

let imgLoader = function (src) {
  let img = new Image();
  img.src = src;
  return new Promise((resolve, reject) => {
    img.addEventListener("load", resolve);
    img.addEventListener("error", reject);
  });
}

https://learn.javascript.ru/promise
Ну и немного подумать.

Вам нужно почитать как именно садит события метод on
Сомневаюсь что событие submit сработает на чем то кроме формы, хотя в спецификации написанно что всплывает.
www.w3schools.com/jsref/event_onsubmit.asp

https://learn.javascript.ru/array-iteration#map

https://developer.mozilla.org/ru/docs/Web/API/Even...
https://developer.mozilla.org/ru/docs/Web/API/Even...

Если сайт без бек енда и одна страница сделайте его на чистом HTML. Если не одна и много общей верстки, возьмите любой SPA фреймвок. Можно еще в помощь взять Bootstrap или Foundation

Обработчик вешаете на боди или на общий контейнер элементо с классом. Внутри проверяете класс таргет элемента

media query
Можно еще flexbox использовать чтобы трансформировать меню а не срывать его

https://github.com/madebysource/animated-scrollto там есть простор для доработок.

Суть задачи непонятна, поэтому и лишние усложнения.
1) Если вы считаете время до определенного события, то сделайте переменную с датой этого события и тогда у вас будет считаться время до этой даты.
2) Если вы просто хотите сделать счетчик, который будет считать 30 дней со времени первого посещения сайта , используйте localStorage. Но если пользователь очистит кеш или зайдет в режиме инкогнито, счетчик перезапустится.

Для начала определитесь с задачей.

https://www.jetbrains.com/help/webstorm/2016.1/deb...
Ключевая фраза - "Although actually debugging will be performed against the generated JavaScript, WebStorm will emulate TypeScript debugging using the generated source-maps that set correspondence between lines in the TypeScript and in the JavaScript code."

Хорошая статья https://habrahabr.ru/post/190342/ и еще почитайте банду четырех