3

How To Make Personal Portfolio Using HTML CSS JavaScript

 1 year ago
source link: https://dev.to/codewithsadee/how-to-make-personal-portfolio-using-html-css-javascript-2760
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Cover image for How To Make Personal Portfolio Using HTML CSS JavaScript
Sadee

Posted on Jul 18

How To Make Personal Portfolio Using HTML CSS JavaScript

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

Live Website
Github Repo


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

Starter file


⏱️ 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


Discussion (13)

pic

CollapseExpandCollapseExpandCollapseExpandCollapseExpandCollapseExpand

In the design you have rated your skills in bars, never do that for your portfolio website. :)

Comment button Reply

CollapseExpand

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.

Comment button Reply

CollapseExpand

Author

Jul 18

It's a demo project for the practice.
nothing else.

Thread

Thread

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

Comment button Reply

CollapseExpand

Author

Jul 18

It's a demo project for practicing.

Comment button Reply

CollapseExpand

I know thats why I said "Never do that for your portfolio".

Comment button Reply

CollapseExpandCollapseExpand

Sadee, you've done a great job. Well done.

Comment button Reply

CollapseExpand


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK