How do pages to be able to display different sections?, create different pages? or use divs and display?, or how do they?

Question

For example on a movie page,where there are different sections, then for example I log in to start, and change pages?, or... when I enter to recommended, it still changes pages?, is that it confuses me a little by the fact that there are pages made here in SoloLearn, in which I know that they cannot create multiple web pages, but nevertheless you can access different sections normally.. and I wonder how they do it, an example is this one I found from Facebook, which is very well made by the way, could you explain to me how it's done? or some simple example?

Answer 1

I'm still a beginner, so I don't really know the exact way he did that, but couldn't you use layers and just hide each layer when not necessary?

Answer 2

The secret is

display: none;

Answer 3

Yes, with display:none the elements are removed and aren't rendered by the browser, so it probably doesn't effect the performance.

Answer 4

That's what I'm wondering... the pages usually do that?, don't turn the page heavy or something?, I need examples hahahaha

Answer 5

Sam Vásquez about 10 years ago, that is how most single page apps where made. Now that has changed, professionals use frameworks like React, Vue or Angular instead. You can learn React or Angular from Sololearn.

Answer 6

https://code.sololearn.com/WzQAWol6Fk6j/?ref=app

Answer 7

Ore, jajaja yes... good answer, is what pages do, right, this is a little confusing to me ajajaja, did you ever do something like that?

Answer 8

Ore Oh.. now I understand, I always found it curious how they could do this kind of thing. which is quite common on web pages, I didn't know that I used React or Angular, now that you mention it.., if it sounds a little complicated hahahaa, but thank you very much for answering my doubts, ahh and if this English is weird, I use the Google translator Xd haha haha