Web Development Project: Personal Portfolio Website
5h 4m 26s
English
Paid
September 7, 2024
Create a personal portfolio website to strengthen your foundational knowledge through a practical project. Implement a style guide and responsive layouts for desktop computers, tablets, and mobile devices. Use the latest CSS techniques, such as CSS variables, flexbox, grid, and media queries, to showcase your best work!
Watch Online Web Development Project: Personal Portfolio Website
Join premium to watch
Go to premium
# | Title | Duration |
---|---|---|
1 | Introduction | 04:31 |
2 | Style Guide & Q&A | 05:56 |
3 | Base Color Variables | 06:06 |
4 | Using Color Variables | 08:56 |
5 | Fonts | 12:12 |
6 | Font Sizes | 07:51 |
7 | Apply Font Sizes Exercise | 02:45 |
8 | Link, Responsive Image & Default Spacing | 10:02 |
9 | HTML Text Markup | 08:14 |
10 | CSS Layers | 08:23 |
11 | Styling Text on a Background Image | 10:22 |
12 | Text on Background Image Exercise | 10:15 |
13 | Navigation HTML Markup | 08:10 |
14 | Navbar Layout | 10:49 |
15 | Navbar SVG Icons | 10:40 |
16 | Styling the Navbar | 10:36 |
17 | Media Queries for Responsive Navbar | 12:09 |
18 | Mobile Navbar Hamburger Menu | 18:13 |
19 | Footer Exercise | 06:10 |
20 | Projects Using Figure | 10:15 |
21 | Project Exercise | 10:47 |
22 | CSS Grid | 08:58 |
23 | Grid Exercise | 06:00 |
24 | Tablet and Mobile Layouts | 14:07 |
25 | Featured Project Desktop CSS Exercise | 07:37 |
26 | Converting from Codepen to VSCode | 10:15 |
27 | Linking Fonts & Images | 06:41 |
28 | Addressing CSS Issues | 12:20 |
29 | Adding Background Styles | 06:59 |
30 | Creating Inside Page Exercise | 08:19 |
31 | Overriding CSS with Classes | 09:17 |
32 | Styling Images with Grid | 10:13 |
33 | Increasing CSS Specificity | 09:12 |
34 | Wrapping Up | 01:06 |
Similar courses to Web Development Project: Personal Portfolio Website
The CSS Bootcamp: Zero to Mastery
Duration 40 hours 15 minutes 13 seconds
Course
Flexbox Simplified
Duration 4 hours 41 minutes 57 seconds
Course
The HTML & CSS Bootcamp 2023 Edition
Duration 37 hours 18 minutes 8 seconds
Course
The Ultimate HTML5 & CSS3 Series: Part 3
Duration 5 hours 38 minutes 4 seconds
Course
Full-Stack Web Developer Bootcamp with Real Projects
Duration 22 hours 11 minutes 13 seconds
Course
Sass - from beginner to real world
Duration 8 hours 2 minutes 59 seconds
Course
Beyond CSS
Duration 18 hours 12 minutes 41 seconds
Course
Zero to Full Stack Hero
Duration 101 hours 29 minutes 59 seconds
Course
10 Mega Responsive Websites with HTML, CSS, and JavaScript
Duration 21 hours 54 minutes 19 seconds
Course
Mastering CSS Grid 2022 - With 3 cool projects
Duration 17 hours 16 minutes 22 seconds
Course