Вот 3 реальних плейлиста с видео про вебпак
1.скринкаст от Ильи Кантора (это он создал learn.javascript) для понимания всех моментов но не для составления конфига
2. чувак по пунктам рассказывает как создавать свой конфиг и в общем очень неплохо там 3 видео и 4 на подходе.
3. почти то же что и пункт 2, но на английском
мой шаблон с файловой структурой
Webpack это на день или 2 чтобы нормально разобраться ибо без понимания будет трудно. Удачи!!!

Ну чтобы чего-то научиться надо много практиковаться канал там моного практики по теме работи с DOM и впринципе лучший канал для новичков, вот
сайт правда он на инглише но там не оч сложний английский + лексика повторяется и впринципе все понятно, можно сразу начинать с модуля JavaScript ну и у них есть свой канал на youtube там тоже много интересних видео. Для быстрого перевода рекомендую это расширение для для хром. Ну и с книжок я б посоветовал начать с Фримена максимально просто, ненавязчиво, с картинками и главное не скучно.
Ну и начал я б с книги и 1 канала а потом когда немного чтото начал понимать перехдил к анг источниками.
(сори за мой руский грамоту не изучал)