Web Dev With Ron
Web Dev With Ron
  • 156
  • 162 595
Build a React Chrome Extension with API Integration to Publish Blogs 🚀
In this video you'll create a chrome extension that integrates API to send requests to a previously made application; Blogs App, to be able to publish blogs using this extension.
🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/channels/bDWhtql3wIiI8fIKur9DjA.html 🔴
🐿️ GitHub 🐿️
React Blogs App Repository - github.com/rons-innovative-visions/Blogs_App
React Chrome Extension Template Repository - github.com/rons-innovative-visions/react_chrome_extension_template
React Blogs Chrome Extension Repository - github.com/rons-innovative-visions/Blogs_React_Chrome_extension
CORS Article - blog.logrocket.com/using-cors-next-js-handle-cross-origin-requests/
📙 Socials: 📙
linkTree: linktr.ee/rons_innovative_visions
Instagram: rons_innovative_visions
Discord: discord.gg/FUzfRS7pGJ
TH-cam: www.youtube.com/@webdebwithron
TH-cam Courses:
1️⃣HTML Beginners Course - th-cam.com/play/PLyn7ig63bsXK0owFZXW8hOybWF-BbKF6G.html
2️⃣CSS Beginners Course - th-cam.com/play/PLyn7ig63bsXIbowceSCCiEHh-vs_79Lld.html
3️⃣JavaScript Beginners Course - th-cam.com/play/PLyn7ig63bsXL00mIHr5RafYTWb-IltYXe.html
⏳TIMESTAMPS⌛
0:00 Intro
0:50 Setup Blogs App
6:36 Setup Chrome Extension
10:40 Chrome Extension Content
17:29 API Request
23:40 Fix CORS Error
26:18 API Request
28:34 Publish Feedback
36:28 Env File
40:00 Outro
มุมมอง: 80

วีดีโอ

Build a Chrome Extension in MINUTES With React and Tailwind CSS!
มุมมอง 17621 วันที่ผ่านมา
In this video you'll learn to create your own chrome extension using React & Tailwind instead of plain HTML & CSS. Full Extension Repository - github.com/rons-innovative-visions/react_clicker_extension React Chrome Extension Template - github.com/rons-innovative-visions/react_chrome_extension_template 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/channels/bDWhtql3wIiI8fIKur9DjA.html 🔴 📙 So...
Build A Full-Stack Blogs App With Next.js | Mongoose
มุมมอง 293หลายเดือนก่อน
Learn to build a full-stack blogs application with Next.js, MongoDB, Mongoose, tailwind, and postman. GitHub Repository - github.com/rons-innovative-visions/Blogs_App 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/channels/bDWhtql3wIiI8fIKur9DjA.html 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ TH...
Quick Start with Mongoose: MongoDB in 18 Minutes
มุมมอง 1572 หลายเดือนก่อน
Learn how to to use MongoDB with Mongoose in this 18-minute crash course! Whether you're new to databases or just getting started with Mongoose, this tutorial will guide you through key concepts, schema creation, CRUD operations, and more. Perfect for beginners looking to quickly master Mongoose and MongoDB! 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/channels/bDWhtql3wIiI8fIKur9DjA.html...
Learn Your First Database: MongoDB Tutorial in 24 Minutes
มุมมอง 3732 หลายเดือนก่อน
Learn the essentials of MongoDB and Mongosh in this beginner-friendly tutorial! We'll guide you through the basics of MongoDB, from setting up your environment to executing simple commands using Mongosh. Perfect for those new to NoSQL databases or looking to get started with MongoDB. Let's dive into the world of document-based databases together! 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.c...
Ultimate CSS Time-Saver: Essential Websites for Developers
มุมมอง 1733 หลายเดือนก่อน
Discover the ultimate collection of websites that will save you time and boost your productivity as a Web Developer, not to mention they'll also help you level up your skills by guiding you to try tougher practices. 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/channels/bDWhtql3wIiI8fIKur9DjA.html 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_inno...
A Programmer's Deep Dive into Google's Search Engine Algorithm
มุมมอง 1403 หลายเดือนก่อน
Ever wondered how Google’s search engine really works behind the scenes? In this video, I break down the core components of Google's search algorithm from a programmer's perspective. We’ll explore how web crawlers index the internet, how PageRank uses backlinks to rank websites, and dive into the code that powers these processes. Whether you're a web developer, programmer, or just curious about...
Web Dev Challenges: Unlock Your Full Potential With These Websites!
มุมมอง 6674 หลายเดือนก่อน
In this video you'll learn about 3 websites that will challenge you to unlock your potential with CSS & JavaScript by letting you think for yourself without too much assistance. CSSBATTLE - cssbattle.dev/ AdventJS - adventjs.dev/ Code Crafters - app.codecrafters.io/ 40% off Code Crafters - app.codecrafters.io/join?via=rons-innovative-visions 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/ch...
Build A Realtime Chat Application With Node.js | Socket.io & Next.js
มุมมอง 1.7K4 หลายเดือนก่อน
Learn Socket.io by developing a fully functional Realtime Chat Application with Node.js, Express & Next.js to level up your understanding of backend development. The app has a lot of space for improvement I left out so can challenge yourself such as setting the max width of a message to it doesn't go to the other users messages, or having each users logo be a different color for example. ❗IMPOR...
The Ultimate Node.js Express Beginners Crash Course in 27 minutes
มุมมอง 4704 หลายเดือนก่อน
Create your first fully functioning running server using Node 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/channels/bDWhtql3wIiI8fIKur9DjA.html 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ TH-cam: www.youtube.com/@webdebwithron TH-cam Courses: 1️⃣HTML Beginners Course - th-cam.com/play/PLyn7ig63...
Understanding the Power of useRef Hook: Beginner's Guide
มุมมอง 2105 หลายเดือนก่อน
Learn to effectively use the useRef hook in React by comparing it to useState, and using it to create a basic stopwatch app! 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/channels/bDWhtql3wIiI8fIKur9DjA.html 🔴 React Reference - react.dev/reference/react/useRef w3Schools - www.w3schools.com/react/react_useref.asp 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: instagram....
Next.js 14 Crash Course | Learn Next.js in 32 Minutes
มุมมอง 1826 หลายเดือนก่อน
Learn the basics of Next.js 14 in 32 minutes! 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/channels/bDWhtql3wIiI8fIKur9DjA.html 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ TH-cam: www.youtube.com/@webdebwithron TH-cam Courses: 1️⃣HTML Beginners Course - th-cam.com/play/PLyn7ig63bsXK0owFZXW8hOyb...
Must Know Git & GitHub Skills for Effective Project Management
มุมมอง 1206 หลายเดือนก่อน
Learn the essential skills for project management: Git & GitHub lesson! 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/channels/bDWhtql3wIiI8fIKur9DjA.html 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ TH-cam: www.youtube.com/@webdebwithron TH-cam Courses: 1️⃣HTML Beginners Course - th-cam.com/play...
Tailwind for Beginners: Learn The Basics in 23 Minutes
มุมมอง 1856 หลายเดือนก่อน
Learn the basics of Tailwind CSS in 23 Minutes! 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - th-cam.com/channels/bDWhtql3wIiI8fIKur9DjA.html 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ TH-cam: www.youtube.com/@webdebwithron TH-cam Courses: 1️⃣HTML Beginners Course - th-cam.com/play/PLyn7ig63bsXK0owFZXW8hO...
The Ultimate React Template: Essential Time Saver
มุมมอง 1377 หลายเดือนก่อน
The Ultimate React Template: Essential Time Saver
Take Your CSS to the Next Level with Advanced Features
มุมมอง 4447 หลายเดือนก่อน
Take Your CSS to the Next Level with Advanced Features
Ultimate Guide to the Hottest CSS Trends
มุมมอง 1.6K7 หลายเดือนก่อน
Ultimate Guide to the Hottest CSS Trends
The Ultimate Guide to Your First Chrome Extension
มุมมอง 5748 หลายเดือนก่อน
The Ultimate Guide to Your First Chrome Extension
Scroll Animation Made Easy: Intersection Observer API Tutorial
มุมมอง 5708 หลายเดือนก่อน
Scroll Animation Made Easy: Intersection Observer API Tutorial
The Ultimate CSS Toolkit: Essential Websites That Save Time
มุมมอง 34K8 หลายเดือนก่อน
The Ultimate CSS Toolkit: Essential Websites That Save Time
The Hidden Potential of Chat-GPT Creating React Websites
มุมมอง 2708 หลายเดือนก่อน
The Hidden Potential of Chat-GPT Creating React Websites
Create a Stunning & Responsive Todo List With React
มุมมอง 1299 หลายเดือนก่อน
Create a Stunning & Responsive Todo List With React
Host your React Website for FREE on GitHub Pages
มุมมอง 5909 หลายเดือนก่อน
Host your React Website for FREE on GitHub Pages
Build Your Own Customizable & Interactive Projects Page With React
มุมมอง 25810 หลายเดือนก่อน
Build Your Own Customizable & Interactive Projects Page With React
Full Beginners React Crash Course - Basic YouTube Clone
มุมมอง 12010 หลายเดือนก่อน
Full Beginners React Crash Course - Basic TH-cam Clone
Keys To Clean Code - The Ultimate Guide For Clean React
มุมมอง 55810 หลายเดือนก่อน
Keys To Clean Code - The Ultimate Guide For Clean React
React JSX 18 Crash Course Lesson #8 - UseEffect
มุมมอง 6510 หลายเดือนก่อน
React JSX 18 Crash Course Lesson #8 - UseEffect
React JSX 18 Crash Course Lesson #7 - Conditional Rendering & UseState
มุมมอง 4010 หลายเดือนก่อน
React JSX 18 Crash Course Lesson #7 - Conditional Rendering & UseState
React JSX 18 Crash Course Lesson #6 - UseState & Event Listeners
มุมมอง 5311 หลายเดือนก่อน
React JSX 18 Crash Course Lesson #6 - UseState & Event Listeners
React JSX 18 Crash Course Lesson #5 - Map & Props Cleanup
มุมมอง 11511 หลายเดือนก่อน
React JSX 18 Crash Course Lesson #5 - Map & Props Cleanup

ความคิดเห็น

  • @mohitmojito
    @mohitmojito 15 ชั่วโมงที่ผ่านมา

    Hey is this video still up to date or should I follow your latest video "The Ultimate Guide to your first Chrome Extension" you posted 8 months ago?

  • @real_chaorders
    @real_chaorders วันที่ผ่านมา

    Great video

    • @webdebwithron
      @webdebwithron วันที่ผ่านมา

      @@real_chaorders I really Appreciate it!

  • @casgun_productions
    @casgun_productions 3 วันที่ผ่านมา

    underrated video

    • @webdebwithron
      @webdebwithron 3 วันที่ผ่านมา

      Appreciate it!!

  • @anthoneoxprod5936
    @anthoneoxprod5936 8 วันที่ผ่านมา

    Thanks a lot ! Very helpfull ! I used the npm method !

    • @webdebwithron
      @webdebwithron 8 วันที่ผ่านมา

      Appreciate it & that's great!!

  • @prabhanjansharma929
    @prabhanjansharma929 10 วันที่ผ่านมา

    great explanation and demonstration Thanks for it

    • @webdebwithron
      @webdebwithron 10 วันที่ผ่านมา

      Appreciate it!

  • @myadventures5405
    @myadventures5405 29 วันที่ผ่านมา

    Thanks dude, you saved my dumb ass.

    • @webdebwithron
      @webdebwithron 29 วันที่ผ่านมา

      @@myadventures5405 I got u!

  • @xoy5
    @xoy5 หลายเดือนก่อน

    way better than fireCodeCamp, good job

  • @GolAhmad-q7h
    @GolAhmad-q7h หลายเดือนก่อน

    Bro how to add delay

    • @webdebwithron
      @webdebwithron หลายเดือนก่อน

      @@GolAhmad-q7h use setTimeoit(time) & write the time which is in ms in the brackets.

  • @darkblood154
    @darkblood154 2 หลายเดือนก่อน

    👍👍⭐⭐⭐⭐⭐

    • @webdebwithron
      @webdebwithron 2 หลายเดือนก่อน

      Appreciate it!

  • @IJH-Music
    @IJH-Music 2 หลายเดือนก่อน

    You legend!

    • @webdebwithron
      @webdebwithron 2 หลายเดือนก่อน

      Appreciate it man!

  • @darkblood154
    @darkblood154 2 หลายเดือนก่อน

    Great work bro 👍⭐⭐⭐⭐⭐

    • @webdebwithron
      @webdebwithron 2 หลายเดือนก่อน

      @@darkblood154 Appreciate it bro!

    • @darkblood154
      @darkblood154 2 หลายเดือนก่อน

      @@webdebwithron i dont have laptop and i want make react, node, next applications. So can you suggest me smartphone app?

    • @webdebwithron
      @webdebwithron 2 หลายเดือนก่อน

      @@darkblood154 I'm not sure if there's any apps for mobile devices that are able to run next, node, or even react apps so I think your best bet is to download an apk file from a browser and not an app store but be cautious of viruses if you do. The other one is buying a really cheap laptop.

  • @iamrkjha
    @iamrkjha 2 หลายเดือนก่อน

    Hi, can you tell me which tool/service you are using for cloud coding? I saw it in the bottom left of your va code.

    • @webdebwithron
      @webdebwithron 2 หลายเดือนก่อน

      @@iamrkjha Gemini Code Assist Extension

  • @BhaiSedu
    @BhaiSedu 2 หลายเดือนก่อน

    dude thanks a lot un like other youtubers u explain it way better and you get straight to the point keep up these videos and hopefully it gets pushed out into the algorithm more because these types of videos are much more useful

    • @webdebwithron
      @webdebwithron 2 หลายเดือนก่อน

      Appreciate it!

  • @ilikefootballandbaddecisions
    @ilikefootballandbaddecisions 3 หลายเดือนก่อน

    how do you display this number onto the page and be able to use it in eval or smth to do arithmetic with it?

    • @webdebwithron
      @webdebwithron 3 หลายเดือนก่อน

      @ilikefootballandbaddecisions react hooks are the easiest way, if you don't know react u can learn from my videos but if you don't want to, use plain js to display it.

  • @F-GradeMEMEZ
    @F-GradeMEMEZ 3 หลายเดือนก่อน

    brother can you please find a website in which you can easily positon divs or get number to positon divs , please find one

    • @webdebwithron
      @webdebwithron 3 หลายเดือนก่อน

      @@F-GradeMEMEZ there's a website for a grid generator in my previous video on the same topic. search up CSS grid generator in your browser to find it.

  • @AyoubCherkaouiGhattati
    @AyoubCherkaouiGhattati 3 หลายเดือนก่อน

  • @fr1endsies
    @fr1endsies 3 หลายเดือนก่อน

    ty! I will bash these

    • @webdebwithron
      @webdebwithron 3 หลายเดือนก่อน

      NP! glad you liked them.

  • @Xtrabytezgam
    @Xtrabytezgam 3 หลายเดือนก่อน

    is this pure html or ava

    • @webdebwithron
      @webdebwithron 3 หลายเดือนก่อน

      @Xtrabytezgam it's a url from a website that generates a random image

    • @Xtrabytezgam
      @Xtrabytezgam 3 หลายเดือนก่อน

      @@webdebwithron could you do this with a url that has set images that you set? i am trying to make a project and it would be really helpful

    • @webdebwithron
      @webdebwithron 3 หลายเดือนก่อน

      it's a website that generates random image URLs so i don't think you can with that website, but you can use JavaScript to display a random image in your project.

    • @Xtrabytezgam
      @Xtrabytezgam 3 หลายเดือนก่อน

      @@webdebwithron could you make a tutorial on that?

    • @webdebwithron
      @webdebwithron 3 หลายเดือนก่อน

      @@Xtrabytezgam I will when I'll have time!

  • @YOTTR
    @YOTTR 4 หลายเดือนก่อน

    Nice! Thanks for sharing!

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      @@YOTTR You're welcome!

  • @PixelProgrammer-1
    @PixelProgrammer-1 4 หลายเดือนก่อน

    Thanks alot.

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      Glad this video helped you!

  • @awaluddintogar1175
    @awaluddintogar1175 4 หลายเดือนก่อน

    Thank you for this bro

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      glad you found it helpful!

  • @darkblood154
    @darkblood154 4 หลายเดือนก่อน

    Thank you!!!

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      You're welcome!

  • @chrisder1814
    @chrisder1814 4 หลายเดือนก่อน

    hello I would like to make a chrome extension but first I would like you to tell me what you think about it

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      @@chrisder1814 what's on your mind

    • @chrisder1814
      @chrisder1814 4 หลายเดือนก่อน

      @@webdebwithron hello, thanks for your reply thanks to the API I can do SEO automatically, I mean there are tools like rank math however if I understood correctly I cannot automate it, I mean I have I understood that to use it I must be connected to my back end and scan the pages one by one then I must change the keywords one by one? on the other hand I was wondering if there wouldn't be a site to which I could give the URL of my site and that it would automatically scan all the pages and replace all the bad keywords with good ones? if this is not possible then I asked myself if I will not be able to develop a chrome or WordPress plugin? I'm not a developer at all but I've seen tutorials where it's explained that it's as simple as a prompt and finally the last option is I thought maybe I could do it with a make scenario? I made my product catalog on Google sheet, on this sheet there are 2 columns for the images, the first is the URLs of my images and which are stored in my WordPress database and the second is is images in PNG (I'm not sure that the word, format, is PNG? in a Google sheet) and then I have two other columns, among others, so the third column is the titles and the fourth column is are the descriptions then I entered this CSV file into woocommerce So do I have two bases for giving? so I was wondering if I couldn't build myself an SEO robot that could scan all of my pages and replace all the title and description keywords on each of my pages? as I said previously I understood that rank math allows me to scan my pages but I have to do it by hand and page by page from my back end? did I understand well ? so I thought that if there is no SEO application that allows me to scan a site and optimize each of the pages and this just from the URL I thought that maybe I could do it either by creating a make scenario or a custom GPT or a chrome or WordPress extension? an idea that I had and to replace the keywords (titles and description), present in the columns of my Google sheet automatically with make and to add the openAI API so that it rewrites my product sheets for me but here's the problem is that I have to go through the Google sheet each time and to update the product sheets of my woocommerce store then I have to re-import this new Google sheet, CSV, into woo so as I said in my previous message I thought about directly creating an SEO scanner robot in order to avoid this updating operation in Google sheet then reimport the csv each time in woo it's not much but I would also like to sell on several Marketplaces and not just in France so for example with Amazon, if I want to sell on 5 Amazon Marketplaces I have to update 5 different CSVs? that's why I thought about an SEO robot scanner to go much faster and I just learned that I can connect make to wordpress so I could simplify the idea of my CSV, it allows me to intervene directly on my WordPress site without having to go through Google sheet so is it an SEO robot? to scan? and regarding eBay, Amazon... Do you think I could have an extension developed for each of these Marketplaces and thus ask make to create my product sheets and update them? but as you know a lot more about APIs than me I wanted to get your opinion do you think these ideas are good and feasible? I hope my writing is clear but I doubt it a little, I am French and I use a translator do you understand my message? Thanks to the API I can do SEO automatically, I mean there are tools like rank math but if I understand correctly I cannot automate it, I mean I have I understood that to use it I must be connected to my back end and scan the pages one by one then I must change the keywords one by one? on the other hand I was wondering if there wouldn't be a site to which I could give the URL of my site and that it would automatically scan all the pages and replace all the bad keywords with good ones? if this is not possible then I asked myself if I will not be able to develop a chrome or WordPress plugin? I'm not a developer at all but I've seen tutorials where it's explained that it's as simple as a prompt and finally the last option is I thought maybe I could do it with a make scenario? I made my product catalog on Google sheet, on this sheet there are 2 columns for the images, the first is the URLs of my images and which are stored in my WordPress database and the second is is images in PNG (I'm not sure that the word, format, is PNG? in a Google sheet) and then I have two other columns, among others, so the third column is the titles and the fourth column is are the descriptions then I entered this CSV file into woocommerce So do I have two bases for giving? so I was wondering if I couldn't build myself an SEO robot that could scan all of my pages and replace all the title and description keywords on each of my pages? as I said previously I understood that rank math allows me to scan my pages but I have to do it by hand and page by page from my back end? did I understand well ? so I thought that if there is no SEO application that allows me to scan a site and optimize each of the pages and this just from the URL I thought that maybe I could do it either by creating a make scenario or a custom GPT or a chrome or WordPress extension? an idea that I had and to replace the keywords (titles and description), present in the columns of my Google sheet automatically with make and to add the openAI API so that it rewrites my product sheets for me but here's the problem is that I have to go through the Google sheet each time and to update the product sheets of my woocommerce store then I have to re-import this new Google sheet, CSV, into woo so as I said in my previous message I thought about directly creating an SEO scanner robot in order to avoid this updating operation in Google sheet then reimport the csv each time in woo it's not much but I would also like to sell on several Marketplaces and not just in France so for example with Amazon, if I want to sell on 5 Amazon Marketplaces I have to update 5 different CSVs? that's why I thought about an SEO robot scanner to go much faster and I just learned that I can connect make to wordpress so I could simplify the idea of my CSV, it allows me to intervene directly on my WordPress site without having to go through Google sheet so is it an SEO robot? to scan? and regarding eBay, Amazon... Do you think I could have an extension developed for each of these Marketplaces and thus ask make to create my product sheets and update them? but as you know a lot more about APIs than me I wanted to get your opinion do you think these ideas are good and feasible? I hope but it is written clearly but I doubt it a little, would you like me to send you voice messages? see video? Would you like me to send you voice messages? see video?

    • @chrisder1814
      @chrisder1814 4 หลายเดือนก่อน

      @@webdebwithron hello, I can not write you on instagram

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      send me a message on instagram, it's linked in the details and I'll respond there

    • @chrisder1814
      @chrisder1814 3 หลายเดือนก่อน

      @@webdebwithron Hello, I can not wright you on insta

  • @thefc14
    @thefc14 4 หลายเดือนก่อน

    GREEN SCREEN ! from minute 44 to 48 its green screen please fix

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      I will remove that part from the video so you'll have to copy everything from the next clip, and again, I apologize for the inconvenience. I'll have to take a look at the editing software for any issues.

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      Please copy the code for that part from the GitHub repository in the description since it skipped the whole return for the component.

    • @thefc14
      @thefc14 4 หลายเดือนก่อน

      @@webdebwithron ok thanks

  • @sahilgholap9530
    @sahilgholap9530 4 หลายเดือนก่อน

    bro at 15:18 the screen turns green

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      @@sahilgholap9530 My apologies, there wasn't when I edited so must be an exporting issue. How long is it green screen for?

    • @DjangoElRey
      @DjangoElRey 17 วันที่ผ่านมา

      ​@@webdebwithron For 1 second 😄

  • @darkblood154
    @darkblood154 4 หลายเดือนก่อน

    Good work

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      I really appreciate your feedback!

  • @codebytheo
    @codebytheo 4 หลายเดือนก่อน

    really help me, thanks

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      Glad it helped!

  • @darkblood154
    @darkblood154 4 หลายเดือนก่อน

    Great video❤

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      Glad you liked it!!!

    • @darkblood154
      @darkblood154 4 หลายเดือนก่อน

      ​@@webdebwithron yes it is very helpful, try to make video on web dev resources

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      @@darkblood154 Will do.

  • @alexdin1565
    @alexdin1565 4 หลายเดือนก่อน

    Nice video man! Short and to the point. please can make chrome extension send data from page to an enpoint API? and if you can make authentication to chrome extension

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      @@alexdin1565 Thanks for the feedback and I'll take a look at that so stay tuned!

  • @AksharaManoj-xt4zg
    @AksharaManoj-xt4zg 4 หลายเดือนก่อน

    Thank you

  • @22hoursago
    @22hoursago 4 หลายเดือนก่อน

    is this a tutorial or a show off. not for beginners. F is this!?

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      @@22hoursago it's a crash course of Node.js, a go through over all the important stuff

  • @CryptoMaN_Rahul
    @CryptoMaN_Rahul 5 หลายเดือนก่อน

    Hey sir I wanted to change the selection colour to transperant?? Any way to do so Thanks :)

    • @webdebwithron
      @webdebwithron 5 หลายเดือนก่อน

      in this case it would be: h1:hover{ color: "transparent"; } change the element selection depending on your situation.

    • @CryptoMaN_Rahul
      @CryptoMaN_Rahul 4 หลายเดือนก่อน

      @@webdebwithron thanks sir.. but I wanted it to do for whole website text.

    • @webdebwithron
      @webdebwithron 4 หลายเดือนก่อน

      @@CryptoMaN_Rahul change the element selection to be all the text elements in your website

    • @CryptoMaN_Rahul
      @CryptoMaN_Rahul 4 หลายเดือนก่อน

      @@webdebwithron great. Thanks sir

  • @HitsDev
    @HitsDev 5 หลายเดือนก่อน

    How can I change the text-primary color?

    • @webdebwithron
      @webdebwithron 5 หลายเดือนก่อน

      you can set it to your own color in css by adding !important to override bootstrap; .text-primary { color: "color code here" !important } hopefully that helped!

  • @ThinkEagle7
    @ThinkEagle7 5 หลายเดือนก่อน

    poorly explained!

    • @webdebwithron
      @webdebwithron 5 หลายเดือนก่อน

      care to explain?

  • @seunolugbemi6394
    @seunolugbemi6394 6 หลายเดือนก่อน

    Awesome, I added just this one line of code to the JavaScript code for my login system after user authentication and it worked

    • @webdebwithron
      @webdebwithron 6 หลายเดือนก่อน

      Glad this helped!

  • @SivaSankar-tc9hi
    @SivaSankar-tc9hi 6 หลายเดือนก่อน

    i have made an update using git add , commit , and push but still that is change is not visible in my page

    • @webdebwithron
      @webdebwithron 6 หลายเดือนก่อน

      make sure u can see the changes on the GitHub repository on their website, and it usually takes around 5 minutes to update it on your website.

    • @SivaSankar-tc9hi
      @SivaSankar-tc9hi 6 หลายเดือนก่อน

      @@webdebwithron yes i can see the changes in my repo too but still it is not reflecting in my website

    • @webdebwithron
      @webdebwithron 6 หลายเดือนก่อน

      @@SivaSankar-tc9hi go to action's on in the repository on the website to see if there's any errors.

  • @SivaSankar-tc9hi
    @SivaSankar-tc9hi 6 หลายเดือนก่อน

    bro you are goated thank you for explaining it very simple !

    • @webdebwithron
      @webdebwithron 6 หลายเดือนก่อน

      Appreciate the feedback!

  • @mm-fx8bk
    @mm-fx8bk 6 หลายเดือนก่อน

  • @jackright9530
    @jackright9530 6 หลายเดือนก่อน

    Great video

    • @webdebwithron
      @webdebwithron 6 หลายเดือนก่อน

      Appreciate the comment!

  • @tst5065
    @tst5065 6 หลายเดือนก่อน

    You just earned 2 Subs from my 2 accounts...Thank you so much!!!

    • @webdebwithron
      @webdebwithron 6 หลายเดือนก่อน

      Appreciate it! Helps a lot!

  • @mukeshchaudhary7536
    @mukeshchaudhary7536 6 หลายเดือนก่อน

    Love your videos❤

    • @webdebwithron
      @webdebwithron 6 หลายเดือนก่อน

      Appreciate the comment, and glad you love them!!!

  • @devbathani8020
    @devbathani8020 7 หลายเดือนก่อน

    if i commit new changes then how to deploy again. ?

    • @webdebwithron
      @webdebwithron 7 หลายเดือนก่อน

      using GitHub Desktop, or the terminal in VsCode

    • @webdebwithron
      @webdebwithron 7 หลายเดือนก่อน

      use this on terminal: git add . git commit -m "you message here" git push

  • @honkhonkv2236
    @honkhonkv2236 7 หลายเดือนก่อน

    Hi, i'd kill for a free loader website !

    • @webdebwithron
      @webdebwithron 7 หลายเดือนก่อน

      I found this website, hope that helps!

    • @webdebwithron
      @webdebwithron 7 หลายเดือนก่อน

      css-loaders.com/classic/

    • @honkhonkv2236
      @honkhonkv2236 7 หลายเดือนก่อน

      @@webdebwithron Awesome thanks !

  • @skeui
    @skeui 7 หลายเดือนก่อน

    Helpful video. Thanks.

    • @webdebwithron
      @webdebwithron 7 หลายเดือนก่อน

      Glad you found it helpful!

  • @mojo9898
    @mojo9898 7 หลายเดือนก่อน

    I hardly ever comment on videos. But you were so straight to the point and helpful I am commenting for the algorithm.

    • @webdebwithron
      @webdebwithron 7 หลายเดือนก่อน

      Apreciate the comment, and this definitely helps a lot, Thanks!

  • @baldevsingh4357
    @baldevsingh4357 7 หลายเดือนก่อน

    What about Gsap

    • @webdebwithron
      @webdebwithron 6 หลายเดือนก่อน

      That's another alternative on how to make scroll animation!

  • @borsos_ilo
    @borsos_ilo 7 หลายเดือนก่อน

    Many thanks! This compilation is super helpful.

    • @webdebwithron
      @webdebwithron 7 หลายเดือนก่อน

      Glad you found it helpful!

  • @mujtabaahmed-md8ni
    @mujtabaahmed-md8ni 7 หลายเดือนก่อน

    that realy helpfull for frontend devoloper

    • @webdebwithron
      @webdebwithron 7 หลายเดือนก่อน

      Glad you found it helpful!

    • @mujtabaahmed-md8ni
      @mujtabaahmed-md8ni 7 หลายเดือนก่อน

      which is better frontend devolopment or backend devolopment

    • @webdebwithron
      @webdebwithron 7 หลายเดือนก่อน

      depends on what you like more, front end is the user side with styling, adding elements, and some logic with JS. While backend is server side with more logic and actual programming, database and so on.

  • @Samuditha123
    @Samuditha123 7 หลายเดือนก่อน

    Hi

  • @Mubashar783
    @Mubashar783 7 หลายเดือนก่อน

    I just dived into Web Dev pls clear a confusion The websites you told us are best and i didn't even know there is something like this exists. Someone told me don't use these Websites and easy helpers before you thouroghly learn your language he also said if you use these things at start you will not thoroughly decide and make refind decisions for your tasks because you will havn't passed manualy structuring pls clear this confusion

    • @webdebwithron
      @webdebwithron 7 หลายเดือนก่อน

      These websites are meant to save time, but if you're learning CSS then you shouldn't use them because you wouldn't learn much since you actually have to write the code to learn. But you can still use some of them like color templates and backgrounds since the only code is the hex values and URLs or svgs for the background.