{"id":"pvRu8FsBYfI","title":"Fully Decentralized Javascript - Josh Ford - Near Day at ETHDenver 2023","description":"Join NEAR's community:\nWebsite: https://near.org/\nReddit:   / nearprotocol  \nDiscord: https://near.chat/\nMedium:   / nearprotocol  \nBlog: https://near.org/blog/\nTwitter:   / nearprotocol  \nGitHub: https://github.com/near  https://github.com/nearprotocol\nDev Docs: https://docs.near.org/\nCreate a wallet: https://wallet.near.org/create\nApps on NEAR: https://awesomenear.com/\nLearn to Build On NEAR: https://www.near.university/\nGrants & Funding: https://near.org/grants/\n#Blockchain #FutureisNEAR #NEAR #nearprotocol\n#nft #dao","channel_name":"NEAR Protocol","published_at":"2023-03-17T00:00:00.000Z","thumbnail_url":"https://img.youtube.com/vi/pvRu8FsBYfI/hqdefault.jpg","transcript_text":"uh welcome uh my name is Josh I'm developer I'm a work and developer relations at Pagoda I'm going to talk to you today about decentralized JavaScript and what exactly does that mean um quickly just you know about decentralized applications when I first found out about decentralized apps um really kind of puzzled me like I get it it's an application it's all stored on the blockchain but it didn't make sense to me as far as how are we storing all of that data on the blockchain how does that work I don't understand like it doesn't make any sense um so what I did was I oh no did it go out yay all right cool and we're back so learning about decentralized applications trying to figure this all out trying to understand what it actually meant how is it possible to just store all the stuff on the blockchain well it it was kind of a lie to me um I felt like I kind of got rugged what you have with the decentralized application is most of the source code and the assets are stored on a traditional web2 database and just really the a small amount of crucial state is stored on the blockchain so it felt a little disingenuous to me but I got it I understood it and um yeah it kind of made sense to me after I figured it out so it made me think uh we're probably really far away from having like a fully decentralized applications um right but actually with uh alpha.near.org people are actually already building fully decentralized applications and it took me a while to kind of understand okay what does that mean what exactly is going on because I hear things but I just want to understand the technology behind it I want to understand actually how it works it's the first thing I want to do so how well it's very similar to The Graphic that we had before um but the decentralized application has all of the source code and the crucial State stored on a smart contract in a database and basically treating it like that and store it on the near blockchain anything that's like larger than that like large pictures stuff like that they utilize ipfs so we Pin images large stuff to ipfs everything else is actually stored on chain becoming a fully decentralized application I couldn't believe it but how is Javascript involved how are we actually you know bringing this all together about a year ago just under at consensus we announced the JavaScript SDK we created this software development kit that allows anybody to easily write a smart contract in a familiar language that they're used to we spent about a year working on it we made about seven uh minor releases Alpha then beta and this week I'm excited to announce that we've actually released version one it's production ready and uh yeah I'm really excited to see everyone shipping things to mainnet using JavaScript SDK on the near blockchain super stoked um but there's a big missing piece of this what's the front end how does that work well there's been this virtual machine that's created using a react-based language it's not 100 react but it's pretty close and it allows us to load and run front ends for protocols built on ethereum layer twos and other layer ones just like near how does that work well just like the um the diagram before the near blockchain the whole set smart contract database has all the source code on chain and it feeds that up same with any large assets to this virtual machine that's running jsx and renders it to the front end so all the source code that you write is stored on the blockchain it's pretty remarkable quite honestly ah thank you oh no they turned the lights down but then they brought them back on um so yeah try it out if you go to alpha.net.org there's an online IDE that you can look at components you can say hey I want to view the source code how what's actually going on here and you can look at it uh Alex and Ilya demonstrated a little bit of that earlier today um but if you see the devrel team has been working really hard for eth Denver to get something a little bit more user friendly if you want to get serious and build an application with tools that you're used to so we created a vs code extension which I'm really excited about um at the top yeah it's awesome um so yeah if you go to alpha.net.org go to develop start messing around with the IDE it says at the top like I just showed you I'll take you to the vs code extension Marketplace um that then yeah now you have a vs code extension um ability to log in and mess around with um Discovery and the blockchain operating system I have a video I hopefully we can speed run this through this I have like one minute we are having connectivity issues so I'm not sure if this video will load but it's kind of a speed run through how the vs code works and I'm not sure if the demo gods are going to be kind to me whoa cool so real quick you open it up you choose your folder where do you want to you know store all your source code you have an empty main net on the side you can either log in or get an accounts widgets when you log in direct you to wallet you um allow your account to be connected and then it loads all of your widgets and you can see just a simple one has uh you know howdy how's it going and then we have props props allow you to you know make mock data and store it in in that Json object we're running through this real quick um you're able to not change anything you want you can see a preview on the right hand side oh I think it's black and right when we get to the cool part where you can actually click on the cloud oh yes click on the cloud and you're like I'm ready to publish this to the blockchain awesome and it directs you to the wallet you can see right here all the source code that's going to the blockchain so you can see it successfully published you can view the transaction and explore open that up take a look cool all of my source code is on chain ready to load and if you want you can get any accounts widgets there's this person mob dot near he's making some crazy widgets he's got so many of them and if you want to like take a look at anybody that's made stuff you just open it up open the jsx find it see the preview and then if you want to make a fork of it or modify it you can simply clone it make some edits and publish your own version of it so yeah it's super awesome I'm really stoked to work on this and find out more about it that's all the time I have for five minute Speed Run tons of information come talk to me afterwards I can maybe explain it a little bit slower but thank you","transcript_synced_at":"2026-11-04T03:51:59.488Z","segments":[{"start_seconds":0,"text":"uh welcome uh my name is Josh I'm developer I'm a work and developer relations at Pagoda I'm going to talk to you today about decentralized JavaScript","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=0s"},{"start_seconds":9,"text":"and what exactly does that mean um quickly just you know about decentralized applications when I first","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=9s"},{"start_seconds":15,"text":"found out about decentralized apps um really kind of puzzled me like I get it it's an application it's all stored on the blockchain but it didn't make","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=15s"},{"start_seconds":24,"text":"sense to me as far as how are we storing all of that data on the blockchain how does that work I don't understand like","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=24s"},{"start_seconds":31,"text":"it doesn't make any sense um so what I did was I oh no did it go out","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=31s"},{"start_seconds":43,"text":"yay all right cool and we're back so learning about decentralized applications trying to figure this all out trying to understand what it","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=43s"},{"start_seconds":52,"text":"actually meant how is it possible to just store all the stuff on the blockchain well it it was kind of a lie to me um I felt like I kind of got","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=52s"},{"start_seconds":60,"text":"rugged what you have with the decentralized application is most of the source code and the assets are stored on a traditional web2 database and just","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=60s"},{"start_seconds":69,"text":"really the a small amount of crucial state is stored on the blockchain so it felt a little disingenuous to me but I got it I understood it and um yeah it","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=69s"},{"start_seconds":78,"text":"kind of made sense to me after I figured it out so it made me think uh we're probably really far away from having like a fully","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=78s"},{"start_seconds":87,"text":"decentralized applications um right but actually with uh alpha.near.org people are actually","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=87s"},{"start_seconds":94,"text":"already building fully decentralized applications and it took me a while to kind of understand okay what does that mean what exactly is going on because I","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=94s"},{"start_seconds":102,"text":"hear things but I just want to understand the technology behind it I want to understand actually how it works it's the first thing I want to do so how","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=102s"},{"start_seconds":110,"text":"well it's very similar to The Graphic that we had before um but the decentralized application has all of the source code and the crucial","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=110s"},{"start_seconds":119,"text":"State stored on a smart contract in a database and basically treating it like that and store it on the near blockchain anything that's like larger than that","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=119s"},{"start_seconds":127,"text":"like large pictures stuff like that they utilize ipfs so we Pin images large stuff to","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=127s"},{"start_seconds":135,"text":"ipfs everything else is actually stored on chain becoming a fully decentralized application I couldn't believe it but","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=135s"},{"start_seconds":142,"text":"how is Javascript involved how are we actually you know bringing this all together about a year ago just under at","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=142s"},{"start_seconds":150,"text":"consensus we announced the JavaScript SDK we created this software development kit that allows anybody to easily write","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=150s"},{"start_seconds":159,"text":"a smart contract in a familiar language that they're used to we spent about a year working on it we made about seven","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=159s"},{"start_seconds":166,"text":"uh minor releases Alpha then beta and this week I'm excited to announce that we've actually released version one it's","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=166s"},{"start_seconds":174,"text":"production ready and uh yeah I'm really excited to see everyone shipping things to mainnet using JavaScript SDK on the","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=174s"},{"start_seconds":182,"text":"near blockchain super stoked um but there's a big missing piece of this what's the front end how does that work well there's been this virtual","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=182s"},{"start_seconds":191,"text":"machine that's created using a react-based language it's not 100 react but it's pretty close and it allows us to load and run front ends for protocols","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=191s"},{"start_seconds":200,"text":"built on ethereum layer twos and other layer ones just like near how does that work well just like the um","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=200s"},{"start_seconds":208,"text":"the diagram before the near blockchain the whole set smart contract database has all the source code on chain and it","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=208s"},{"start_seconds":216,"text":"feeds that up same with any large assets to this virtual machine that's running jsx","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=216s"},{"start_seconds":222,"text":"and renders it to the front end so all the source code that you write is stored on the blockchain it's pretty remarkable quite honestly","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=222s"},{"start_seconds":231,"text":"ah thank you oh no they turned the lights down but then they brought them back on um so yeah try it out if you go to alpha.net.org there's an online IDE that","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=231s"},{"start_seconds":240,"text":"you can look at components you can say hey I want to view the source code how what's actually going on here and you can look at it uh Alex and Ilya","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=240s"},{"start_seconds":248,"text":"demonstrated a little bit of that earlier today um but if you see the devrel team has been working really hard for eth Denver","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=248s"},{"start_seconds":255,"text":"to get something a little bit more user friendly if you want to get serious and build an application with tools that you're used to so we created a vs code","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=255s"},{"start_seconds":263,"text":"extension which I'm really excited about um at the top yeah it's awesome","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=263s"},{"start_seconds":270,"text":"um so yeah if you go to alpha.net.org go to develop start messing around with the IDE it says at the top like I just","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=270s"},{"start_seconds":277,"text":"showed you I'll take you to the vs code extension Marketplace um that then yeah now you have a vs code extension","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=277s"},{"start_seconds":285,"text":"um ability to log in and mess around with um Discovery and the blockchain operating system I have a video I","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=285s"},{"start_seconds":293,"text":"hopefully we can speed run this through this I have like one minute we are having connectivity issues","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=293s"},{"start_seconds":302,"text":"so I'm not sure if this video will load but it's kind of a speed run through how the vs code works","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=302s"},{"start_seconds":310,"text":"and I'm not sure if the demo gods are going to be kind to me whoa cool so real quick you open it up you choose your","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=310s"},{"start_seconds":318,"text":"folder where do you want to you know store all your source code you have an empty main net on the side you can either log in or get an accounts widgets","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=318s"},{"start_seconds":325,"text":"when you log in direct you to wallet you um allow your account to be connected and then it loads all of your widgets","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=325s"},{"start_seconds":334,"text":"and you can see just a simple one has uh you know howdy how's it going and then we have props props allow you to you","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=334s"},{"start_seconds":341,"text":"know make mock data and store it in in that","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=341s"},{"start_seconds":349,"text":"Json object we're running through this real quick um you're able to not change anything you want you can see a preview on the","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=349s"},{"start_seconds":357,"text":"right hand side oh I think it's black and right when we get to the cool part where you can actually click on the cloud oh","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=357s"},{"start_seconds":364,"text":"yes click on the cloud and you're like I'm ready to publish this to the blockchain awesome and it directs you to the wallet you can see right here all","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=364s"},{"start_seconds":372,"text":"the source code that's going to the blockchain so you can see it successfully published you can view the transaction and explore open that up","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=372s"},{"start_seconds":379,"text":"take a look cool all of my source code is on chain ready to load and if you want you can get any accounts widgets","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=379s"},{"start_seconds":388,"text":"there's this person mob dot near he's making some crazy widgets he's got so many of them and if you want to like take a look at anybody that's made stuff","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=388s"},{"start_seconds":395,"text":"you just open it up open the jsx find it see the preview and then if you","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=395s"},{"start_seconds":402,"text":"want to make a fork of it or modify it you can simply clone it make some edits and publish your own version of it so","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=402s"},{"start_seconds":410,"text":"yeah it's super awesome I'm really stoked to work on this and find out more about it that's all the time I have for five minute Speed Run tons of","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=410s"},{"start_seconds":418,"text":"information come talk to me afterwards I can maybe explain it a little bit slower but thank you","url":"https://www.youtube.com/watch?v=pvRu8FsBYfI&t=418s"}],"youtube_url":"https://youtube.com/watch?v=pvRu8FsBYfI","url":"https://near-pedia.xyz/videos/pvRu8FsBYfI"}