Марат Гарифуллин

Лучше не пытаться засунуть все в один запрос, а подумать о кешировании данных. Т.е. список категорий вряд ли будет меняться за день, можно один раз получить и сохранить себе. Со статьями можно взять интервал час. Тогда оба запроса одновременно будут выполняться очень редко, а скорость работы сайта будет выше.

Если уровень математики на 4+/5, то, думаю, поможет решение олимпиадных задач.
Они заставят смотреть на задачи шире, искать не тривиальные пути решения. Потом школьные задачи будешь как орешки щелкать)

В программировании конкретный язык - дело второстепенное. Нужно менять склад мышления, изучать алгоритмы, во всем стараться увидеть закономерность, правило, порядок.

Нужно знать базу, ее можно изучить на примере любого языка, но лучше брать тот, у которого порог вхождения ниже, например C, хотя тот же PHP подойдет, но придется затронуть и другие технологии (HTML, например)

Почти все познается на опыте. Прочитать сто книжек и не написать ни строчки кода не поможет. Нужно придумать для себя какой-то интересный проект, который хочется реализовать и копать информацию, как то или иное делается.

Начинать с простого. Вывести Hello world. Потом решить какую-нибудь математико-програмерскую задачу на переменные, на условия, на циклы..

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

jsfiddle.net/ugfvmxz1

Возможно, дело в этом?

body.menu {
    position: fixed;
    overflow: hidden;
    width: 100%;
}

Мне кажется, немного не верно сверстан макет, поэтому такие трудности, Шапку (и прочее) наложением на слайдер сделать, а картинки как фон одного слайда.

Но если сейчас переделать сложно, тогда

.site-bg-0 {
  background-image: url();
}
.site-bg-1 {
  background-image: url();
}
.site-bg-2 {
  background-image: url();
}

и на события смены слайда (зависит от слайдера) менять класс

<ul>
  <li class="tablinks" data-index="1">1</li>
  <li class="tablinks" data-index="2">2</li>
  <li class="tablinks" data-index="3">3</li>
</ul>
<div class="tabcontainer">
  <div class="tabcontent">
    1
  </div>
  <div class="tabcontent">
    2
  </div>
  <div class="tabcontent">
    3
  </div>
</div>

<a href="#" data-index="2">2</a>

function openTab(curIndex) {
            const tabcontent = document.getElementsByClassName('tabcontent');
            tabcontent.forEach((one, index) => {
              one.style.display = index != curIndex ? 'none' : 'flex';
            });

            const tablinks = document.getElementsByClassName('tablinks');
            tablinks.forEach((one, index) => {
              if (index != curIndex) one.classList.remove('active');
              else if (!one.classList.has('active')) one.classList.add('active');
            });
        }

            const links = document.querySelector('[data-index]');
            links.forEach(one => {
              one.addEventListener('click', () => openTab(one.dataset.index));
            });

Это нужно иметь функцию анимации, если анимация не равномерная, то просто не получится

мне кажется, на самом вк так нельзя.
Но можно создать таки этот сайт (aks.me например), на который будут переходить люди, а там уже получить userId

Есть смысл выносить стили в head, если нужно их очень быстро отобразить.
Например пока грузится большой файл основных стилей.
Или если основных стилей очень мало и затраты на доп.запрос превышают затраты на прямую вставку.
Или если у вас SPA.

Ни строчки кода...

Вангую, там:
- либо ссылки переходят на страницу,
- либо кнопки отправляют форму
- либо есть еще где-то скрипт который обновляет

jQuery

$('.link_class').hover(
  () => { $('.qr_div').show(); }
  () => { $('.qr_div').hide(); }
);