Learn HTML & CSS: 2-Hour Portfolio Website Tutorial (2024)
Learn HTML and CSS quickly with this hands-on crash course! In just 2 hours, you'll build a modern and responsive portfolio website from scratch. No boring theory – just practical, real-world experience that will get you coding confidently. Perfect for beginners and a great refresher for experienced developers.
Free Web Developers Community and Courses: https://www.skool.com/web-dev-mastery
Designer's Profile: https://www.figma.com/@elias_dev
Resources
- VSCode Setup: https://youtu.be/VWCI1ct02hY
- Design Link: https://www.figma.com/community/file/1164933568884615740/portfolio?searchSessionId=lwnsxv2d-v96nfiicdri
- HTML Documentation: https://developer.mozilla.org/en-US/docs/Web/HTML
- CSS Documentation: https://developer.mozilla.org/en-US/docs/Web/CSS
- Responsive Design: https://developer.mozilla.org/en-US/docs/Learn/CSS/CSS_layout/Responsive_Design
- Source Code: https://github.com/hayk-simonyan/portfolio-website
🔖 Sections
0:00 Introduction
1:12 HTML Essentials
3:49 CSS Essentials
7:43 Figma Basics
12:03 Project Setup
14:03 Creating the Navbar
30:09 Main Section
42:45 Quote Section & Social Links
57:52 Projects Section
1:15:15 Skills & About Sections
1:33:24 Contacts & Footer
1:51:40 Responsive Design
1:56:20 Using Media Queries & Breakpoints
2:06:58 Making our Portfolio Responsive
2:15:41 Responsive Design for Tablets
2:20:25 Recap
-
40:56
Code A Future
2 months agoHow to Create a Website with HTML, CSS & Bootstrap - Tutorial for Beginners
75 -
23:57
Software Tutorials by Jake Cyr
3 years ago $0.01 earnedHow to Create a Responsive Portfolio Website from Scratch - HTML, CSS, Bootstrap Tutorial
107 -
4:42:49
Silentmanga
1 year agoHTML and CSS Tutorial for Beginners full course
17 -
2:18:07
Linux News & Learning
8 months agoHTML & CSS Project Tutorial - Build a Recipes Website
38 -
17:57
Code A Future
2 months agoLearn CSS in 20 Minutes - Tutorial for Beginners
55 -
1:04:05
NeoDev
1 year agoHTML Tutorial for Beginners
11 -
26:38
Code A Future
2 months agoLearn HTML in 30 Minutes - Tutorial for Beginners
106 -
5:34
bradrah
1 year agoWelcome to HTML5 & CSS3 full course tutorial
3 -
13:42
Free Skills
3 years agoComplete Web Developer Chapter 2 - Lesson 2 Including CSS
121 -
16:55
ComputerScienceVideos
7 months agoProgramming In HTML5 - Tutorial 19 | HTML Styles - CSS
1