- 156
- 162 595
Web Dev With Ron
Canada
เข้าร่วมเมื่อ 1 ม.ค. 2023
#webdevelopment 💯FREE Web Development Courses, Lessons, and Tutorials for beginners😎
Any video request? Comment on one of my videos and I'll make a make tutorial/lesson on that topic!
Become a #webdeveloper
Any video request? Comment on one of my videos and I'll make a make tutorial/lesson on that topic!
Become a #webdeveloper
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
🔴 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
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?
Great video
@@real_chaorders I really Appreciate it!
underrated video
Appreciate it!!
Thanks a lot ! Very helpfull ! I used the npm method !
Appreciate it & that's great!!
great explanation and demonstration Thanks for it
Appreciate it!
Thanks dude, you saved my dumb ass.
@@myadventures5405 I got u!
way better than fireCodeCamp, good job
Bro how to add delay
@@GolAhmad-q7h use setTimeoit(time) & write the time which is in ms in the brackets.
👍👍⭐⭐⭐⭐⭐
Appreciate it!
You legend!
Appreciate it man!
Great work bro 👍⭐⭐⭐⭐⭐
@@darkblood154 Appreciate it bro!
@@webdebwithron i dont have laptop and i want make react, node, next applications. So can you suggest me smartphone app?
@@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.
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.
@@iamrkjha Gemini Code Assist Extension
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
Appreciate it!
how do you display this number onto the page and be able to use it in eval or smth to do arithmetic with it?
@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.
brother can you please find a website in which you can easily positon divs or get number to positon divs , please find one
@@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.
❤
ty! I will bash these
NP! glad you liked them.
is this pure html or ava
@Xtrabytezgam it's a url from a website that generates a random image
@@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
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.
@@webdebwithron could you make a tutorial on that?
@@Xtrabytezgam I will when I'll have time!
Nice! Thanks for sharing!
@@YOTTR You're welcome!
Thanks alot.
Glad this video helped you!
Thank you for this bro
glad you found it helpful!
Thank you!!!
You're welcome!
hello I would like to make a chrome extension but first I would like you to tell me what you think about it
@@chrisder1814 what's on your mind
@@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?
@@webdebwithron hello, I can not write you on instagram
send me a message on instagram, it's linked in the details and I'll respond there
@@webdebwithron Hello, I can not wright you on insta
GREEN SCREEN ! from minute 44 to 48 its green screen please fix
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.
Please copy the code for that part from the GitHub repository in the description since it skipped the whole return for the component.
@@webdebwithron ok thanks
bro at 15:18 the screen turns green
@@sahilgholap9530 My apologies, there wasn't when I edited so must be an exporting issue. How long is it green screen for?
@@webdebwithron For 1 second 😄
Good work
I really appreciate your feedback!
really help me, thanks
Glad it helped!
Great video❤
Glad you liked it!!!
@@webdebwithron yes it is very helpful, try to make video on web dev resources
@@darkblood154 Will do.
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
@@alexdin1565 Thanks for the feedback and I'll take a look at that so stay tuned!
Thank you
is this a tutorial or a show off. not for beginners. F is this!?
@@22hoursago it's a crash course of Node.js, a go through over all the important stuff
Hey sir I wanted to change the selection colour to transperant?? Any way to do so Thanks :)
in this case it would be: h1:hover{ color: "transparent"; } change the element selection depending on your situation.
@@webdebwithron thanks sir.. but I wanted it to do for whole website text.
@@CryptoMaN_Rahul change the element selection to be all the text elements in your website
@@webdebwithron great. Thanks sir
How can I change the text-primary color?
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!
poorly explained!
care to explain?
Awesome, I added just this one line of code to the JavaScript code for my login system after user authentication and it worked
Glad this helped!
i have made an update using git add , commit , and push but still that is change is not visible in my page
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.
@@webdebwithron yes i can see the changes in my repo too but still it is not reflecting in my website
@@SivaSankar-tc9hi go to action's on in the repository on the website to see if there's any errors.
bro you are goated thank you for explaining it very simple !
Appreciate the feedback!
❤
Great video
Appreciate the comment!
You just earned 2 Subs from my 2 accounts...Thank you so much!!!
Appreciate it! Helps a lot!
Love your videos❤
Appreciate the comment, and glad you love them!!!
if i commit new changes then how to deploy again. ?
using GitHub Desktop, or the terminal in VsCode
use this on terminal: git add . git commit -m "you message here" git push
Hi, i'd kill for a free loader website !
I found this website, hope that helps!
css-loaders.com/classic/
@@webdebwithron Awesome thanks !
Helpful video. Thanks.
Glad you found it helpful!
I hardly ever comment on videos. But you were so straight to the point and helpful I am commenting for the algorithm.
Apreciate the comment, and this definitely helps a lot, Thanks!
What about Gsap
That's another alternative on how to make scroll animation!
Many thanks! This compilation is super helpful.
Glad you found it helpful!
that realy helpfull for frontend devoloper
Glad you found it helpful!
which is better frontend devolopment or backend devolopment
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.
Hi
hey!
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
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.