Okay I am having trouble organizing all my files for my website. I can't really find an efficient way to organize the files at all.
This is how I currently organize my files.. https://i.sstatic.net/EKu0o.jpg
Is this a good way to organize them? Or is there a better and cleaner way because I feel like this will start to get annoying in the future
I would aim to have all of the files for each site (learningjs and msw) stored in their own folder.
so in /sites/learningjs for example I'd create a /css, /js and /img folder and move in the various learningjs files in there. That means if you want to download/open source your project in the future, then all the files will be in the right place.
You might end up with multiple copies of jquery - but actually that's okay, because you might want to use a newer copy of jquery in one project, but the old version in a different project.
Have a look at http://www.initializr.com/ and see how it builds a project for you.
