Попробуйте в документе создать пару небольших цветных div прямоугольников (спозиционированных абсолютно), помещенных в контейнер, который развернут на всю ширину и высоту страницы.
И попробуйте разработать drag-and-drop класс-библиотечку без фреймворков и сторонних библиотек, чтобы хватать и отпускать любой из этих прямоугольников мышкой.
Сразу поймете, что до этого ничего не учили про JS (тот, что в браузере).
Ставьте перед собой концептуально полную задачу, тогда сама задача вас протащит мордой через пол учебника.
Тут вам и разработка методов класса; столкнетесь с плавающим контекстом this; столкнетесь со всплывающими событиями; где-то поломаете голову над функциями-замыканиями.
Другой такой задачи над базовой частью JS я не встречал.