Faber Estello

Ну логично же что верстку нужно доучить до конца, а значит адаптив разобрать!
А потом уже в js лезть.

Есть пара человечков, на них нарисованы органы. При ховере подсветка, при клике модалка с инфой.

Это для чего? Сайт по продаже органов? А это все легально?

lego

Скачиваешь jQuery библиотеку, sublime и браузер!
И можно творить оффлайн!

на разбирай!

Хитрец какой!

Только js
css это не кастомизируется

Как вы организовываете код на фронтенде? Чем пользуетесь, собираете, где храните?

Что? - JS (был, есть - лучше всех вместе взятых библиотек) + (ну если уж нужно то все остальное)
Чем? - gulp
Где? - git

P.S: Как по мне.

К примеру background-size: 120%;

прозрачность измени и увидишь rgb

transform: rotate(90deg);

смотря в каких случаях, если нужно и для ie8-9, то лучше js/jquery, но я бы предпочел transform. Многие современные сайты yfgjkyz.n transform

Где вызов ф-ии?!
К примеру можно попробовать так:
<button id = 'video' onclick='video()'></button>
или

<script>
function video() {
  video.setAttribute('autoplay');
  video.style.display = 'block';
};
var btn = getElementsById('video');
btn.onclick = video; 
</script>

1. как пример .... домашнее задание:
Написать функционал корзины интернет магазина.
Требования: корзина должна быть описана как объект со своими св-вами (список товаров, которые уже в корзине, кол-во товаров в корзине) и методами (добавление нового товара в корзину, удаление товара из корзины, подсчет общей суммы стоимости товаров).

я не могу справиться, но может быть кто-то может и мне поможете))

2. Тетрис

....

Еще рекомендую
1. shamansir.github.io/JavaScript-Garden
2. ejohn.org/apps/learn