Какие знания нужны для Front-end разработчика?

Главное "знание" для front-end разработчика - это умение разбить большую задачу так, чтобы ее части делались легко и с наименьшими затратами.

Вместе с началом изучения HTML, добавьте в закладки браузера developer.mozilla.org, там будут подсказки о том, за что отвечают селекторы. Поставьте VS Code, там есть встроенные "эмметы" - это удобные помощники, чтобы сократить написание кода:
- пишете html:5, получаете основную разметку сайта
- пишете .style, получаете <div class="style"></div>

Меньше писанины, больше удовольствия от процесса. Пока будете смотреть на CSS (чтобы расставить элементы), поищите информацию (на MDN, ссылка выше) про Flexbox и CSS Grid - прошли те времена, когда писали в таблицах или прописывали уникальные стили у каждого элемента. Теперь вы можете написать код быстрее, а значит получите удовольствие от быстрого визуального эффекта.

Чтобы не запутаться в написанном заходите на ru.bem.info, там расскажут, как стоит организовать свой код.

Бесплатный учебник по "ванильному" JS есть на learn.javascript.ru. Конечно, современный разработчик должен быть знакомым с React, Angular или Vue, чтобы еще больше упростить написание кода. Но чтобы начать их изучать, стоит понять как работает JavaScript.

Webpack крут для сборки проектов, а Git (система контроля версий, например на github.com) - это ещё и бесплатный хостинг OpenSource-проектов.

Вот всего этого будет достаточно для того, чтобы начать делать крутые проекты. Сложно начать одному? Начните в команде, например запишитесь на курсы. Не знаете с чего начать? Например на Яндекс.Практикуме есть наставник, лекции, семинары, домашние работы и онлайн-тренажер. Уже всё умеете и хотите обновить знания или получить работу? Записывайтесь на курс, получите диплом, а после программы трудоустройства сможете сменить профессию.