Leo

Гугл - frontend roadmap

Learn.javascript на англ версии самое актуальное

Я выделяю 2 момента (исключая частности JS с равенством), возможно это будет полезно для вас.

Первый. После декларации чего либо при не указанном значении, что либо будет неопределенно, соответственно undefined.

Второе. Null - обнуление. Если что-то важно очистить или присвоить логический ноль, то следует присваивать именно это.

Если соблюдать эти правила, то подводных камней не будет. В частности встречал случай с Object.assign. Если нужно спроицировать объект на условно нулевую (чистую) модель, у модели не должно быть undefined, иначе свойство присвоено не будет (должно быть null).

Frontend roadmap гугли

Я на всякий случай дополню. SPA сейчас строится на Angular, ReactJS или Vue. Данный тип разработки позвонят компилировать приложение без перезагрузки страниц.

Если вопрос чисто по коду - в консоли есть все от сайта с чем работает браузер.
Чужой код вы скорее всего не сможете использовать, т.к. это нарушает авторские права. Хотя прежде всего потому, что перед выкладываем кода используется prod build с uglify.

Codeacademy

Codeacademy

Обратите внимание на приоритет выполнения операторов и на разницу между --j и j--.

Ещё называют двойным отрицанием. Когда ты используешь !, ты приводишь выражение к противоположному текущему в логическом эквиваленте. Потом ты отрицаешь полученное выражение.

!0 // true
!!0 // false

На самом деле удобно, но стоит использовать осторожно. Не нужно забывать про разницу между == и ===. Правила схожи.

Друг, тебе пора обратить внимание на Angular, React или Vue. Webpack тоже.

Открой поисковик. Запрос: front-end roadmap

Массив это не объект. Объект можно запустить в массив, не наоборот.

Как я понял там видео же? Тогда надо js для сдвига или hover анимацию.

Можно ещё сделать через overflow hidden. Мне кажется все эти решения попахивают савхозом, но рабочим савхозом.

Я бы в итоге сделал чтобы одна секция была бы со сдвигом, а при hover происходил сдвиг на активную область. Это можно без js. Можно сделать изначально посередине для перфектцианизма.

Chrome F12, device Galaxy/iPhone, F5. Содержимое будет соответствовать мобильному. Не нужно изобретать колесо.

Также есть подключенные устройства и вход через Inspect. Не думаю что это тебе нужно.