Adik Izat

Можешь прямо на JS начинать. Сначала научись поднимать сервак на ноде (NodeJS). Потом попробуй поработать с фреймворками вроде ReactJS, AngularJS. Пойми как работают БД. Пойми основы роутинга. Попробуй написать свои скрипты обработки URL. Попробуй создать свой API. Научись как правильно делать запросы к серваку, а дальше само собой свяжется с помощью гугла и кучи проблем) Без понимания ООП будет сложно. Особенно сложно будет читать чужой код, ведь ООП сейчас почти везде. И пожалуй самый главный совет новичку в бэке: "Помни о принципе единичной ответственности: в любой программе всегда должен быть только один вход"(сам недавно бэком начал интересоваться, и этот совет пожалуй был самым полезным). Главное просто не сдавайся и пытайся выделять времени, сколько не жалко. Если с JS трудновато, можешь с пихи(PHP) начать попробовать. Там легче для новичков, ИМХО, потому что не требуется использовать сторонние библиотеки для реализации тех или иных действий... В JS же иногда для реализации задумок требуется подключать дополнительные библиотеки, разбираться как она работает и.т.д., что для новичков по началу сложно, потому что они и так получают много информации

javascript: event.preventDefault()

Это не слеши!

Попробуйте использовать эту библиотечку) Она прикольная и очень простая, ксли я вас правильно понял, вашу задумку лего можно реализовать через нее.

Почитайте про RegularExpressions in htaccess. Потом используйте что-то вроде RewriteRule ^(.*)$ ^string(.*)$0 [R=301, L]

Как бы сказать... Ты импортируешь переменные от пациента. А надо к пациенту.

Не профессионал в PHP, но sort(), кажется, сравнивает строки. Естественно строка '2' будет старше чем '11', потому что перебор символов строки идет слева направо. Для того чтобы отсортировать как положено, вам необходимо обрезать строку до начального символа числа, а потом преобразовать оставшуюся строку в число. И применить sort() уже к числам. Ну я пытался объяснить) Люблю JS, php только изучаю

Изучайте Grid и Flex! Это очень важно для адаптивки, 2019 год уже!

Ctrl+Alt+L

<div class="roditel">
   <div class="div1"></div>
   <div class="div2"></div>
</div>

.roditel{
position: relative;
width: 100%;
}
.div1, .div2{
width: 100%;
height: 200px;
}
.div2{
position: absolute;
top: 15px; // насколько отступить сверху
left: 15px; // насколько отступить слева
z-index: 100;
}

.absolute{
  position: absolute;
  bottom: 100%;
  left: auto;
  right: auto;
}

https://css-tricks.com/snippets/css/a-guide-to-flexbox/

Секции сделать относительными и давать им большие паддинги и по разному чтобы друг на друга не лезли. Так же нужно регулировать всоту секции по ширине экрана, чтобы было адаптивным. Именно фоновое изображение задавать отдельно а не как фоновое. И вообще еденицы измерения vw, vh в помощь. Так же не помешало бы узнать про свойство изображения object-fit и его значения cover, contain.

section{
   position:relative;
padding: 8vh 10vw;
width: 100%;
height: 40vw;
}

img.bg{
possition: absolute;
width: 100%;
top: 0;
left: 0;
}

.content-section{
   z-index: 100;
}

Можно подключить Node Js и хранить данные в каком-нибудь json файле в закодированном виде, это бэк, но если как вы указали в тэгах вы знаете хотябы начало JS, то это не сложно. Необходимо будет только узнать как выгружать/загружать данные в json файл, и написать функции шифрования/дешифрования(в интернете существует более 10000 ассиметрических функции шифрования, ключ дешифровки главное сохранить надежно, а лучше всего подгружать из внешнего файла).