You've captured data from the user on the front-end. How do we send it to the back end? I start guiding you through how front-ends and back-ends communicate with GET and POST. Starting with the XHR object. For Junior Developers just getting into web development, understanding the fundamental back and forth of both the client and server is nothing short of necessary. The XHR object is what gets us started. XML - a scripting langauge like HTML, but with the ability to create your own tags (we don't write the object with XML; we use Javascript) HTTP - a ruleset for how clients and servers, backends and frontends, should send data back and forth Request - the object sent by your browser to the backend; this tells the backend who you are and what you're doing there We create this object and send dummy data to a dummy site that'll respond back. This is how we'll know if we're successful in communicating with the backend. These are the first steps in executing on the request and response nature of web development. Subscribe to my Bitchute: https://www.bitchute.com/channel/gPUmRsVcChxX/ Subscribe to my Youtube: https://www.youtube.com/channel/UCar-9GMCRk9QdKJXq6s1yeg/ Subscribe to my lbry: lbry://@an_object_is_a#7 If you find value in what I do, think about supporting my channel: Paypal: https://www.paypal.me/anobjisa Bitcoin: 3H4NKKwPdbiE5Gtc3Uk2DiwszqHhrRbmKK Ethereum: 0x48702412F448a27be03836fb6FE6456603668030 Litecoin: MNJ4uv3GD4r62VpQ8rHX1Pj1ihWCj74hCK Find me here: Twitter: https://twitter.com/anobjectisa1 Minds: https://www.minds.com/an_object_is_a/ Instagram: https://www.instagram.com/an_object_is_a

We're going to take our JavaScript Pinterest clone and integrate it into a Google Chrome Extension. If you haven't seen that video, you can view it here and get the source code in that description. JavaScript Pinterest Clone: https://odysee.com/compressed-js-pinterest-clone:4 We'll also add the ability to upload an image from a web URL. ??? IMPORTANT NOTICE ??? Our Teachable Chrome Extension Development courses have launched! We have courses for all skill levels. Whether you're completely new to Web Development or want some Starter Projects to help you sharpen your skills, we have you covered. Check us out at: https://anobject.teachable.com/ Use CODE: ANOBJ for a 20% discount on participating courses. -------------------------------------- ???For the source code, check out our article??? https://anobjectisa.com/?p=375 Subscribe to my Bitchute: https://www.bitchute.com/channel/gPUmRsVcChxX/ Subscribe to my Youtube: https://www.youtube.com/c/anobjectisa Subscribe to my odysee: https://odysee.com/@an_object_is_a:7 If you find value in what I do, think about supporting my channel: Paypal: https://www.paypal.me/anobjisa Bitcoin: 3H4NKKwPdbiE5Gtc3Uk2DiwszqHhrRbmKK Ethereum: 0x48702412F448a27be03836fb6FE6456603668030 Litecoin: MNJ4uv3GD4r62VpQ8rHX1Pj1ihWCj74hCK Cardano (ADA): Ae2tdPwUPEZHifkCDEM8BVLoKULwNkLuj7NC9dVbtdQhCVuFVxsAKUpJsZF Find me here: Twitter: https://twitter.com/anobjectisa1 Minds: https://www.minds.com/an_object_is_a/ Instagram: https://www.instagram.com/an_object_is_a

A couple videos back I also showed you how to use JS in a REPL. JS code in a REPL isn't permanent though. ...so how do we permanently inject JS into our page? where does the JS go? "in-tag" and "in-line"... Subscribe to my Bitchute: https://www.bitchute.com/channel/gPUmRsVcChxX/ Subscribe to my Youtube: https://www.youtube.com/channel/UCar-9GMCRk9QdKJXq6s1yeg/ If you find value in what I do, think about supporting my channel: Paypal: https://www.paypal.me/anobjisa Bitcoin: 3H4NKKwPdbiE5Gtc3Uk2DiwszqHhrRbmKK Ethereum: 0x48702412F448a27be03836fb6FE6456603668030 Litecoin: MNJ4uv3GD4r62VpQ8rHX1Pj1ihWCj74hCK Find me here: Twitter: https://twitter.com/anobjectisa1 Minds: https://www.minds.com/an_object_is_a/ Instagram: https://www.instagram.com/an_object_is_a

??? IMPORTANT NOTICE ??? Our Teachable Chrome Extension Development courses have launched! We have courses for all skill levels. Whether you're completely new to Web Development or want some Starter Projects to help you sharpen your skills, we have you covered. Check us out at: https://anobject.teachable.com/ Use CODE: ANOBJ for a 20% discount on participating courses. How do Chrome Extensions Work? https://lbry.tv/@an_object_is_a:7/compressed-creating-a-chrome-extension:e Using OAuth2/OpenID to Create a Login System: https://lbry.tv/@an_object_is_a:7/How-to-Use-Google-Login-with-Chrome-Extensions---OAuth2-OpenID-Connect:b Create a more robust web app by adding a bit of back-end development to your Chrome Extension; made easy by the folks at Google. I'll show you how to integrate the Google OAuth2 protocol into your Chrome Extension. Doing so will allow you to gain access to your user's Google data; specfically in this video, their Contacts data. We'll first "register" our extension to get a unique key, then we'll head on over to the Google Developer's console to get ourselves an OAuth2 Client ID and an API key for Google's People API. Finally, I'll show you the work flow involved in getting an access or authorization token from Google's OAuth2 endpoint then using that to manipulate a users Contacts list. Subscribe to my Bitchute: https://www.bitchute.com/channel/gPUmRsVcChxX/ Subscribe to my Youtube: https://www.youtube.com/channel/UCar-9GMCRk9QdKJXq6s1yeg/ Subscribe to my lbry: lbry://@an_object_is_a#7 If you find value in what I do, think about supporting my channel: Paypal: https://www.paypal.me/anobjisa Bitcoin: 3H4NKKwPdbiE5Gtc3Uk2DiwszqHhrRbmKK Ethereum: 0x48702412F448a27be03836fb6FE6456603668030 Litecoin: MNJ4uv3GD4r62VpQ8rHX1Pj1ihWCj74hCK Cardano (ADA): Ae2tdPwUPEZHifkCDEM8BVLoKULwNkLuj7NC9dVbtdQhCVuFVxsAKUpJsZF Find me here: Twitter: https://twitter.com/anobjectisa1 Minds: https://www.minds.com/an_object_is_a/ Instagram: https://www.instagram.com/an_object_is_a