title: PHP, HTML, jQuery website file- and code structure
body: <p>I'm quite new to web developement and I'm working on a school project where I am to create a simple educational video platform. My upcomming task is to make my site a single page application. From what I've gathered, jQuery and AJAX will make this happen. While browsing examples and tutorials about these languages, I'm starting to wonder if my HTML/PHP/Script code structure needs to change. Picture contains the typical structure of my files.
  <a href="https://i.stack.imgur.com/sxiNg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sxiNg.png" alt="enter image description here"></a></p>
  
  <p>I've been writing the PHP and HTML in the same .php file for each job the site has to do (e.g. upload video form data). I've included all of these in my main.php file. To make it a single page application, <strong>will I need to separate HTML and PHP from each include file, into different files?</strong> Also I'd like some feedback (opinions) on how I've structured this so far.</p>