DEV Community

Cover image for A Complete Portfolio Tutorial {Using Pure HTML, CSS and JavaScript}
Chaoo Charles
Chaoo Charles

Posted on

A Complete Portfolio Tutorial {Using Pure HTML, CSS and JavaScript}

I'm happy to say that I recently completed a tutorial series of creating a complete portfolio website from scratch using pure HTML CSS and JavaScript on My YouTube Channel: https://youtube.com/c/chaoocharles

The tutorial playlist has 3 videos with a total of 4 hours. Here is a link to the playlist: https://www.youtube.com/chaoocharles/playlist/portfolio

You Will Learn

  • HTML
  • CSS
  • JavaScript
  • CSS Animation
  • Responsive design
  • Where to get pixel-perfect graphics for your website
  • Simple Logo Design
  • and more

The tutorial is beginner friendly and if you are just starting out, you will be able to follow along.

You can preview the live portfolio even before you start learning here: https://chaoocharles.netlify.app/

You can access the source code for free on my GitHub: https://github.com/chaoocharles/portfolio-website

Just a sample screenshot of what we will be creating together

Alt Text

All the 3 videos

Part 1

Part 2

Part 3

Top comments (10)

Collapse
 
perpetual_education profile image
perpetual . education

Nice! Thanks for writing proper + legible HTML for the beginners. That's awesome. You do everyone a service.

Collapse
 
chaoocharles profile image
Chaoo Charles

You're welcome and thanks too 😊

Collapse
 
chaoocharles profile image
Chaoo Charles

Wow, thank youu 😊

Collapse
 
akidera profile image
Ark

Thank you

Collapse
 
meo3w profile image
Phil Hasenkamp

I'm going to try this series of tutorials today! I'll send you a link when I'm done. Thank you very much for sharing your wisdom and skills with us!

Collapse
 
chaoocharles profile image
Chaoo Charles

Welcome, I will be happy to see what you will come up with.

Collapse
 
michaeljamie profile image
Michael Johnston

Love the look. Great work!

Collapse
 
chaoocharles profile image
Chaoo Charles

Thank you

Collapse
 
tpho216 profile image
tpho216

Hi Chaoo! I just found your site today, thank you for all these instructions and your helpfulness to the community

Collapse
 
chaoocharles profile image
Chaoo Charles

Thank you are you are welcome