HTML5/JavaScript/CSS menu loading versus page content loading

Question

JavaScript

Hello, habravchane toasterites!
I’m completely new to the web without a server part - I’m used to collecting everything on the server and issuing a finished page. But now I want to make a project on a clean front-end and beautifully. So this question arose:
There will be a page with two menus: one on top, the second on the left side (like here, on the Toaster). In the left menu, you can choose from several pages of medium severity, but the menus themselves should not change (well, maybe the highlight of the selected page). So I thought, maybe it makes sense to make one page, with a menu and a stub in the center, and the pages themselves only load over the stub?
Can anyone tell me if this is a good solution, and if so, how is it done? And then I feel that I invent a lot of bicycles out of inexperience.
Thanks in advance.

Answer 1

Well, with this option - you will be satisfied with the usual slider on the entire page. One slider block is visible, the others are not. Well, if you want beautiful - add different transitions between slides and all that.
I would do it simply: when in the menu links, I would add data-page, in the data-page id of the blocks that need to be opened. And the appearance of the block would be done with the help of css-animation.

Answer 2

If you want to get serious about front-end development, pick up a framework like AngularJS, it's made for that kind of stuff.

Answer 3

maybe something like pjax would help ?