Jump to content

UI Javascript , React or angular , Node js, type script experts come here for help


csrcsr

Recommended Posts

4 minutes ago, dasari4kntr said:

first...you need to know few things...before jumping in to the libraries or frameworks...

 

very very long ago...

there was JAVA...which runs on JRE...at that time...there is a new language needed which executes in browser...

so they created some language...and to catch some fame of JAVA...they named it as Javascript...

after that...Javascript mainly used for creating calendar component..and client side validations..etc...all tasks are related to client side / browser side execution... thats WEB 1.0....just a html page with basic javascript validation...

 

after that one fine day... GMAIL product was introduced...they started using the xmlHttpRequest...which is ajax..

all those years...people are only experienced with simple http request and response...and full page refreshes...so this new ajax is big thing..which avoids the page refresh and gives some desktop kind of user experience...

there Web2.0 started..based on ajax some new libraries came...

and another awesome library called jQuery introduced... the combination of PHP & jQuery (server side and client side)  carried the most part of WEB 2.0...

with that combination...some new social network sites also came....so people spending time on browsers increased...

so everyone needed new UI libraries or frameworks...to engage on browser...

BUT...still after all this drama... javascript is still client side execution only...like it executes on browsers only...

 

after that..one fine day...node.js was introduced...it was a big turning point...

how .netframework executes the c# code and how JRE executes the java code...in any machine...node.js become a platform to execute the javascript...

so for the first time...javascript came out of the browser boundaries..and started executing in desktops just like java or .net...

module system...helped a lot in that process..like you can scatter the javascript code in multiple files and import and export  and do execute...

this where the legacy of javascript started...later ES6 (language standard) came..with good language features...

NPM is the package manager for node.js...just like...how nuget for dotnet and ..maven for java projects...

(** this is rumor...some famous ruby developers give up the ruby..and came to JS/node.js eco space...made a great contributions...so there are huge no of NPM packages..)

but still Javascript is typeless (not strongly typed...it doesnt do type checks..)..so some people (with microsoft help) created TypeScript..which is a layer on top of the javascript...like if you compile a Java program how class file will be created...similarly if you compile a typescript code it will create a javascript file...

 

in the mean time...google created the Angular Framework with typescript...which is huge and heavy...with some old style of coding...

in the mean time...facebook..site was coded in PHP and legacy javascript...they want to uplift the facebook ...step by step...so they needed a good framework/library..so they created react..

so everyone needed...a budler...like you write code in JS/TS...in no of files..in different JS versions...but your browser understands the same old javascript...

so some tools like webpack..etc came...all it does it...what every the code you write...it transpile to singel or multiple javascript files where browser can understand...

later other frameworks came...now JAVASCRIPT IS EVERYWHERE....end to end...

from blockchain development to AI ...(thanks to many like tensorflow, web3..etc)

from backend to frontend...(thanks to node.js, express.js, react, angular,vue..etc)

from mobile to desktop... (thanks to chromium..and react native, electron..etc)

 

but this doesnt stop...in JS eco system...the tech/tech stack..changes every day...you have to keep uptodate...

few months if you go out of touch...thats it ..you are behind the millions of people...

 

** HOPE IT HELPS...

inkaa raayochhu...cheyyi neppi pedutundhi..

final gaa...

mohanbabu-soundarya.gif

 

 

 

 

sorry i forgot to write JSON contribution to the javascript popularity…

Link to comment
Share on other sites

7 minutes ago, dasari4kntr said:

first...you need to know few things...before jumping in to the libraries or frameworks...

 

very very long ago...

there was JAVA...which runs on JRE...at that time...there is a new language needed which executes in browser...

so they created some language...and to catch some fame of JAVA...they named it as Javascript...

after that...Javascript mainly used for creating calendar component..and client side validations..etc...all tasks are related to client side / browser side execution... thats WEB 1.0....just a html page with basic javascript validation...

 

after that one fine day... GMAIL product was introduced...they started using the xmlHttpRequest...which is ajax..

all those years...people are only experienced with simple http request and response...and full page refreshes...so this new ajax is big thing..which avoids the page refresh and gives some desktop kind of user experience...

there Web2.0 started..based on ajax some new libraries came...

and another awesome library called jQuery introduced... the combination of PHP & jQuery (server side and client side)  carried the most part of WEB 2.0...

with that combination...some new social network sites also came....so people spending time on browsers increased...

so everyone needed new UI libraries or frameworks...to engage on browser...

BUT...still after all this drama... javascript is still client side execution only...like it executes on browsers only...

 

after that..one fine day...node.js was introduced...it was a big turning point...

how .netframework executes the c# code and how JRE executes the java code...in any machine...node.js become a platform to execute the javascript...

so for the first time...javascript came out of the browser boundaries..and started executing in desktops just like java or .net...

module system...helped a lot in that process..like you can scatter the javascript code in multiple files and import and export  and do execute...

this where the legacy of javascript started...later ES6 (language standard) came..with good language features...

NPM is the package manager for node.js...just like...how nuget for dotnet and ..maven for java projects...

(** this is rumor...some famous ruby developers give up the ruby..and came to JS/node.js eco space...made a great contributions...so there are huge no of NPM packages..)

but still Javascript is typeless (not strongly typed...it doesnt do type checks..)..so some people (with microsoft help) created TypeScript..which is a layer on top of the javascript...like if you compile a Java program how class file will be created...similarly if you compile a typescript code it will create a javascript file...

 

in the mean time...google created the Angular Framework with typescript...which is huge and heavy...with some old style of coding...

in the mean time...facebook..site was coded in PHP and legacy javascript...they want to uplift the facebook ...step by step...so they needed a good framework/library..so they created react..

so everyone needed...a bundler...like you write code in JS/TS...in no of files..in different JS/Ts versions...but your browser understands the same old javascript...

so some tools like webpack..etc came...all it does it...what every the code you write...it transpile to singel or multiple javascript files where browser can understand...

later other frameworks came...now JAVASCRIPT IS EVERYWHERE....end to end...

from blockchain development to AI ...(thanks to many like tensorflow, web3..etc)

from backend to frontend...(thanks to node.js, express.js, react, angular,vue..etc)

from mobile to desktop... (thanks to chromium..and react native, electron..etc)

 

but this doesnt stop...in JS eco system...the tech/tech stack..changes every day...you have to keep uptodate...

few months if you go out of touch...thats it ..you are behind the millions of people...

 

** HOPE IT HELPS...

inkaa raayochhu...cheyyi neppi pedutundhi..

final gaa...

mohanbabu-soundarya.gif

 

 

 

 

Thanks for detail post bro Jquery varaki history telusu bro after that SPA came angularvreact ember lost itand was more focused on be

Link to comment
Share on other sites

Udemy la Maximilian is what you need. Nothing else. Vani videos anni chusi full time kottina. I was only doing .net before. 10$ unde course ippudu enta undo telvad. 

  • Upvote 2
Link to comment
Share on other sites

2 minutes ago, Pahelwan2 said:

Udemy la Maximilian is what you need. Nothing else. Vani videos anni chusi full time kottina. I was only doing .net before. 10$ unde course ippudu enta undo telvad. 

 

angular course?

Link to comment
Share on other sites

I suggest developing a website locally, using spring mvc maybe. Then translate UI part to react . Hands on with some theory is very helpful.

  • Upvote 1
Link to comment
Share on other sites

1 minute ago, csrcsr said:

Thanks for detail post bro Jquery varaki history telusu bro after that SPA came angularvreact ember lost itand was more focused on be

ember.js...is also old..tech..i worked on it...i felt like adding some MVC pattern to legacy javascript...

i know some details about react...

react got popular...because you can write..bit html (JSX) +javscript...and make a component..easily...

for example...in previous days...creating calender component or some other javascript component is pretty hard...but with the help of react...you can easily create complex UI components...and react is very light weight..

initially angular was introduced as framework which is heavy...if you are angular developer...you dont have to needed another library..etc...but people after seeing react light weight and full customizations...moved towards react...

later google give up their heavy angular framework...and they introduced angular.js which is light weight library...but still there is some confusion with framework/library/version..etc

apart from react/angular/vue...you need to know more about some other things like...

transpiler, bundler..etc...which compiles your code to common js (grunt, webpack..etc many tools are there now..)

and state managements..like (redux..etc)

routers..(client side routing...its similar..like in the server side...every API endpoint is route..similarly..every component/page is route in client side)

and many more famous design systems came...

like 

bootstrap...(by twitter..)

material ui.. (by google..)

fabric ui ...(by microsoft)

ag-grid..

 

 

** ee topic ni oka structure lo pettdam chaala kastam...

  • Upvote 1
Link to comment
Share on other sites

8 minutes ago, Sanjiv said:

No, he will use a different ID for that need :) 

Antha karma pattaledu anna if I need I will ask openly oka I'd thone time chala avutundi rendodi use chese opika Shakti ledu just replying you because you are decent dbian , want to clear my doubts  anthe 

  • Upvote 1
Link to comment
Share on other sites

1 minute ago, dasari4kntr said:

ember.js...is also old..tech..i worked on it...i felt like adding some MVC pattern to legacy javascript...

i know some details about react...

react got popular...because you can write..bit html (JSX) +javscript...and make a component..easily...

for example...in previous days...creating calender component or some other javascript component is pretty hard...but with the help of react...you can easily create complex UI components...and react is very light weight..

initially angular was introduced as framework which is heavy...if you are angular developer...you dont have to needed another library..etc...but people after seeing react light weight and full customizations...moved towards react...

later google give up their heavy angular framework...and they introduced angular.js which is light weight library...but still there is some confusion with framework/library/version..etc

apart from react/angular/vue...you need to know more about some other things like...

transpiler, bundler..etc...which compiles your code to common js (grunt, webpack..etc many tools are there now..)

and state managements..like (redux..etc)

routers..(client side routing...its similar..like in the server side...every API endpoint is route..similarly..every component/page is route in client side)

and many more famous design systems came...

like 

bootstrap...(by twitter..)

material ui.. (by google..)

fabric ui ...(by microsoft)

ag-grid..

 

 

** ee topic ni oka structure lo pettdam chaala kastam...

I heard angular is more organized with react redux chala fragmented avutundi but heard more popular too

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...