Сергей Горячев

Не буду много говорить.
JS. Много. Упорно.

Вообще, такую хрень можно сделать на любом слайдере.
Но есть и специальные https://www.freshdesignweb.com/fullscreen-jquery-s...
Мой любимый Vegas Background jQuery Plugin

Какие проекты могут доверить Junior PHP Developer?

любые, как по специфике так и по уровню сложности (c)

darsa.in/sly
Демо

В джумле все намного проще.
90% функционала строится через модули - <jdoc:include type="modules" name="name_module" />
Модули могут быть простые (html-код) и сложные (с формами, отдельными полями, настройками своими).
Остальное выводится через шаблонизаторы модулей, компонентов (в соответствующих папках сайта есть template.php, в которых все настраивается, что нужно изменить).
Фактически, для настройки шаблона джумлы даже не надо знать строение движка и внутренние теги.
Всё интуитивно находится по именам папок, файлов.
Можно использовать свои собственные переменные, заданные в начале шаблона.
И в любом месте сайта вызывать их.

Это есть у любого слайдера в принципе.
На примере sachinchoolur.github.io/lightslider/examples.html
slideMove:2, поменять на slideMove:1,

Например вот так https://jsfiddle.net/6y54p1az/

Ну, я бы взял Фреймворк WebAsyst и допилил до нужного функционала.
Личный кабинет и все "хотелки" уже реализованы в стандарном пакете установщика.
А вообще, CMS тут готовая вряд ли хорошо войдет, скорей php-фреймворк.

Когда хотите разобраться с каком-то сайтом / блоком / кодом.
Берите и используйте консоль разработчика, она для этого и придумана.
В браузерах, как правило, вызывается клавишами CTRL+SHIFT+I.

По всем пунктам отвечать подробно лень, поскольку тут вообще всё элементарно.

Вкратце.
1. Можно абсолютным позиционированием (position: absolute;), можно через транформацию (transform: translate;).
2. Самый простой способ: через CSS - background: url('...') 50% 50% / cover no-repeat

По 3-му пункту пример можно посмотреть тут https://jsfiddle.net/webirus/99qfLkbo/
Вчера делал только для другого ответа.