What is the most practical Structure of Webapp

Question

So let's say I want to build a Webapp with JS. What would be the best way to build a Project like this? Or where is a good place to start?
What is a good structure to set this up, like how would it be the most practical in a real life scenario(e.g. a Webapp at a company)?
Do I need a web server?
Those are some random questions I got on my mind I hope they are a bit understandable.

Answer 1

Follow this course, it cover a lot of important things, you will learn how to organize js code, how to use tool like webpack, best practices in real projects...
https://www.theodinproject.com/lessons/javascript-organizing-your-javascript-code-introduction

Answer 2

For structuring js you can use DOM
Good html structure - consistent and well readable
Also, don't forget about using semantic html tags(This is important for SEO and readability)
A good class name and ID is also important for code readability
You don't need your own server. You can use someone else's servers. for example, google drive can be in some sense a server
If you have any other questions, or if you don't understand something, please ask.

Answer 3

I didn't get your question properly.

Here's what I understood.

MVC, MVVM
Folder structure

Do I need a web server?
- Make your computer a server.