Alex Pospeliri

https://youtu.be/y52rtbUeCac?t=14

const chunked = (arr, chunkSize) =>
  Array.from(
    { length: Math.ceil(arr.length / chunkSize) },
    (n, i) => arr.slice(i * chunkSize, (i + 1) * chunkSize)
  );


const arr = chunked(Object.entries(obj), 10).map(Object.fromEntries);

1. можно ли использовать template в template во vue компоненте?

да

можно ли из дочернего компонента воздействовать на родительский?

да, например $emit('my-event') событий из дочернего, в родителе ловим на элементе тегом @my-event=""

Например, если использовать pug переменные и мне нужно изменить цвет фона. В родителе я указываю - var bgpage;, а само значение пишу в дочерних компонентах?

если у вас pug не выполняется в реалтайме - то нельзя.
Сначала выполняется pug и собирается html
Потом выполняется vue на Уже собранном html
(то есть в собранном HTML уже Не будет pug переменных и прочих объявлений)

setTimeout(myAnimation, 3000);

Можно ли сразу во фриланс?

Извините за тупые вопросы

А можно я за молоком схожу?

Зачем эти риторические вопросы?
Выучите - молодец. Не выучите - учите. А что, если мы скажем, что возмжно выучить, а вы не выучите, что будет-то? Розовый снег пойдет?

Можно ли сразу во фриланс?

Можно и в космос полететь. Получится - хорошо, не получится - увы, от того, что вам ответят, опять таки, что изменится?

В данном случае никакого, axios и так его должен возвращать.

chips, tags, filters, badge, ачивки

breadcrump - это место положения, хотя и сомнительное

https://getbootstrap.com/docs/4.4/components/badge/

Создай 3 div, как колонки, задай им ширину и запихни туда нужные блоки. Удобнее - через flex или bootstrap.
Если у тебя подключен bootstrap - структура такая:

row
    col-4
        block-1-1
        block-1-2
        block-1-3
    col-4
        block-2
    col-4
        block-3-1
        block-3-2
        block-3-3

Как-то так https://jsfiddle.net/3j2e4wgy/

Может так? https://codesandbox.io/s/static-ud0m5

См. как работать с Selection API.

Метод getRangeAt() вернёт диапазон Range. Выделенных фрагментов может быть и несколько, но в вашем примере понадеемся на единственный getRangeAt(0)

У объекта диапазона Range есть свойства startOffset и endOffset – то, про что спрашиваете.

Замечание номер раз: код минифицирован, не смотрел.
Замечание номер два: макеты не видел, возможно местами накосячил дизайнер.

Беглый просмотр дал следующее:

№1:
- Шрифтыыыы... Arial - это боль. Вы, вероятно, забыли подключить нужный шрифт
- Иконки социальных сетей слишком маленькие, сложно попасть, можно поболее сделать
- Две иконки одинаковые, нехорошо, путает
- В поле для поиска серым по серому написано - не видно
- Гамбургер есть, но что он делает - не понятно
- В карусели, при нажатии на точки появляется ненужный outline
- В поле для поиска иконка съехала
- Размер шрифта в одинаковых элементах скачет
- Вертикальные отступы скачут
- При адаптиве картинки плющатся
- Какие-то ошибки в консоли

№2
- Такое впечатление, что навигация и текст под ней выровнены не по левому краю
- Так и хочется, чтобы кнопка с рыжей границей при наведении стала вся рыжей, как это обычно и делают
- Выпадающая выбиралка языка и валюты пропадает, ее нельзя использовать мышкой
- Два поля для поиска на одном экране? Хотя это косяк дизайнера, ладно
- Какие-то иконки с сердечками, вопросиками и.т.д. Нужно по крайней мере добавить всплывающие подсказки, что это вообще такое
- Плюс и минус подсвечиваются как одна кнопка
- Интерактив никакой не работает, нужно доделывать
- Имеется непостоянство в подсвечивании элементов при наведении
- Скидки в 70%, круто! Эээ.. А где тут кнопка "показать товары со скидкой"?
- Внезапный шрифт с засечками
- Внезапные серые бордеры, когда только что в такой же секции их не было
- Вертикальные отступы опять везде пляшут
- Белый по желтому не читается
- Опять внезапное выравнивание влево, когда только что в такой же секции было по центру
- Подпишитесь на рассылку! Ввожу почту и понимаю, что кнопки "подписаться" там нет. Fail.
- На телефоне в подвале все выравнивание скачет влево-вправо

Совет номер раз: почитайте про дизайн для недизайнеров и книги от Nick Kolenda, чтобы лучше понимать, где что-то явно не так и имеет смысл поправить.

Совет номер два: старайтесь все в коде приводить к единой системе, чтобы одинаковые вещи действительно были одинаковыми. Этому способствуют препроцессоры и введение переменных с основными размерами + миксины для эффектов. Системная верстка всегда оставляет лучшее впечатление, чем бессистемная.

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