quiplunar

Как хочешь таки подключай. Конфиг будет работать.

Но я бы рекомендовал подключить его как loader, а его вывод уже обрабатывать через babel. Но хз зачем тогда нужен babel, разве что полифилы подключить. Так как сам typescript все транфирмирует в соответствии с настройками.

rules: [
      {
        test: /\.[jt]+sx?$/,
        use: "ts-loader",
        exclude: /node_modules/,
      },
}

1) Это не правильно с точки зрения написания и организации кода. Т.к. не ясно, откуда взялась данная функция в контексте файла. Таких функций может быть 100500, от чего нет явного понимания, откуда она и не даёт понимания, а какие функции вообще есть. + может быть 2 и более одинаковых функции, но из разных файлов, решающих одинаковые задачи, но в контексте своего класс или объекта, не важно! Как вы собираетесь решать такой момент? А как другим после этого обходить подобные штуки? Короче, с неймингом будут серьёзные проблемы!!!

2) Вы убиваете саму суть webpack как сборщика модулей, т.к. вы изначально импортируете всё, что у вас есть тогда, когда это не нужно. webpack как бы подгружает нужные чанки тогда, когда они нужны, иначе толку от него никакого. А вы всё это хотите убить.

По делу:

1) Компоненты можно подключать глобально, просто создайте файл, в котором импортируйте все нужные вам компоненты, подключите их. После просто сделайте импорт этого файла в корневой исполняемый файл.

2) Вы можете написать свой генератор, который будет проходится по нужной вам директории и подключать все нужные модули туда, куда захотите.

P.S. а чё не так то? Вам так влом это писать? Все языки так работают!!!

new SomeClass()
Похоже на хрень
А вообще можно импортировать import * as name from "module-name";
А потом пройтись циклом по полям этого объекта и если тип поля - функция запустить.
https://developer.mozilla.org/ru/docs/Web/JavaScri...
https://developer.mozilla.org/uk/docs/Web/JavaScri...

Читать доку внимательно, потому что запускать нужно только родные методы, не унаследованные

Скажу одно - нахрен не слушай тех, кто говорит тебе, что-то не учить. Сверху упомянули пайтон. Извините меня, это разные языки для разных задач, и какой смысл начинать пусть даже с более простого языка, если тебе один хрен придется перебираться на плюсы? Это во-первых.
Во-вторых, как правильно заметил комментатор выше, нет смысла покупать книгу за 4 куска только ради тактильных ощущений. Я тебя прекрасно понимаю в этом плане, но в жизни разработчика, сталкивающегося с необходимостью изучить фундаментальные штуки, книг равных по стоимости этой(а зачастую даже намного дороже), будет очень и очень много. Сейчас, когда денег не очень много, резонно вложить их в нечто более существенное, а уж потом добрать себе библиотеку.
Ну и в-третьих, ты я думаю к 16 годикам научился читать и воспринимать прочитанную информацию. Книга, не более чем справочник по языку и базовым концепциям, здесь не играет роль даже твой бэкграунд в других областях(хотя с ним возможно и будет чутка легче), а возраст тем более.

Можно ли с помощью php защитить сайт от воровства?

Можно. Запускать сайт на localhost

Я бы не стал так все в одну кучу валить.
pug — это не только шаблонизатор, но и препроцессор, то есть он предоставляет альтернативный, во многом удобный синтаксис.
Для vue/react генерация html это только часть обязанностей, они еще должны аккуратно и быстро обновлять его и реагировать на пользовательский ввод.
Если проект не предусматривает динамического фронтенда, то вполне можно обойтись одним шаблонизатором — pug/handlebars/что хотите. Далеко не везде нужен SSR.

P.S. то, что react нельзя использовать с pug — это личные половые трудности сугубо реакта. Я использую vue+pug и доволен как слон:)

Можно просить и 100к - тут много факторов:
Сможет ли заказчик их заплатить, почему он их должен заплатить вам? А не найти того, кто за 15к сверстает?
Как пример - работал как-то в крупной компании в отделе маркетинга, там ответственному за продвижение было удобно работать с одним исполнителем - и она всегда отдавала работу ему - так появлялись сайт визитка новой услуги за 3000$ на wordpress и тому подобное.
Просто у конторы были деньги, он ее не подводил по срокам, и то что он делал - заходило начальству...
Пробовали и других - 6000$ за проект (фактический тоже визитка ит компании), три месяца - готов только дизайн главной страницы, и опять возвращались к тому исполнителю...

Так что, чтобы получить 60к за верстку 5-6 страниц - нужно не просто запросить 60к - но и как-то их отработать - профессионализмом, отношением, часто - для новых заказчиков - именем....
---------------------------
По вашим файлам, 6-7к. Если вы получите больше - то уже отлично :)

Как правильно оценивать работу на верстку?

максимальная цифра за которую вы еще можете получать заказы.
Если вам за 15к заказы дают а за 20к - не дают значит ваша оценка - 15к.
Если вам за 15к дают, за 20к дают, за 60к дают, а за 65к уже нет - ваша оценка - 60к.

Если у вас потолок 15к и он вас не устраивает то надо искать и пробовать, что сделать чтобы стоить больше. И это не только умение верстать - как вы ищете заказчиков, какая область, как общаетесь, как ведете проект, как фильтруете хороших от плохих, и много чего еще имеет большое значение.

Для начала - выясните эту свою цифру. А то может зря вы там в депрессии сидите, надо просто цену поднять.

https://kenwheeler.github.io/slick/
Сenter mod

https://codepen.io/i-am-studio_ru/pen/BajBrqL

selector-parse(&), детали см. в документации.

как сделать, чтобы это работало корректно

coords = '1000'
console.log(+coords + 1)  // перевод в число
// 1001

(╯°□°)╯︵ ┻━┻

document.querySelector('div').childNodes[0].textContent

Что такое функция сглаживания Вы в целом понимаете? Как она описывается?
easeIn как в css это сокращение для специально подобранной кубической Безье, для сглаживания.
Я не вникал этот код, но если Вам нужна функция сглаживания, как easeIn, то поищите, есть на сайте (подсказка - в ссылке есть уже все), какие параметры нужны для описания именно такой кривой, как в css easeIn. Эти параметры можно передать в функцию сглаживания, которая управляет анимацией, и получите easeIn эффект.

Дело в том, что ease in и ease out не функции, а название протекающего процесса. Если грубо: "вогнуто" и "выпукло". В свою очередь, как именно вогнуто или выпукло определяется конкретными функциями. Которые вы перечислили.

Наглядный пример: https://codepen.io/juliangarnier/pen/mWdraw

Owl Carousel самый лучший на мой взгляд. Функции что вы описали там есть.
Отличная оптимизация кода
Хорошая поддержка браузеров (даже старых)
И как вишенка на торте, он поддерживает Touch (нажми и тащи).