Web Dev With Ron
Web Dev With Ron
  • 156
  • 162 057
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
มุมมอง: 73

วีดีโอ

Build a Chrome Extension in MINUTES With React and Tailwind CSS!
มุมมอง 16921 วันที่ผ่านมา
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
มุมมอง 292หลายเดือนก่อน
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
มุมมอง 1562 หลายเดือนก่อน
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
มุมมอง 5738 หลายเดือนก่อน
The Ultimate Guide to Your First Chrome Extension
Scroll Animation Made Easy: Intersection Observer API Tutorial
มุมมอง 5698 หลายเดือนก่อน
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