Frontend Masters – Web Development Project: Personal Portfolio Website 2024-9

Apr 18, 2025 - 10:35

0 0

Web Development Project course: Personal Portfolio Website. In this hands-on course, solidify your knowledge of web development fundamentals by building a personal portfolio website. Create a showcase of your best work by implementing a style guide and coding responsive layouts for desktop, tablet and mobile devices. Use the latest CSS techniques such as CSS variables, flexbox, grid and media queries to create a professional and attractive website.

What you will learn:

Implementing a style guide to create a consistent and professional look
Coding responsive layouts for proper display on different devices
Using the latest CSS techniques to create visually appealing effects
Making an exhibition of your best work to introduce your abilities

This course is suitable for people who:

Looking to learn the basics of web development hands-on
They want to create a professional portfolio website for themselves
Looking to learn the latest CSS techniques
They want to showcase their work in a professional environment

Course specifications Web Development Project: Personal Portfolio Website

Publisher: FrontendMasters
Instructor: Jen Kramer
Training level: beginner to advanced
Training duration: 5 hours and 5 minutes
Number of courses: 34

Course headings

Introduction
Style Guide & Q&A
Base Color Variables
Using Color Variables
Fonts
Font Sizes
Font Sizes Exercise
Link, Responsive Image & Default Spacing
HTML Text Markup
CSS Layers
Styling Text on a Background Image
Text on Background Image Exercise
Navigation HTML Markup
Navbar Layout
Navbar SVG Icons
Styling the Navbar
Media Queries for Responsive Navbar
Mobile Navbar Hamburger Menu
Footer Exercise
Projects Using Figure
Project Exercise
CSS Grid
Grid Exercise
Tablet and Mobile Layouts
Featured Project Desktop CSS Exercise
Converting from Codepen to VSCode
Linking Fonts & Images
Addressing CSS Issues
Adding Background Styles
Creating Inside Page Exercise
Overriding CSS with Classes
Styling Images with Grid
Increasing CSS Specificity
Wrapping Up
Wrapping Up

Pictures

Web Development Project Personal Portfolio Website

Sample video of the course

Installation guide

After Extract, view with your favorite Player.

Subtitle: None

Quality: 2160p

download link

Download part 1 – 1 GB

Download part 2 – 1 GB

Download part 3 – 507 MB

File(s) password: www.downloadly.ir

File size

2.5 GB

Frontend Masters – Web Development Project: Personal Portfolio Website 2024-9