I had to take an extra three weeks than anticipated to really drill down and learn the DOM, and now I am starting to target elements and making small changes to my webpages.
This last week I have made a modal and a countdown timer that I have added to my web developers conference website project. The main fundamentals of manipulating the DOM is the ability to target, create, update and delete elements or nodes that do not necessarily need to be in the original HTML and instead inserted via innerHTML.
Working with conditionals, arrays, and methods and connecting them to DOM elements to produce interactivity has been a big barrier that has required some breaking through on my behalf. The motivation to turn my static websites features into something interesting and useful kept me going.
Learning DOM manipulation is so important that you should take your time and get the fundamentals down. You can then be sure that your confidence will skyrocket and make you into a more rounded front-end web developer going forward. I have another couple of DOM projects planned this week. I will then move on to learning more about ES6.