Андрей Малиновский

Переменная Draggable не определена. Импорт библиотек выполнен в неправильной последовательности, либо подключены не все необходимые библиотеки.

Ответ прост, никак. Из доступных технологий разработки есть все, начиная со сложных алгоритмов и математических задач и заканчивая простым воображением. При этом весь спектр может быть использован в достаточно простом (на первый взгляд) проекте.
По поводу языков, желательно знать все. Но начинать можно с любого языка, на данный момент в "трендах" JavaScript, как серверная часть, так и клиентская. Что проще дается, то и изучайте. Заказчик найдется на любой язык. Главное ваш первый язык изучить очень тщательно, ибо понимание основ любого языка даст вам ~70% знаний по любому другому языку, который вы захотите изучить позже.

text-orientation

У вас последняя секция наезжает на предыдущую секцию. prntscr.com/hjvmfe

Используйте continue

jQuery использует двойные, но большинство других библиотек и фреймворков использует одинарные.

Убрать конструкцию
$(function() {});
Подобным образом вы откладываете выполнение кода до полной загрузки DOM, а на этот момент i уже равен 79.

Вот такой вариант https://habrahabr.ru/post/126207/

Вот вам пример, надеюсь поможет.

Вот вариант

Все зависит от поставленной задачи.
Если нужна сложная форма с множеством зависимостей, проверок и вдобавок user friendly попробуйте knockoutjs.com. Время и усилия затраченные на изучение окупятся :)
Простые формы лучше писать руками.

ВСЕ линки (css, js, img и т.д.) в проекте должны быть переделаны с http:// на https://
ВСЕ ссылки на внешние скрипты должны быть https://

Notepad++
Visual Studio Code

Ctrl+F заменить "," на "."
File - Save As ...

Возможно причина в этом

... тип переменной сеанса должен быть типом .NET или сериализуемым типом ...