How To Make Personal Portfolio Using HTML CSS JavaScript
In this video, I will show you how to Create a Responsive Personal Portfolio Website Using Html CSS JavaScript
HI 👋
I'm Sadee (webdev)
In this channel I make videos about Complete Responsive website.
You can checkout my channel 👇
📺 My Channel : codewithsadee
🔔 Subscribe : subscribe now
🔗 Essential links
⏱️ Timestamps
0:00 - Demo
2:53 - File structure
3:20 - Project initial
8:12 - Header
19:10 - Hero section
26:45 - About section
32:23 - Portfolio section
38:20 - Skills section
45:16 - Contact section
54:18 - Blog section
59:53 - Footer
1:06:42 - Media queries
Top comments (23)
In the design you have rated your skills in bars, never do that for your portfolio website. :)
It's a demo project for practicing.
I know thats why I said "Never do that for your portfolio".
It's a cool concept, but the values are completely arbitrary and can't be verified in any meaningful way.
What does it mean to have 100% JavaScript? Do you have to literally be on the team that writes the spec before you can say you're 100%? What about the variations of implementation between browser and non-brower versions of it?
Apply the same line of thought to CSS and it's even more insane to pretend you can put a % on your level of skill with the tool.
Not to mention you're raiting your own skill level, which invites Dunning-Kruger to the party.
It's a demo project for the practice.
nothing else.
And it looks great. Don't let me detract from that with my comment. You've clearly worked very hard on this, and it shows.
I've seen people doing this percentage bar thing in real projects also and I've cautioned them as well. If you want a progress bar, don't use percent. Maybe don't use a symbol at all, so it's obviously arbitrary. Or say the number of hours in relation to eachother, or even out of 10,000 if you buy into the idea that it takes about 10,000 hours to become an expert
What's the reason behind not doing so?
You are already rating your skills, you don't have to do that. Your client will figure that him/her self that how capable you are of your skills :) By rating on portfolio you are already giving them a red light 👀
Hello Sadee,
Would you mind sharing? What code editor did you use and the mobile device simulator; is that a plugin?
Regards,
Jose
I'm using vscode and mobile device is an extension called
MobileViewThank you Sadee. I use vscode too, but I didn't know about the mobile extension. I will install it right away.
Thanks again!
Great article !
Good job
Gotta love when you put out an FYI example and people take it literally.
I think it's cool set of tools. Thank you
Wow beautiful design so modern 🤩
Looks good
Sadee, you've done a great job. Well done.
Great design!
wow ✨