- Видео 143
- Просмотров 111 542
Web Dev With Ron
Канада
Добавлен 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
Must Know Git & GitHub Skills for Effective Project Management
Learn the essential skills for project management: Git & GitHub lesson!
🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴
📙 Socials: 📙
linkTree: linktr.ee/rons_innovative_visions
Instagram: rons_innovative_visions
Discord: discord.gg/FUzfRS7pGJ
RUclips: www.youtube.com/@webdebwithron
RUclips Courses:
1️⃣HTML Beginners Course - ruclips.net/p/PLyn7ig63bsXK0owFZXW8hOybWF-BbKF6G
2️⃣CSS Beginners Course - ruclips.net/p/PLyn7ig63bsXIbowceSCCiEHh-vs_79Lld
3️⃣JavaScript Beginners Course - ruclips.net/p/PLyn7ig63bsXL00mIHr5RafYTWb-IltYXe
⏳TIMESTAMPS⌛
0:00 Intro
0:28 What is GitHub?
1:29 Cloning A Repository
2:36 Install Git
2:56 Download GitHub Desktop
3:35 Creat...
🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴
📙 Socials: 📙
linkTree: linktr.ee/rons_innovative_visions
Instagram: rons_innovative_visions
Discord: discord.gg/FUzfRS7pGJ
RUclips: www.youtube.com/@webdebwithron
RUclips Courses:
1️⃣HTML Beginners Course - ruclips.net/p/PLyn7ig63bsXK0owFZXW8hOybWF-BbKF6G
2️⃣CSS Beginners Course - ruclips.net/p/PLyn7ig63bsXIbowceSCCiEHh-vs_79Lld
3️⃣JavaScript Beginners Course - ruclips.net/p/PLyn7ig63bsXL00mIHr5RafYTWb-IltYXe
⏳TIMESTAMPS⌛
0:00 Intro
0:28 What is GitHub?
1:29 Cloning A Repository
2:36 Install Git
2:56 Download GitHub Desktop
3:35 Creat...
Просмотров: 61
Видео
Tailwind for Beginners: Learn The Basics in 23 Minutes
Просмотров 14021 день назад
Learn the basics of Tailwind CSS in 23 Minutes! 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ RUclips: www.youtube.com/@webdebwithron RUclips Courses: 1️⃣HTML Beginners Course - ruclips.net/p/PLyn7ig63bsXK0owFZXW8hOybW...
The Ultimate React Template: Essential Time Saver
Просмотров 124Месяц назад
This video will show you how to make a React template with easily adjustable color themes (light/dark), with a clean folder structure. Complete Example - GitHub Repo: github.com/rons-innovative-visions/React_Template/tree/main 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: r...
Take Your CSS to the Next Level with Advanced Features
Просмотров 406Месяц назад
Take your CSS to the next level with advanced features. 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ RUclips: www.youtube.com/@webdebwithron RUclips Courses: 1️⃣HTML Beginners Course - ruclips.net/p/PLyn7ig63bsXK0owFZ...
Ultimate Guide to the Hottest CSS Trends
Просмотров 1,5 тыс.Месяц назад
The Ultimate Guide to level up your CSS Through the Hottest Trends! 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ RUclips: www.youtube.com/@webdebwithron RUclips Courses: 1️⃣HTML Beginners Course - ruclips.net/p/PLyn7i...
The Ultimate Guide to Your First Chrome Extension
Просмотров 5072 месяца назад
URL Vault - A Chrome Extension aimed to save/bookmark import URL's inside an extension which is much more private then a bookmark. GitHub Template - github.com/rons-innovative-visions/Chrome_Extension_Template GitHub Project Rep - github.com/rons-innovative-visions/URL-Vault?tab=MIT-1-ov-file 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 lin...
Scroll Animation Made Easy: Intersection Observer API Tutorial
Просмотров 4802 месяца назад
Discover the power of the Intersection Observer API by making an on scroll animation using HTML, CSS, and JavaScript! 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ RUclips: www.youtube.com/@webdebwithron RUclips Course...
The Ultimate CSS Toolkit: Essential Websites That Save Time
Просмотров 33 тыс.2 месяца назад
Must know CSS websites to save time 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 Must know CSS websites to save time Haikei - app.haikei.app/ Color hunt - colorhunt.co/ Realtime Colors - www.realtimecolors.com/ Neumorphism - neumorphism.io/#e0e0e0 Fancy Border Radius - 9elements.github.io/fancy-border-radius/ CSS Grid Generator - cssgrid-generator.netli...
The Hidden Potential of Chat-GPT Creating React Websites
Просмотров 2562 месяца назад
🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ RUclips: www.youtube.com/@webdebwithron RUclips Courses: 1️⃣HTML Beginners Course - ruclips.net/p/PLyn7ig63bsXK0owFZXW8hOybWF-BbKF6G 2️⃣CSS Beginners Course - ruclips.net/p...
Create a Stunning & Responsive Todo List With React
Просмотров 983 месяца назад
Create a Stunning & Responsive Todo List With React & Local Storage #react #reactproject #todolist #reacttodolist GitHub Project Repository - github.com/rons-innovative-visions/Todo_List 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord...
Host your React Website for FREE on GitHub Pages
Просмотров 2543 месяца назад
🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ RUclips: www.youtube.com/@webdebwithron RUclips Courses: 1️⃣HTML Beginners Course - ruclips.net/p/PLyn7ig63bsXK0owFZXW8hOybWF-BbKF6G 2️⃣CSS Beginners Course - ruclips.net/p...
Build Your Own Customizable & Interactive Projects Page With React
Просмотров 2503 месяца назад
Best first project for react beginners 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 Project GitHub Repository - github.com/rons-innovative-visions/My-Projects-Template React Cleanup Video - github.com/rons-innovative-visions/React_Crash_Course/tree/main/Lessons/Cleanup Video Transparent Texture - www.transparenttextures.com/ 📙 Socials: 📙 linkTree: linkt...
Full Beginners React Crash Course - Basic YouTube Clone
Просмотров 1054 месяца назад
Full Beginners React Crash Course - Basic RUclips Clone GitHub Course Repository - github.com/rons-innovative-visions/React_Crash_Course 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_visions Discord: discord.gg/FUzfRS7pGJ RUclips: www.youtube.com/@webdebwit...
Keys To Clean Code - The Ultimate Guide For Clean React
Просмотров 5524 месяца назад
React Cleanup Stages - The Ultimate Guide to Clean React Code React GitHub Repository - github.com/rons-innovative-visions/React_Crash_Course/tree/main/Lessons/Cleanup Video DM on INSTAGRAM or Discord if you want private lessons - @rons_innovative_visions 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visio...
React JSX 18 Crash Course Lesson #8 - UseEffect
Просмотров 584 месяца назад
React JSX 18 Crash Course Lesson #8 - UseEffect GitHub Course Repository - github.com/rons-innovative-visions/React_Crash_Course DM on INSTAGRAM or Discord if you want private lessons - @rons_innovative_visions 🔴 SUBSCRIBE FOR MORE VIDEOS LIKE THIS - ruclips.net/channel/UCbDWhtql3wIiI8fIKur9DjA 🔴 📙 Socials: 📙 linkTree: linktr.ee/rons_innovative_visions Instagram: rons_innovative_v...
React JSX 18 Crash Course Lesson #7 - Conditional Rendering & UseState
Просмотров 374 месяца назад
React JSX 18 Crash Course Lesson #7 - Conditional Rendering & UseState
React JSX 18 Crash Course Lesson #6 - UseState & Event Listeners
Просмотров 485 месяцев назад
React JSX 18 Crash Course Lesson #6 - UseState & Event Listeners
React JSX 18 Crash Course Lesson #5 - Map & Props Cleanup
Просмотров 1155 месяцев назад
React JSX 18 Crash Course Lesson #5 - Map & Props Cleanup
React JSX 18 Crash Course Lesson #4 - Props
Просмотров 295 месяцев назад
React JSX 18 Crash Course Lesson #4 - Props
React JSX 18 Crash Course Lesson #3 - CSS & Attributes
Просмотров 316 месяцев назад
React JSX 18 Crash Course Lesson #3 - CSS & Attributes
React JSX 18 Crash Course Lesson #2 - JSX Components
Просмотров 546 месяцев назад
React JSX 18 Crash Course Lesson #2 - JSX Components
React JSX 18 Crash Course Lesson #1 - Setup
Просмотров 1046 месяцев назад
React JSX 18 Crash Course Lesson #1 - Setup
Boost Your Productivity: Top 10 Time-Saving VSCode Shortcuts
Просмотров 3726 месяцев назад
Boost Your Productivity: Top 10 Time-Saving VSCode Shortcuts
The Ultimate Developer's Toolkit: Essential Websites You Can't Ignore
Просмотров 2,6 тыс.7 месяцев назад
The Ultimate Developer's Toolkit: Essential Websites You Can't Ignore
Escape the Struggles of Web Development with These AI Tools
Просмотров 8307 месяцев назад
Escape the Struggles of Web Development with These AI Tools
Boost Your Productivity: Top 5 Chrome Extensions for Web Developers
Просмотров 2897 месяцев назад
Boost Your Productivity: Top 5 Chrome Extensions for Web Developers
Full Chrome Extension Crash Course For Beginners
Просмотров 3,1 тыс.7 месяцев назад
Full Chrome Extension Crash Course For Beginners
Chrome Extension Crash Course Lesson #5 - Intro To Background Scripts pt.2
Просмотров 568 месяцев назад
Chrome Extension Crash Course Lesson #5 - Intro To Background Scripts pt.2
Chrome Extension Crash Course Lesson #4 - Intro To Background Scripts pt.1
Просмотров 738 месяцев назад
Chrome Extension Crash Course Lesson #4 - Intro To Background Scripts pt.1
Chrome Extension Crash Course Lesson #3 - Make ANY Website Dark Theme
Просмотров 648 месяцев назад
Chrome Extension Crash Course Lesson #3 - Make ANY Website Dark Theme
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!!!
great video bro, u deserve more
Appreciate the comment!
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!
How to add timer
I can make a separate short on how to do this if you'd like.
@@webdebwithron yeah pls
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.
❤
❤
Want to make my website faster , so which method is good? Cdn method or download method?
CDN is faster since the download is the actual CSS file that has multiples of thousands of lines.
Nice tutorial for bootstrap
Glad you liked it!
❤
I came from your css toolkit websites. You are doing great. I have one question. Bootstrap has lot of code, so will this make website heavier?
the actuall CSS file of bootstrap does which is where the cdn link comes useful, and it's easier to use.
You deserve respect and appreciation
I really apreciate the comment!
These things exists in my imagination. Thank you so much for making my imagination real❤
Glad you found it to be useful!
bookmarks purpose served successfully
Glad it was that useful!
Why bootstrap? Why CRA?
you can use any tools you want, but I rather use bootstrap because there's a lot of free templates.
Love the videos. Have you used the HTML Preview extension in VSCode for splitting the code and web preview on the same screen?
I use live server and chrome, then I split the window, and glad you liked the video!
It switches it when you exit the page
because it goes back to the state it's supposed to be in.
Oh okay
All of the websites are very useful. Thanks for sharing with us.
Glad you found them helpful!
Thanks man i love this ❤
Glad you loved it!
This is very underrated , pure gold ! Make more such videos.
appreciate the comment, will do my best to do so?
👍
Thank you for the demonstrations! Very helpful!
Glad it was helpful!
i followed your tutorial step by step but for the dark theme one it wouldnt work fully for me.....i followed each line of code but it just doesn't show up like yours does.....is there anyway to be able to get your actual file so that i can compare where i may have gone wrong?
I don't have a GitHub repository for that project but make sure the JavaScript works ( check by console logging ) and CSS ( apply basic styles and see if they appear), and if one or both of these don't work then you made a mistake naming the files or the manifest.json file.
@@webdebwithron thanks a lot, will do that and see if I can fix it……I’ve only recently started learning HTML, CSS and JavaScript so I’m still getting to grips with the whole thing
this is the coolest vid a month for me 1like 1sub. thanks for sharing man cheers
Glad you found this video, thanks for the comment and like, and welcome!
Thank you for this, super useful 😊
Glad you found it useful!
Just found your channel, and I'm literally watching all of your videos. Too good man 😉
Glad you find my content good and thanks the comment and watching!
8:08 lol 😂 totally can relate.
I was so tensed that i maybe fail in web development because im doing self learning and pursuing my passion after doing a different degree.This video relieved me .Thanks for the great content .Will try it tomorrow.You deserve a Sub👏👍
This is one of the big reasons I make this kind of content, really appreciate your comment, good luck, and welcome!
Ton of information. 👋🏻👋🏻👋🏻 Thank a million for posting it without background music. 👌🏻
appreciate your comment and you're welcome!
Thanks ❤
Your absolutely welcome!
I like your content, keep the hustle going!
Glad you like it and appreciate the comment!
Nice work bro 💕 ✨
Appreciate the feedback!
Please share any layout creation resources if possible 🙏😊
I found one called just that
layout.bradwoods.io/
@@webdebwithron Serendipity!
So useful! 😊
glad you found it to be useful!
@@webdebwithron This will speed up my process a lot! Now I can focus on fun javascript things without having to worry about centering divs
I did not expect all these features in CSS! That's a great update for us all, will save a lot of overhead. Thank you , for showing these updates.
some of the features were Introduced last year but started trending recently, glad you found the video helpful, and your welcome!
bro . I like your video. You did the best job
Appreciate your comment!
its a pretty cool list
glad you found it useful!