JavaScript Application c помощью JS,jQuery,Bootstrap.Приложение для учета рабочего времени

[Wolly]

Помогите пожалуйста с Тестовым заданием
Может кто-то знает подходящую литературу.Только начинаю разбирать JavaScript,поэтому была бы очень рада совету.
С чего мне начать?
Правильно ли я поняла,это приложение должно быть в html-оболочке?
Где в тестовом задании я могу использовать Bootstrap,jQuery?

ТЗ

Цель

Задача создать небольшое Javascript Application используя стек из следующих технологий: Js ,
jQuery, Bootstrap, Moment.js. Также можно использовать любые другие библиотеки по желанию
кандидата. Ожидается что кандидат будет использовать компоненты, входящие в библиотеку
bootstrap. Адаптивность макета желательна, но может быть опущена для экономии времени.

Описание Задачи

Tracker+ — простое приложение для трекинга времени, которое позволяет пользователю вести учет
потраченного времени и делать простую аггрегацию по записям времени. Приложение должно
быть чисто фронт-енд и не подразумевает бекенд реализации.

Модель данных

Главным элементом данных в приложении является объект TimeLog который состоит
из:
• поля начала времени (Дата начала)
• продолжительности (Длительность работы)
• названия (Текстовое поле, лимит 30 символов)
• описания работы. (Текстовое поле, без лимита. Должно хранить переносы строк.)
Все поля кроме описания — обязательные.
Компоненты (обязательные)

Time Tracker

Позволяет создать новую запись. Пользователь может ввести данные самостоятельно или нажать
на зеленую кнопку «Запустить трекер». В случае этого компонент меняет свое состояние,
заполняет дату начала текущей датой и начинает отсчет времени. Трекер можно приостановить
или завершить. В случае завершения, компонент меняет состояние на первоначальное, только
поля «Start Date» (должен быть datepicker для упрощения выбора для юзера) и «Time Spent»
заполнены значениями которые были на момент остановки. Кнопка «Reset» очищает все значения
формы. «Add Time Log» добавляет запись в таблицу «Time Log».

Time Log

Таблица Time Log содержит записи о потраченном времени. Таблица по дефолту сортирована по
дате в направлении от самой поздней к более ранней. Таблица должна поддерживать сортировку
по полям Start Time, Name, Time Spent в обоих направлениях. Чтобы изменить направление
сортировки и поле, пользователь должен кликнуть по заголовку колонки.

Архив содержащий все файлы необходимые для локальной работы приложения. Приложение
должно работать в последней версии Google Chrome, другие браузеры можно опустить.
Организация и структура кода будет оцениваться, поэтому приведите его в надлежащий вид

[Alex11223]

Сообщение от Wolly

Где в тестовом задании я могу использовать Bootstrap,jQuery?

Бутстрап это фреймворк для упрощения верстки. Смотрите его доку, примеры и т.д.
Ну а jQuery это библиотека с разными JS функциями, которая много чего может упростить в JS коде, хотя уже менее актуально если использовать современный JS. Смотрите в доке что он умеет.

[Naive]

В 2019 году jQuery уже не актуален. Не иди в компанию, где его просят.
Тем не менее, знать его все равно нужно, вот такой вот парадокс)
Посоветую learn.javascript.ru, лекции яндекса по программе ШРИ, WebStandartDays. Они дадут хороший старт, все остальное сам нагуглишь, гудлак.