High Definition Standard Definition Theater
Video id : ldwlOzRvYOU
ImmersiveAmbientModecolor: #f6f5f4 (color 1)
Video Format : 22 (720p) openh264 ( https://github.com/cisco/openh264) mp4a.40.2 | 44100Hz
Audio Format: Opus - Normalized audio
PokeTubeEncryptID: 7df7c89c381b02bf268aa5a2fdd4d3e30be6dceffd5b9804fd705d9a6464dc1eb9c53b982d976883dbdf17b319abe022
Proxy : eu-proxy.poketube.fun - refresh the page to change the proxy location
Date : 1714927857348 - unknown on Apple WebKit
Mystery text : bGR3bE96UnZZT1UgaSAgbG92ICB1IGV1LXByb3h5LnBva2V0dWJlLmZ1bg==
143 : true
587,657 Views • Apr 1, 2023 • Click to toggle off description
Learn how to build and deploy a responsive portfolio website from scratch using only vanilla / plain HTML, CSS, and JavaScript. No Frameworks or React knowledge is needed for this beginner-friendly easy tutorial.

Build your next awesome project:
www.tubebuddy.com/quicknav/latest/UCkXqOdpo5ul8Bos…

GitHub Repo with Assets
github.com/Ade-mir/html-css-js-portfolio-tutorial-…

Deployed Website
tangerine-hummingbird-1479b6.netlify.app/

GitHub Account
github.com/

GitHub Desktop
desktop.github.com/

Visual Studio Code
code.visualstudio.com/

Google Fonts
fonts.google.com/specimen/Poppins

Netlify
www.netlify.com/

Chapters
00:00 What we are building / Finished portfolio website
00:59 Tools we are using / Prerequisites
01:21 Project setup
08:42 Desktop navigation
22:53 Mobile navigation
40:19 Profile section
01:01:20 About section
01:13:32 Experience section
01:31:22 Projects section
01:44:07 Contact section
01:53:58 Footer
01:57:12 Adding responsive design / Media queries
02:09:29 Deploying our website for free using Netlify

Hope you enjoyed this tutorial. Leave a like if you did, and feel free to subscribe for more tutorials like this in the future!
Metadata And Engagement

Views : 587,657
Genre: Education
Date of upload: Apr 1, 2023 ^^


Rating : 4.996 (15/15,014 LTDR)
RYD date created : 2024-05-05T12:15:09.511427Z
See in json
Tags
Connections
Nyo connections found on the description ;_; report a issue lol

YouTube Comments - 735 Comments

Top Comments of this video!! :3

@deoncodm4034

1 year ago

This is literally the best beginners friendly follow through project I've come across here on YT. I love how you clearly explain every step and I love how you share the keyboard short cuts as well. Thank you so much man. Please don't stop!

101 |

@aayankasana2712

10 months ago

Wow, dude! Can't thank you enough for the awesome tutorial! Your explanation was super helpful and I'm seriously grateful for it. You rock!

24 |

@binia600

8 months ago

So easy to follow and very well spoken as well. Thank you for your service!

8 |

@abhishekraghunath95

11 months ago

Finally!!!! something that I was dying for, at least now I can start applying, Thanks for this confidence Man, really appreciate what you are doing!!

24 |

@wronghorsebatterystaple

8 months ago

Great tutorial and explanation with a cleanly designed website. Thank you for not overengineering it and providing a simple but beautiful design.

10 |

@user-vo4kq5vq6w

1 month ago

thank you. been really looking to get a hold on github and netlify and this was very helpful

|

@cloud3ye

5 months ago

Thank you for waking up one day and deciding to bless us with this tutorial, i cannot thank you enough

3 |

@sththms

3 months ago

Thank you so much for this tutorial. I had minimal knowledge of html and css going in and everything was so clear and easy to follow. It's provided an awesome baseline for me to go away, experiment and learn by doing. You gained another subscriber here, I'll definitely be checking out more of your content!

2 |

@danielnavarretecuevas3767

8 months ago

Awesome! I just enjoyed the process and the explanation is very nice and clear, please upload more projects, congrats!

3 |

@chadcat420

6 months ago

as a backend dev who struggles with mobile responsive designs to help make my portfolio mobile friendly for tech recruiters, thank you!!! CSS is really hard compared to C# and C++ lol

52 |

@41_paraschoudhary30

6 months ago

Amazing tutorial without cuts and every easy explanation to follow step by step.

|

@p1ckyv1cky

4 months ago

Great tutorial and explanation! I've seen many videos and you are great at making it clear and simple and easy to follow along. I'm looking forward to seeing more of your videos! Thank you!!!

1 |

@abdullohdomla5858

6 months ago

Keep going. We will support you.

|

@dianaalijagic4695

1 year ago

Awesome!!🤩 Keep the videos coming!

4 |

@Bakemono1213

7 months ago

I'm in the midst of changing myself from no-code to coding environment. Your tutorial are really good to follow with the clear instruction.

1 |

@Shy-Lars

6 months ago

I personally appreciate this. Thank you

|

@indexvinay

1 year ago

Awesome the way you explain each and every thing, loved it

2 |

@dgalaxyspace3859

7 months ago

This is a well-spent 2hrs of my life. Nice work Sir!

6 |

@murtajiz545

2 months ago

Thanks a bunch!! This was an awesome and very well made tutorial. I look forward to seeing more from this channel!

2 |

Go To Top