For web development, these three technologies are just a few of the combinations you can use to program the backend to your full-stack web application. NodeJS allows us to use Javascript outside of the browser. NPM allows us to easily download and manage Javascript libraries. Express is a framework that helps us build REST APIs. This is a brief introduction into the three technologies and how they work together. I show you how to write a JS program and run it in your console. Then we install a package and use it with NPM. Then we use Express to write and run a quick REST server. NodeJS WINDOWS : https://nodejs.org/en/ NodeJS LINUX: https://bit.ly/2w2aY1L Get the Brave Browser! : https://brave.com/ano648 ❤️ (referral link) 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

Probably the most important topic in this beginner series. Normalising. To be clear, I think "min-max" normalising is taking place. You can find out more here: https://www.youtube.com/watch?v=LRxStPgTm8U This series is based off of the free on-line book, "The Book Of Shaders", by Patricio Gonzalez Vivo and Jen Lowe. https://thebookofshaders.com/ If you feel like donating, please donate to those two; a donation link is found on their website linked above. Editor used: https://patriciogonzalezvivo.github.io/glslEditor/ 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

Phase 1: https://odysee.com/@an_object_is_a:7/compressed-js-ult-slider-phase1:0 In Phase 2, we'll make this thing functional; button, wheel, and touch navigation. Great for showcasing a portfolio of web development projects. When we're finished this project, you'll have a fully-responsive JavaScript image slider that can be navigated using BUTTONS, WHEELS, and TOUCH. ??? 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=315 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

As ReactJS Web developers, the most important part of any (more than simple)web app is state. The normal way of handling state in ReactJS is by passing props DOWN the tree. This works for most use cases. In a large tree with many branches, this can get convoluted. The React Context API lets us simplify how state is handled. We can elevate local state to a global state so multiple components can have access to the same data. I'll take you through creating a place to store global state, how we connect to the global state, and how we change the global state. Get a Basic ReactJS App Up and Running: lbry://@an_object_is_a#7/compressed---reactjs-how-does-reactjs-work#9 How Does ReactJS Handle Props Normally: lbry://@an_object_is_a#7/reactjs_what_is_reactjs#2 Time Stamps: 2:24 - Elevating local state to global state 4:17 - Consuming from the global state from a function 9:29 - Consuming from the global state from a class 10:51 - Changing global state 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