how to we load images and javascript files ?

do you mean to load a javascript file/folder into your page like a <script src="something.js"></script> type thing? Can you explain it a bit more?

The tutorial 'from bootstrap to wordpress' does a good job at touching the fundamental functions and novice development process,

But my problem is, none of the paths that are rooted in my index "../img/brownfox.jpg" are loading to my page.

I figured a similar protocall would need to happen to get the JS links going as well as they are place in the "../js/theme.js" in my local folder.

Hopefully you understand what I am talking about.

Ok, cool. This helps. Right off the bat, I'm wondering if the link is off by a folder. Perhaps instead of "../img/brownfox.jpg" is it just "img/brownfox.jpg"? Either way, a good test is to go to the actual web page and right click to load the image in a new tab. Double check that the link that shows up in the browser is what you expect it to be. Hopefully this helps a bit.

The link shows up in the browser as I expect it, but all the images on my page have the temporary 'missing' image instead. I don't know if I have to have a function in my functions.php file that calls the link to the image folder. I am very new to WP development.

Ahh, darnit. Was really hoping that would help. I'm not a wordpress guy yet, so I'm not sure. If the links are all matched up properly, then perhaps it is something in that functions.php (but I'm not sure how wordpress works, sorry). The thing that caught me was the use of "../js" leading to the root folder because nearly every structure doesn't contain the "../" before img or js folder. So I thought it was not finding your root folder. Sorry I couldn't be more help.