How can i design/make single web page application like whatsapp, using javascript,css,html & without any framework.

Answer 1

that's where you come to the choice to develop your own "framework" or to use one still ready and well tested: that's why I said you must become master in web development to be able to do all by yourself: it either require lengthy work to do as you do or to write functionalities to shorter the design process ;P

working with arrays, and custom objects (globally with data structures) is the first step in this process (that would spare a lot of repeated typing)...

the next step would be to learn web tech' such as AJAX (Asynchronous Javascript And Xml) and JSON (to replace advantageously XML) to make server request without loading a full new page and rather update the unique html entry point of your "single page web site" ^^

Answer 2

Hi! Isn't whatsapp an app for mobile devices? in this case, you should use the tools for mobile development. or what did you mean by that?

Answer 3

in any case, however, you should provide your attempt to make such a page. no one will do it for you

Answer 4

I seems in yt & web engine, spa made with js framework angular , react js.

But i want work with pure js

Answer 5

Some people learn js framework, without whole knowledge of js.
But until pure knowledge of js
I dont want to start use framework.

Basically i knew jquery.

Answer 6

visph hi bro
https://dontknew.github.io/whatsappClone/

Finally created SPA wp clone

Answer 7

Yaroslav Vernigora i mean that
I want to learn single page website application

Answer 8

Strenger "single page web site application" means site where you only update content (or not), of a unique page (address/url) / html file... without navigating to another one, even on the same domain name...

however, whatsapp for web (primarly was not even a web site, but a mobile application) do NOT be a single page application: the hamburger menu at top right of the main (home);page provide links wich make you navigate to differents urls, as well as some links into the page content and also the links awailable in page footer ^^

https://www.whatsapp.com

Are we talking of the same site?
if you call it "single page application", then you're wrong...
if you was meaning of another site, please provide the link to its 'unique page'...

in all cases, we need more accurate description of what you are expecting if you want to get less or more accurate answer to the "how to design/make" such site, "using javascript,css,html & without any framework" ;P

Answer 9

visph i knew whatsapp isn't website.
But we can make any single web page application like android app functionality.

An Example of Single web page app : Gmail, and may be yahoo.

Answer 10

assuming you are talking about one page web sites, and not about mobile (android / ios) app:

making it with only pure (without any framework) html/css/js is even possible, as frameworks are themselves done with less or more pure html/css/js (sometimes relying on others frameworks, but finally only html/css/js is used)... but it will require more work/design and skills (at least for advanced ones, and even for basics)... however, time spend to master html/css/js could less or more be invested rather than time used to learn third party tools (frameworks)... even if O doubt than time sparing in learning them would be more than time spend to master html/css/js to be able to do all by yourself (at least as beginner): framework are done to simplify and quickest develop at first purpose ;)

however, that's possible, but the "how to" is far away among the explanation possible to be done in some posts here... in short: by becoming master in web development ;P

Answer 11

that's a good point, as good use of frameworks require good use of underlying language ;)

Answer 12

Well,
See my post 👇
https://www.sololearn.com/post/1135773/?ref=app

I am using multi tym function show calls, showStatua,
& in that have lengthy work.
Do u have any idea,
There is anothrr way to write such as above said pocture js code.