What technology stack is needed to implement such a project?

Question

JavaScript

The project is similar to this - gpi .
1) There is a map on the page. When you click on a country, without refreshing the page, a block with information appears. Inside it there are buttons, when you click on which, also without updating the entire page, one infa is replaced by another. In general, everything is as in the link above.
2) The site will be multilingual, but in addition it should give out different information for different countries. For example, for both the USA and Canada, info will be in English, but different. The user will also have the option to change this manually.
3) The site will have a forum and possibly a chat.
I'm a "reasoned humanist", so some questions will be primitive or crookedly worded, sorry.
What is the best way to implement all this, given that at the moment I don’t know how to do anything? That is, the emphasis on the speed of technology development. I dug around on habré / toaster / github / youtube and came to the conclusion that JS suits me best as a language. A large community, a lot of materials, courses, used both on the back and on the front and for mobile. Am I right? What else needs to be explored? And how long do you think it will take me to master all the necessary technologies if I devote 150 hours / month?

Answer 1

Do you have a task to learn web development or make a website?
If you learn, then I would advise you to start with something simpler.
If you make a website, then the optimal stack will consist of programmers to whom you will give money.
And yes, everything that is in the browser without reloading the page is js, for backing it is an amateur.
and in order to master programming and web development alone to a normal level, I don’t know, maybe a couple of years for sure.
As for the stack, you definitely need js, you can start with it and html, and in the process you will figure out what else you need.

Answer 2

It makes me laugh when every "pissed humanist" thinks that learning to code is like shit.
Node + Express, HTML + CSS + JS, something for the front like React + Redux or Vue + Vuex, well, banal layout and design skills. For 3-4 people, this is work for 3-5 months, excluding training. For one, a year or more.

Answer 3

There, canvas is used in the map and the WordPress site itself. Well, if you work hard for 8 hours a day, then in six months you will do

Answer 4

That is, the emphasis on the speed of technology development.

1. English.
2. C#
3. Unity

Answer 5

Well, if you "dug around on habré / toaster / github / youtube", then you know how to search for information. It is worth starting with the easiest technologies to master. Javascript + jQuery is enough for the frontend, for Google maps or Yandex maps. On the backend, it's easiest to start doing something in php. Chat and forum - it is quite possible to take completely ready-made solutions. I think with a strong desire, it will be possible to get a working prototype within a month, perhaps not all the planned functions, but then you will already understand where to go, and whether you need all the functions.