Как записывать действия пользователя на сайте в функции Form?

php, node.js, питон и бог его знает ещё сколько способов.

Как масштабировать верстку под 320пикселей?

Визуально явно же проситься блок с пиццей, флекс колумн на мобиле. В чём проблема прописать самостоятельно? заказчику объяснить что не возможно впихнуть не впихуемое без каких либо последствий для эстетики. На скрине проблема вроде как и в этом состоит, текст не влезает, прилипает к картинке что само по себе уже не очень.

Как сделать раздвигающееся меню?

Brendan Castaneda, Друг, не пытайся сделать в Js то что делается в css. зачем тебе высота? а если будет контент больше чем высота, будем дружно лезть в js и исправлять?) высоту в котнтент, паддинги для красоты и хорош, дальше открыли закрыли и тд. Подчёркиваю это просто акордиошка, не нужно выдумывать и усложнять.

button?.addEventListener('click', (e) => {

этой проверки хватит что бы не выдавать ошибочку, если элемента нет. Вот даже статейка тебе, радуйся, читай, наслаждайся.
https://developer.mozilla.org/ru/docs/Web/JavaScri...

Как сделать раздвигающееся меню?

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

let button = doc.querySelector('.template_desc-box-2__details--learn') // Кнопка
    let box = doc.querySelector('.template_desc-box-2__details--box') // Бокс списка
  
    let buttonText = button.textContent 
   
    button?.addEventListener('click', (e) => {
        button.textContent = button.textContent === 'скрыть' ? buttonText : 'скрыть'
        
        box.classList.toggle('show')
    })

Как сделать раздвигающееся меню?

Brendan Castaneda,
Вы там решили аккордеон простой написать или зачатки Скайнет?

let button = doc.querySelector('.template_desc-box-2__details--learn') // Кнопка
    let box = doc.querySelector('.template_desc-box-2__details--box') // Бокс списка
     
    button?.addEventListener('click', (e) => {
        button.classList.toggle('active')
        box.classList.toggle('show')
    })

всего 6.

хотя, можно и за 5 если бокс сразу за кнопкой.

let button = doc.querySelector('.template_desc-box-2__details--learn') // Кнопка   
    button?.addEventListener('click', (e) => {
        button.classList.toggle('active')
        button.nextElementSibling.classList.toggle('show')
    })

можно за 4 если актив нам не нужен

let button = doc.querySelector('.template_desc-box-2__details--learn') // Кнопка   
    button?.addEventListener('click', (e) => {
        button.nextElementSibling.classList.toggle('show')
    })

Как сделать раздвигающееся меню?

ровно 6 строчек js.

Есть ли плагин квиза с выдачей результатов?

Не понятно из каких записей вордпресс и какая разница какие это записи, цмс, фреймворк или самописный, всё едино прилетает из бд? В вашем примере, просто подтягиваеться из бд по условиям, хотя если контента мало может и не из бд. если вы про имя, там всё просто, сначала вы пишите и при клике текст контент вставляется в следующий блок с приветствием.

А по факту это просто форма, с аяксом и вы щёлкаете по инпутам.

Как задать пошагово класс?

Оно, спасиб.

Как задать пошагово класс?

Froggyweb, друг, ну зачем ты тратишь моё и своё время? если не можешь помочь по конкретно заданному вопросу, для чего распускать этот словоблудие?

Как называется данная вещь и как её сделать?

strelok011, )

Как задать пошагово класс?

Froggyweb, в примере же вроде чётко указанно, задать класс по кнопке и обратно.

Как задать пошагово класс?

Froggyweb, та не форма квиз, её то я напишу как раз таки без проблем, тупая фигня с карточками товаров пошагово, куча полей, цифр и тд, с переходом по шагам, в некоторых случаях условия отсутствуют и тд.

Просто на том сайте который служит 'примером' реакт и тупо при каждом щаге вылетает с компонентов новая кнопка со своим id, я с реактом не дружу и не хотелось задавать кнопкам none, show и плодить их. Да и если бы я дружил, бэк не дружит.

Как сделать открывающиеся меню только на телефоне?

if (window.innerWidth < 550) {
                 
}

Пусть скрипт срабатывает при определённом расширении экрана.

Как называется данная вещь и как её сделать?

Тут два варианта или это селект или это выпадающий список ссылками на школы, два варианта решения.

Как называется данная вещь и как её сделать?

прекращайте юзать инпуты не по делу.

Почему большие проекты типа apple.com используют css переменные а не scss/less etc?

2. Дополню, не исключено что css переменные задаются в scss.

Как скрыть flex-контейнер?

Ankhena, мне с каждым днём всё больше нравятся ваши ответы)

Есть ли готовое решение такого блока?

На кой чёрт тебе слайдер сюда.
https://codepen.io/FrelAderal/pen/mdMgdOV

допишешь что надо и уберёшь, был вопрос аналогичный уже.

Как понять где проходит граница, на которой заканчивается работа frontend и начинается работа backend?

Универсальное решение, если ты категорически не понимаешь откуда что то прилетает, значит это бэк.

Как сделать Quiz для лендинга?

R1msk1y, https://codepen.io/FrelAderal/pen/mdMgdOV что то вроде этого, но это не сосем верно, так как соседний элемент тут инпут, у вас не знаю какой будет.