Василий Хрягин, под "с initialSlide тоже не работает" вы имеете в виду, что при попытке инициализировать слик с initialSlide у вас зависаем комп или что?
Подозреваю, слик не успел инициализироваться сразу после load. Если вы таким образом устанавливаете исходный слайд, то используйте initialSlide для этого
Artemmmm13, следите за трендами, подписывайтесь на tympanus::codrops, awwwards и другие ресурсы, там постоянно появляются подобные красивые разработки, на которые можно не только попускать слюни, но ещё и потрогать их руками,
Artemmmm13, а где тут тридэ? Вижу очень красивые и качественные двадэ мультики, а тридэ не вижу,
Конкретные инструменты вам не назову, но такие анимации можно сделать большим количеством способов: можно в виде SVG, можно канвой (->WebGL), наверное можно еще как-то. В случае с SVG используются либо средства программной разработки анимаций (тот же snap), либо специализированные, типа AE и средств экспорта этих анимаций в веб среду (bodymovin + lottie). В случае с канвой вариантов до чёрта - d3, ThreeJS, может быть рафаэль еще, тысячи их, проще гуглить чем вспоминать. Например погуглите фреймворки для разработки двадэшных игр, они используют разные подходы для реализации анимаций,
Учитывая размах анимации могу предположить, что это поделка в духе последних трендов - весь интерфейс сделан с помощью WebGL,
"1. В моём коде есть очень много повторяющихся частей и я не знаю, как можно оптимизировать их." - ну вот например классы на tr у вас лишние, индексы рядов вы вполне можете брать из того же цикла в котором распихиваете эти данные по ячейкам. Сохранять ссылки на ряды (tr) вроде бы тоже не очень нужно,
"2. Я не знаю, как сделать данное задание с помощью ооп (и при этом мне известна теория, но я не могу применить её на практике)." - ну я тоже не вижу как сюда можно врубить классы. ООП же оно существует не для того чтоб им обильно полить любой код и увидеть как он превращается в лилию, ООП существует для конкретных нужд, вот почитайте. Мне кажется для практики ооп лучше взять другое задание. Потому что придумывать в таком крошечном примере куда впихнуть ооп это задача сложнее чем применить ооп))
"существует некое количество объектов (например 200), при клике на любой из которых вызывается одна функция с разными параметрами соответствующими событию onclick каждого объекта" - вешаете обработчик клика на один из родительских для них элементов, при клике проверяете был ли совершен клик на нужном вам элементе. Если да, то совершаете какие-то действия, а данные можете хранить например в data
Если речь о том чтоб запросить с сервера SVG и потом этот SVG отобразить как часть DOM, то вы просто берете полученный код SVG и кладёте в DOM как SVG элемент
Эта задача неразрешима в условиях которые вы описали. Либо вы неправильно поняли задачу, либо вы неправильно поняли условия, либо вы задачу и/или условие переписали неправильно,