An Object Is A
Transform a simple React webpage into something special by making parallax elements.
We'll start with a basic webpage.
Then we'll use our React JS Parallax solution to add dynamic movement to our page.
ReactJS Parallax Solution: https://www.bitchute.com/video/BIPQgVoiIURj/
๐ฅ๐ฅ๐ฅ 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=365
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
How do Chrome Extensions Work? https://www.bitchute.com/video/Katg0VGhG8Rj/
Learn how to create a Chrome Extension that allows the user to copy text on a webpage then immediately search for that text using a search engine of their choice.
No complicated stuff here. Just basic HTML, CSS, and JavaScript.
๐ฅ๐ฅ๐ฅ 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=363
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
Using our ReactJS Pinterest layout solution: https://www.bitchute.com/video/kifLkvA81JtN/
We'll create a fully functioning Pinterest Board using JSX and CSS.
No external libraries needed.
๐ฅ๐ฅ๐ฅ 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=349
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
Learn how to build Pinterest unique layout using only a bit of JSX and CSS.
No real programming needed.
๐ฅ๐ฅ๐ฅ 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=345
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
Learn how to create a Parallax Scrolling effect in ReactJS.
Great for adding variety to your web design.
๐ฅ๐ฅ๐ฅ 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=355
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
Learn how to create a Parallax Scrolling effect in JavaScript, HTML, & CSS.
Great for adding variety to your web design.
๐ฅ๐ฅ๐ฅ 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=340
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
JavaScript Slideshow | Responsive with Manual Navigation Buttons
Learn how to create an image slider using JavaScript, HTML, & CSS. Complete with auto-play, responsive, and manual navigation buttons
No external libraries; just HTML, CSS, and JavaScript.
Great for upgrading your web development portfolio.
๐ฅ๐ฅ๐ฅ 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=333
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
Learn how to build Pinterest unique layout using only a bit of HTML and CSS.
No JavaScript or real programming needed.
๐ฅ๐ฅ๐ฅ 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=335
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
Learn how to create an image slider in React JS. Complete with auto-play, responsive, and manual navigation buttons
No external libraries; just HTML/JSX, CSS, and JavaScript.
Great for upgrading your web development portfolio.
๐ฅ๐ฅ๐ฅ 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=326
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
Phase 1: https://www.bitchute.com/video/w1xDrxB15FUp/
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 ReactJS 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=318
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
Phase 1: https://www.bitchute.com/video/NOIv80hJFIUe/
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
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
In Phase 6, we'll bring this project home. We're going to merge the business logic (Spotify API) with our front-end (cassette deck).
This is part of a series of videos where we build a Cyberpunk 2077-inspired Spotify Music controller that can be embedded in a user's browser.
They'll be able to play/pause, navigate to the next/previous track, and hide the player.
All of this done with ReactJS, Google Chrome, and the Spotify API.
๐ฅ๐ฅ๐ฅ 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.
--------------------------------------
๐ฅ๐ฅ๐ฅ Check these out... ๐ฅ๐ฅ๐ฅ
How Chrome Extensions work: https://www.bitchute.com/video/Katg0VGhG8Rj/
Merge React and Chrome: https://www.bitchute.com/video/t1Sd0HiytUwK/
๐๐๐For the source code, check out our article๐๐๐
https://anobjectisa.com/?p=323
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
In Phase 5, we'll delve into the Business Logic. We'll hook up to the Spotify API and get started.
This is part of a series of videos where we build a Cyberpunk 2077-inspired Spotify Music controller that can be embedded in a user's browser.
They'll be able to play/pause, navigate to the next/previous track, and hide the player.
All of this done with ReactJS, Google Chrome, and the Spotify API.
๐ฅ๐ฅ๐ฅ 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.
--------------------------------------
๐ฅ๐ฅ๐ฅ Check these out... ๐ฅ๐ฅ๐ฅ
How Chrome Extensions work: https://www.bitchute.com/video/Katg0VGhG8Rj/
Merge React and Chrome: https://www.bitchute.com/video/t1Sd0HiytUwK/
๐๐๐For the source code, check out our article๐๐๐
https://anobjectisa.com/?p=311
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
In Phase 1, we'll place and position all of our HTML elements on screen. We'll use JavaScript and CSS to make this responsive.
Great for showcasing a portfolio of web development projects.
When we're finished this project, you'll have a fully-responsive ReactJS 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=308
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
โฃIn Phase 4, we'll put together the UI and code the animations.
This is part of a series of videos where we build a Cyberpunk 2077-inspired Spotify Music controller that can be embedded in a user's browser.
They'll be able to play/pause, navigate to the next/previous track, and hide the player.
๐ฅ๐ฅ๐ฅ 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.
--------------------------------------
๐ฅ๐ฅ๐ฅ Check these out... ๐ฅ๐ฅ๐ฅ
How Chrome Extensions work: https://www.bitchute.com/video/Katg0VGhG8Rj/
Merge React and Chrome: https://www.bitchute.com/video/t1Sd0HiytUwK/
๐๐๐For the source code, check out our article๐๐๐
anobjectisa.com/?p=306
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
In Phase 1, we'll place and position all of our HTML elements on screen.
When we're finished, you'll have a fully-responsive JavaScript image/data carousel/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=298
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
In Phase 3, we'll build get the state of our app finished.
This is part of a series of videos where we build a Cyberpunk 2077-inspired Spotify Music controller that can be embedded in a user's browser.
They'll be able to play/pause, navigate to the next/previous track, and hide the player.
All of this done with ReactJS, Google Chrome, and the Spotify API.
๐ฅ๐ฅ๐ฅ IMPORTANT NOTICE ๐ฅ๐ฅ๐ฅ
My Teachable Chrome Extension Development courses have launched for purchase now!
The PRE-SALE is on.
๐ฅGet a 30% discount if you purchase before the official launch in 2 weeks!๐ฅ
https://anobject.teachable.com/
Are you completely new to Web Development or maybe you're coming from a non-JavaScript background?
Try our Complete Guide to Chrome Extension Development with Web Dev Intro.
Are you an advanced Web Developer? Then stick with this video tutorial.
If not, try our Complete Guide to Chrome Extension Development; no Web Dev stuff, just high-quality, focused content.
https://anobject.teachable.com/p/products
--------------------------------------
๐ฅ๐ฅ๐ฅ Check these out... ๐ฅ๐ฅ๐ฅ
How Chrome Extensions work: https://www.bitchute.com/video/Katg0VGhG8Rj/
Merge React and Chrome: https://www.bitchute.com/video/t1Sd0HiytUwK/
๐๐๐For the source code, check out our article๐๐๐
https://anobjectisa.com/?p=285
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
In Phase 2, we'll build the entire UI of our app.
This is part of a series of videos where we build a Cyberpunk 2077-inspired Spotify Music controller that can be embedded in a user's browser.
They'll be able to play/pause, navigate to the next/previous track, and hide the player.
All of this done with ReactJS, Google Chrome, and the Spotify API.
๐ฅ๐ฅ๐ฅ 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.
๐ฅ๐ฅ๐ฅ Check these out... ๐ฅ๐ฅ๐ฅ
How Chrome Extensions work: https://www.bitchute.com/video/Katg0VGhG8Rj/
Merge React and Chrome: https://www.bitchute.com/video/t1Sd0HiytUwK/
๐๐๐For the code, check out my Medium article๐๐๐
https://anobjectisa.medium.com/build-an-8-bit-spotify-controller-phase-2-b61498686beb
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
๐ฅ๐ฅ๐ฅ The PRE-SALE is on. ๐ฅ๐ฅ๐ฅ
๐ฅGet a 30% discount if you purchase before the official launch in 2 weeks!๐ฅ
My Teachable Chrome Extension Development courses have launched for purchase now!
https://anobject.teachable.com/
Are you completely new to Web Development or maybe you're coming from a non-JavaScript background?
Try my Complete Guide to Chrome Extension Development with Web Dev Intro.
Are you an advanced Web Developer?
If not, try my Complete Guide to Chrome Extension Development; no Web Dev stuff, just high-quality, focused content.
https://anobject.teachable.com/p/products
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
๐ฅ๐ฅ๐ฅ 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.
๐ฅ๐ฅ๐ฅ Check these out... ๐ฅ๐ฅ๐ฅ
How Chrome Extensions work: https://www.bitchute.com/video/Katg0VGhG8Rj/
Merge React and Chrome: https://www.bitchute.com/video/t1Sd0HiytUwK/
๐๐๐For the code, check out my Medium article๐๐๐
https://anobjectisa.medium.com/build-an-8-bit-spotify-controller-phase-1-57e67d7ed36
In Phase 1, we'll develop all of the front-end assets needed for this project.
All of the gifs will be drawn using pixelartcss.com, exported to pngs, then constructed using GIMP.
This is part of a series of videos where we build a Cyberpunk 2077-inspired Spotify Music controller that can be embedded in a user's browser.
They'll be able to play/pause, navigate to the next/previous track, and hide the player.
All of this done with ReactJS, Google Chrome, and the Spotify API.
Get the Brave Browser! : https://brave.com/ano648 โค๏ธ (referral link)
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
๐ฅ๐ฅ๐ฅ 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.
๐ฅ๐ฅ๐ฅ Check these out... ๐ฅ๐ฅ๐ฅ
How a Chrome Extension Works: https://www.bitchute.com/video/Katg0VGhG8Rj/
Create Chrome Extensions Using ReactJS: https://www.bitchute.com/video/t1Sd0HiytUwK/
Get the Brave Browser! : https://brave.com/ano648 โค๏ธ (referral link)
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
Coming soon:
I'll show you how to create a React Chrome Extension that let's you control your Spotify music device.
We'll go from 'Asset Development' and 'Front-End UI' to 'Business logic' and a 'Merge'.
Inspired by CD Projekt Red's upcoming Cyberpunk 2077.
๐ฎ๐ฎ๐ฎ IMPORTANT NOTICE ๐ฎ๐ฎ๐ฎ
I have a Complete Beginner's Guide to Chrome Extension Development coming soon.
๐ฅCheck out the first lesson here: https://www.bitchute.com/video/RQB3NfLdpl4h/๐ฅ
If you have no experience with JavaScript, HTML, CSS, APIs, web development, etc. don't worry.
It will be a paid course, that gives you ALL the knowledge needed to get you more than proficient in Chrome Extension Development.
Look out for that!
๐ฅ๐ฅ๐ฅ Check these out... ๐ฅ๐ฅ๐ฅ
Already familiar with JavaScript? FREE Chrome Extension tutorial here: https://www.bitchute.com/video/Katg0VGhG8Rj/
Want to know how to merge a ReactJS App with a Chrome Extension? https://www.bitchute.com/video/t1Sd0HiytUwK/
Get the Brave Browser! : https://brave.com/ano648 โค๏ธ (referral link)
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
I have a Complete Beginner's Guide to Chrome Extension Development coming soon.
If you have no experience with JavaScript, HTML, CSS, APIs, web development, etc. don't worry.
It will be a paid course, that gives you ALL the knowledge needed to get you more than proficient in Chrome Extension Development.
Look forward to it!
If you have a strong background in Web Development, you might not need this course.
Instead...
๐ฅ๐ฅ๐ฅ Check these out... ๐ฅ๐ฅ๐ฅ
How a Chrome Extension Works: https://www.bitchute.com/video/Katg0VGhG8Rj/
Create Chrome Extensions Using ReactJS: https://www.bitchute.com/video/t1Sd0HiytUwK/
Get the Brave Browser! : https://brave.com/ano648 โค๏ธ (referral link)
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
๐ฎ๐ฎ๐ฎ IMPORTANT NOTICE ๐ฎ๐ฎ๐ฎ
I have a Complete Beginner's Guide to Chrome Extension Development coming soon.
If you have no experience with JavaScript, HTML, CSS, APIs, web development, etc. don't worry.
It will be a paid course, that gives you ALL the knowledge needed to get you more than proficient in Chrome Extension Development.
Look out for that!
๐ฅ๐ฅ๐ฅ Check these out... ๐ฅ๐ฅ๐ฅ
How do Chrome Extensions Work? https://www.bitchute.com/video/Katg0VGhG8Rj/
Create Chrome Extensions Using ReactJS: https://www.bitchute.com/video/t1Sd0HiytUwK/
Get the jsrsasign library here: https://github.com/kjur/jsrsasign/releases/
Twitch Authentication Docs: https://dev.twitch.tv/docs/authentication
Twitch Dev Console https://dev.twitch.tv/console
Twitch OpenID Flow: https://dev.twitch.tv/docs/authentication/getting-tokens-oidc
Twitch OpenID Claims: https://dev.twitch.tv/docs/authentication/getting-tokens-oidc#claims
If you need a secure login system for your Chrome Extension, but you don't want to or don't know how to create all of the necessary gear--authentication servers, databases...---you can use the openID protocol to create one for you.
We'll use Twitch's OpenID Connect protocol for our login system.
We'll need to make it secure ourselves. I'll show you how with JWTs(JSON Web Tokens).
We'll first head on over to the Twitch's Developer's console to get ourselves appropriate credentials, then we'll start building a login system.
CREATE CHROME EXTENSIONS USING REACTJS: https://www.bitchute.com/video/t1Sd0HiytUwK/
How a Chrome Extension Works: https://www.bitchute.com/video/Katg0VGhG8Rj/
Bypass the need for dealing with your customer's sensitive passwords. Go straight to their email with a passwordless authentication system.
No need for your customers dealing with dozens of passwords.
Personally, I love this solution to user authentication in web development.
It puts the sensitive work on the customers and their email provider's end.
We'll start by creating a server to use for authentication.
We'll go through the process of sending and validating JWT(JSON Web Tokens).
Then we'll finish by incorporating this server into our Google Chrome Extension business logic.
Get the Brave Browser! : https://brave.com/ano648 โค๏ธ (referral link)
Get You-to->Bit! : https://bit.ly/2H3Ixml โค๏ธ
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
I create educational videos about software development.
Business inquiries: [email protected]
Donations:
Paypal: https://www.paypal.me/anobjisa
Bitcoin: 3H4NKKwPdbiE5Gtc3Uk2DiwszqHhrRbmKK
Ethereum: 0x48702412F448a27be03836fb6FE6456603668030
Litecoin: MNJ4uv3GD4r62VpQ8rHX1Pj1ihWCj74hCK
Where you can find me:
Youtube: https://www.youtube.com/channel/UCar-9GMCRk9QdKJXq6s1yeg/
Twitter: https://twitter.com/anobjectisa1
Minds: https://www.minds.com/an_object_is_a/
Instagram: https://www.instagram.com/an_object_is_a/