Angular JS and RESTFul Backend

Currently I am developing a webapp. On reading and research I finalized to use Angular JS, Bootstrap for front end, while I am open to use either Jax-rs/Jersey or any other web services in the backend. My application will use a login page to determine the access to different data.

My application will be running on the same server both the front-end code and backend.

I have never worked on front-end and this is my first time integrating both the front-end and back-end. I am not sure how to deploy front-end separately and ask it to call the backend restful services.

I am thinking of creating a single war application that has both front end and backend code and deploying it to the tomcat server. But on reading further, everyone said it a bad design, so can someone guide me to a tutorial where I can read on how to deploy front-end and integrate front-end with backend.

Also, since I have never worked with javascript and starting on it, should I follow a certain folder structure as we do in web-apps for java, especially with Angular JS.

What approaches did others follow???

Also if I am planning to create as a Spring Boot application, should the java script files reside in the same project, or can I separate them as two war/jar files??