Я тут вижу, что парень неплохо шарит, но ему нужны как и всем нормальным людям справочники, доки и банально работающее окружение. То, что чел не смог сделать на вашем компе, а на своем смог говорит о том, что ваше окружение(девелоперское) говно. Там неудобно, здесь виснит и всё в таком духе.

Я знаю двух чуваков, которые в паре работают за 10х и вообще шарят, при этом нормальные ребята.

Можно поинтересоваться, что за тестовое было?

(понимаю, что зарплата будет ниже)?

Но зачем?

После двух лет разработки на java хотел бы попробовать свои силы во front-end'e

Но зачем?

Я был фронтендом в начале, ушел в backend и не хочу больше возвращаться. Если вас не приглашают разрабатывать конструкторы, фреймворки, игры, сложные анимации, то вас ждут только формы, формы, красивые кнопочки, верстка форм, окей, я утрирую, еще может слайдер..., а хотя нет, уже есть в другой либе.

Пригодятся ли знания с бэка по БД, архитектуре, паттернам?

Нет и да. БД не пригодится, ибо с ним не работаешь, архитектура пригодится,... нет, один вуй придется разбираться с архитектурой разрабатываемого приложения. Много зависит как разрабатывают в конторе. В одной помню писали JS через паттерн модуль, т.к. все скрипты в одном файле
Описание паттерна, достаточно хорош, в другой конторе в первый день мне сказали "Воу, воу, парень палехче, у нас скрипты в разных файлах, так что забей".
Если вы понимаете под фронтенд верстку, то однозначно забейте, рутина та еще. Лучше склепайте конструктор верстки.

Какое время займёт обучиться на front достаточно

Вы уже имеете представление, поэтому месяц максимум. В мире верстки можно сверстать ВСЁ одним тегом div, с формами сложней, тут три тега form, input, submit. Короче 4 тега, ну еще body, head и title. Все остальные теги это "семантичность" и сео-говно является профанацией для тру прогера в виде заготовок с встроенным css'oм. Короче вы уже благодаря мне изучили основные 7 тегов по html. Можете уже начинать брать заказы по 2 бакса в час, будете круче любого индуса.

Чёрт, меня понесло, но истина где-то рядом. :D

Ну уже загуглить не могут! Ссылка

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

В чем отличия коллекции от массива?

Больше времени тратишь на различные обработчики, повышается ЧСВ. Можно и дальше использовать обычный массив.