Is it just me?

Javascript can be confusing to learn and something I think it takes time, a lot practice, and patient to get a solid feel for it. Before following this course, I took the "Build an Interactive Website with Javascript" which I think covers a few things that was use in this course, especially how html is connected and interacting with javascript.

The hardest part for me in this course was trying to understand how "prototypes" works, its relation to constructor function and the nature of prototype inheritance. Took me some research and outside reading to get a better feel and than re-explan the concept to myself using a real-life process or model that I am familiar with.

Another thing I had difficulty with was fitting the logic behind it and how it all flows together. One thing I did to get better feel was doing to write everything from scratch by following along the video. It really helped me by pausing typing the commands and write a comment about the purpose of prototype, functions, and line code that seem difficult. Referencing the interconnections with flow chart notes. It might seem like meticulously overkill but I find to be very helpful and reinforce my learning.

/*
Play, stop, and next button is referenced to HTML button to the id play tag. When click, launch 
the click event function. 

Calls the playlist variable and instantiate the Playlist constructor 
and the renderInElementList along with the properties. 

Execute the native javascript functions to the playlist.  

The renderInElementList pushes the song list into toHTML prototype and writes it back to UI html designated html list tags, basically refresh and updates the list.

Flow: Start HTML(button) => app.js (Event onclick Handler) => song,js: (prototype) and app.js playlist variable
       => Playlist.js: Playlist object & Props => call up its prototype => renderELMT func 
       => calls playlistelement => (song.js) toHTML prototype => adds in to UI index =>  End.   
*/ 

var playButton = document.getElementById("play");
var playButton.onclick = function() {
  playlist.play();
  playlist.renderInElement(playlistElement);
}

Anyway, please do not be discourage and I hope this may help some of you and best of luck on your javascript learning :). Off to the next lesson.