![How to Web Dev](/img/default-banner.jpg)
- Видео 144
- Просмотров 643 088
How to Web Dev
США
Добавлен 31 июл 2023
Web development for everyone. Free Javascript, React, HTML and CSS Tutorials.
Modern Responsive Portfolio Website with HTML & CSS & JavaScript
In this video, you will learn how to create a modern responsive portfolio website with HTML CSS and JavaScript. I hope you enjoy it.
🔔 Subscribe For More @HowtoWebDev
-------------------------------------------------------------------
Fontawesome Icons: cdnjs.com/libraries/font-awesome
fontawesome.com/
-------------------------------------------------------------------
Images: tr.pinterest.com/pin/585186545354877237/
dribbble.com/shots/16677921-Crypto-rankings
dribbble.com/shots/19681811-Crypto-Currency-Security-Dashboard-Design-SaaS
dribbble.com/shots/14055866-eCommerce-HTML-UI-Kit-and-Templates
-------------------------------------------------------------------
Check Out My Other Videos: ruclips....
🔔 Subscribe For More @HowtoWebDev
-------------------------------------------------------------------
Fontawesome Icons: cdnjs.com/libraries/font-awesome
fontawesome.com/
-------------------------------------------------------------------
Images: tr.pinterest.com/pin/585186545354877237/
dribbble.com/shots/16677921-Crypto-rankings
dribbble.com/shots/19681811-Crypto-Currency-Security-Dashboard-Design-SaaS
dribbble.com/shots/14055866-eCommerce-HTML-UI-Kit-and-Templates
-------------------------------------------------------------------
Check Out My Other Videos: ruclips....
Просмотров: 1 082
Видео
How to Create Modern Navbar with React & Tailwind
Просмотров 21112 часов назад
In this video, you will learn how to create a modern navbar using React and Tailwind. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/oci97MXAJqg/видео.html ruclips.net/video/x-e2dF...
Easy Dark Mode using React & Tailwind
Просмотров 233День назад
In this video, you will learn how to create dark mode using React and Tailwind. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/qUV2kgYdr9k/видео.html ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/oci97MXAJqg/...
Super Easy Animated Background with HTML & CSS!
Просмотров 1,2 тыс.14 дней назад
In this video, you will learn how to create an animated colorful background using HTML & CSS. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/qUV2kgYdr9k/видео.html ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/vide...
How to Create Responsive Navbar with React & Tailwind
Просмотров 1,8 тыс.21 день назад
In this video, you will learn how to create a responsive navbar using React & Tailwind. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/bi7kaS2psSo/видео.html ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/oci9...
How to Create Bento Grid using React & Tailwind
Просмотров 57628 дней назад
In this video, you will learn how to create a bento grid using React and Tailwind. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/oci97MXAJqg/видео.html ruclips.net/video/x-e2dFLKy...
How to Easily Add Wavy Backgrounds to Your Website
Просмотров 508Месяц назад
In this video, you will learn how to add wavy backgrounds to your website easily using SVG's. I hope you enjoy it. SVG Website: haikei.app/ 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/oci97MXAJqg/ви...
Create Responsive Login Form Using React & Tailwind
Просмотров 758Месяц назад
In this video, you will learn how to create a responsive login form using React and Tailwind. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Image: unsplash.com/photos/flat-screen-computer-monitor-turned-on-beside-black-keyboard-8GDCzWrcE3M TailwindCSS: tailwindcss.com/ Check Out My Other Videos: ruclips.net/video/-56tUJ9qEdA/видео.html ruclips.net/video/GnFH9Eg-OuM/видео.html ruclips.n...
Build a Responsive Portfolio Website using HTML & CSS & JavaScript
Просмотров 6 тыс.Месяц назад
In this video, you will learn how to build a responsive portfolio website using HTML, CSS and JavaScript. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Starter Code: github.com/HowtoWebDev/starter-code Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео....
How to Create Landing Page with Bento Grid | HTML & CSS Tutorial
Просмотров 1,3 тыс.Месяц назад
In this video, you will learn how to create a landing with bento grid layout using HTML and CSS. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Starter Code: github.com/HowtoWebDev/bentogrid-starter Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/ArKrqdQ-oSs/видео.html ruclips.net/video/gXRbhC7Xmi0/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html...
How to Add Google Maps Location to Your Website | HTML & CSS Tutorial
Просмотров 715Месяц назад
In this video, you will learn how to add Google Maps Location to your website using HTML and CSS. I hope you enjoy it. 🔔 Subscribe For More @HowtoWebDev Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/x-e2dFLKyKs/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/ZHfDDhSIWzM/видео.html ruclips.net/video/gSPIX2r8Zsw/видео.html ruclips.net/...
Create Responsive Workflow Section Using HTML & CSS
Просмотров 3832 месяца назад
In this video, you will learn how to build a responsive workflow section using HTML and CSS. I hope you enjoy it. 🔔 Subscribe For More! @HowtoWebDev Check Out My Other Videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/NaqkIqeqYMI/видео.html ruclips.net/video/x-e2dFLKyKs/видео.html ruclips.net/video/V49fGLgM4WE/видео.html ruclips.net/video/lyvbZJ12DmE/видео.html ruclips.net/vide...
Build a Responsive Personal Portfolio Website Using HTML & CSS & JavaScript
Просмотров 13 тыс.2 месяца назад
In this video, you will learn how to build a responsive personal portfolio website using HTML, CSS and JavaScript. I hope you enjoy it. 🔔 Subscribe For More! @HowtoWebDev Starter Code: github.com/HowtoWebDev/Portfolio-Website-Starter-Code Related Videos: ruclips.net/video/V49fGLgM4WE/видео.html ruclips.net/video/lyvbZJ12DmE/видео.html ruclips.net/video/A2xuyqeTE9o/видео.html ruclips.net/video/U...
Create Expanding Cards using HTML & CSS & JavaScript
Просмотров 1,5 тыс.2 месяца назад
In this video, you will learn how to create this expanding cards using HTML, CSS and JavaScript. I hope you enjoy it. 🔔 Subscribe For More! @HowtoWebDev Icons: boxicons.com/ Related Videos: ruclips.net/video/x-e2dFLKyKs/видео.html ruclips.net/video/sVSAklXy1uE/видео.html ruclips.net/video/oci97MXAJqg/видео.html ruclips.net/video/WW_Rq1RgdC0/видео.html ruclips.net/video/1hfradAOvYc/видео.html ru...
Create Stunning 3D Button Hover Effect using HTML & CSS
Просмотров 2823 месяца назад
In this video, you will learn how to create this button hover effect using HTML & CSS. I hope you enjoy it. 🔔 Subscribe For More! @HowtoWebDev Related Videos: ruclips.net/video/gSPIX2r8Zsw/видео.html ruclips.net/video/V49fGLgM4WE/видео.html ruclips.net/video/EvRtKGlgmG0/видео.html ruclips.net/video/oci97MXAJqg/видео.html ruclips.net/video/sVSAklXy1uE/видео.html ruclips.net/video/WW_Rq1RgdC0/вид...
How To Create Pomodoro Timer App Using HTML CSS And JavaScript
Просмотров 3683 месяца назад
How To Create Pomodoro Timer App Using HTML CSS And JavaScript
Beginner JavaScript Project | Height Converter Tutorial
Просмотров 4553 месяца назад
Beginner JavaScript Project | Height Converter Tutorial
JavaScript Beginner Project | BMI Calculator Tutorial
Просмотров 2843 месяца назад
JavaScript Beginner Project | BMI Calculator Tutorial
Create Responsive Glass Bento Grid Layout Using HTML & CSS
Просмотров 2 тыс.3 месяца назад
Create Responsive Glass Bento Grid Layout Using HTML & CSS
Build This JavaScript Color Flipper in 10 Minutes!
Просмотров 5713 месяца назад
Build This JavaScript Color Flipper in 10 Minutes!
Build a Responsive Personal Portfolio Website Using HTML & CSS & JavaScript
Просмотров 22 тыс.4 месяца назад
Build a Responsive Personal Portfolio Website Using HTML & CSS & JavaScript
Responsive About Us Page Using HTML & CSS | Step by Step Tutorial
Просмотров 4724 месяца назад
Responsive About Us Page Using HTML & CSS | Step by Step Tutorial
Create Rock-Paper-Scissors Game Using HTML CSS and JavaScript
Просмотров 6974 месяца назад
Create Rock-Paper-Scissors Game Using HTML CSS and JavaScript
Create Responsive Flexbox Layout in 8 Minutes
Просмотров 1,8 тыс.4 месяца назад
Create Responsive Flexbox Layout in 8 Minutes
How to Create and Style a Table with HTML & CSS | Step by Step Tutorial
Просмотров 2564 месяца назад
How to Create and Style a Table with HTML & CSS | Step by Step Tutorial
How to Create CSS Bento Grid Using Flexbox | Step by Step Tutorial
Просмотров 3,8 тыс.4 месяца назад
How to Create CSS Bento Grid Using Flexbox | Step by Step Tutorial
Learn CSS Pseudo-Class vs Pseudo-Element Differences In 6 Minutes
Просмотров 1764 месяца назад
Learn CSS Pseudo-Class vs Pseudo-Element Differences In 6 Minutes
Create Stunning Button Hover Effect using HTML & CSS
Просмотров 3304 месяца назад
Create Stunning Button Hover Effect using HTML & CSS
How to Customize a Scrollbar using CSS | Step by Step Tutorial
Просмотров 3355 месяцев назад
How to Customize a Scrollbar using CSS | Step by Step Tutorial
Top 8 VSCode Extensions You MUST TRY In 2024
Просмотров 2,1 тыс.5 месяцев назад
Top 8 VSCode Extensions You MUST TRY In 2024
broo source code plz
Github code?
a scroll bar is not appearing at all
teach me, im brazilian, i pay you a blowjob screwdriver and i dont know speak english 👍👏
great videos help me a lot thank!
I like your videos. They are so great❤❤❤
Very good 👍
how do I make the css animation type and backspace ??
4:08 what's <i> element before class? Google said it's Italic??? <i></i>
How to get email by contact form ?
Looks really good!
need some help, when i write animation: GradiantAnimation 5s linear infinite and then @keyframes { ( everything extra ) } it does not work maybe its because of some error I'm making?
How can i share the file after completion. Any one can help me please
Please send me source code
vashe
Hey everyone, I hope you're having a great day. Since this video is getting a lot of views , I wanted to share my latest portfolio videos which have line by line explanation of the code. Unfortunately, this video has no sound due to copyright issues. I recommend you to check out these two videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/GnFH9Eg-OuM/видео.html
Lutfen konus
ruclips.net/video/uTPO6fKtBvM/видео.html
i have an issue with h1 and the span inside. As my name is >4 letters it goes on another line or on top of the "Hi, It's". Same thing happens with my job title which is way longer
You can probably solve that problem by using text-wrap:nowrap, but I need to see the code to make sure. If you can share your 'home-content' part I'd be happy to help.
thanks a lot!! You nailed it
Glad you liked it!
Can i upload videos in project section
It would have been great to see a responsive design. Nice work. 👍
I'll be sharing a portfolio website video with the same navbar design using plain html-css, also a responsive version. Stay tuned!
Perfect Tutorial
SIR THANKS FOR THIS VIDEO I LIKE IT 🥰😍🤩
Etkili bir video teşekkürler Emre :)
Rica ederim🙌
Addtocart?in reqctjs
How to check dangerous Response
someone pls help me i can't display the items in a row even with display flex
3rd Comment
For some reason, the home image isn't bordering as a circle. It's an oval. I've double and triple checked my code to see if it matches and cannot for the life of me figure out what is happening. Anyone have any idea?
Nevermind. Just realized the image used was pre-cropped to a square shape. Fixed
why did you wrote window.onscroll? i dont see the use case here. i mean the mobile view navigation works completely fine without this function. so im a little bit confused why you have wrote it. and on this video-- ruclips.net/video/GnFH9Eg-OuM/видео.html you had not wrote this funciton.
The window.onscroll function is used to determine which section is displayed in the viewport currently, so that the corresponding link in the navbar can get the underline effect (Such as, when you are displaying the Home section, 'home' tab in the navbar gets a underline effect). Check out the if statement, you can see that the tab you are currently viewing gets the 'active' class, basically indicating that you are currently in that section. Looks like the video in the link doesn't have that feature, so that's why it doesn't have that function. It has nothing to do with the navigation of the website, its just to create the underline for the current tab.
14:38 note to self(timestamp for this annoying code)
how can i make it a link and put it in my insta bio and Resume ???
Thanks for the lesson
You have it in some Github repository
It's good but make the video a bit engaging somehow, by adding sound effects or your own voice
I recommend you to watch these two videos: ruclips.net/video/GnFH9Eg-OuM/видео.html ruclips.net/video/uTPO6fKtBvM/видео.html
My hire button and send message one in the contact section not glowing on hover
Thanks, the idea of using backdrop-filter is a learning experience.
Great tutorial
In my case i can't made it responsive how to do it i watch you video many time else i failded to do this please reply ❤
wow. with these no one has to buy shit.
Js not working
What font did you use in this?
poppins
your github id?
My image is becoming oval and not circular, how to fix this?
More )
1 tutorial with voice pls 😢
I have a lot of videos with explanations especially the last 30+ videos, you can check them out. If you are specifically looking for a portfolio website video I recommend you to watch these two videos: ruclips.net/video/uTPO6fKtBvM/видео.html ruclips.net/video/GnFH9Eg-OuM/видео.html
@@HowtoWebDev thank you
great
Can you please give Source Files also??
Useful Content
it's great simple project and easy and helpful for beginner student thank you very much