TheCoderCoder Courses

Building a Portfolio Website with HTML & CSS

1 rating

Build an accessible Skills section for a developer portfolio with HTML, CSS Grid, and responsive mobile, tablet, and desktop styles.

• YouTube
• 58 minutes
• Self-Paced
• Free Video

Social Media Dashboard with Dark-Light Toggle

Build a social media dashboard with Sass, BEM, and JavaScript/CSS custom properties for an accessible dark/light toggle.

• YouTube
• 7 hours
• Self-Paced
• Free Video

Firefox Developer Tools for Beginners

Learn to debug and troubleshoot HTML and CSS using Firefox Developer Tools. Explore features like Markup View, CSS Rules, Layout Inspector, and Responsive Design Mode to enhance your web development skills.

• YouTube
• 42 minutes
• Self-Paced
• Free Video

Building a Portfolio Website With HTML & CSS - Part 1

Build a single-page developer portfolio from a Figma design using HTML and CSS global styles and a responsive header.

• YouTube
• 1 hour 41 minutes
• Self-Paced
• Free Video

Building a Portfolio Website With HTML & CSS

Build responsive Projects and Contact Form sections for a developer portfolio with HTML and CSS across mobile, tablet, and desktop layouts.

• YouTube
• 5 hours 20 minutes
• Self-Paced
• Free Video

How I Debug and Problem-Solve CSS Issues

Learn a methodical process for debugging CSS: describe the problem, research documentation, compare elements, test one fix at a time, and verify the result.

• YouTube
• 57 minutes
• Self-Paced
• Free Video

Building a Portfolio Website With HTML & CSS - Part 2

Build a responsive developer portfolio hero section, adapting its layout, imagery, typography, and decorative elements across mobile, tablet, and desktop.

• YouTube
• 5 hours 32 minutes
• Self-Paced
• Free Video

Reverse-Engineering Stripe's Themes with CSS Custom Properties

Learn to create customizable CSS themes using custom properties, inspired by Stripe's design approach. Practical tutorial on building flexible, reusable styles for modern web development.

• YouTube
• 40 minutes
• Self-Paced
• Free Video

How to Make Full Bleed Wrappers with CSS Grid

Learn to create responsive full-bleed wrappers using CSS grid, including max-width, min() function, and custom properties for flexible, visually appealing layouts.

• YouTube
• 40 minutes
• Self-Paced
• Free Video

Simple Design Tips for Developers

Practical design tips for developers: color palettes, font styling, image sizing, and element spacing to enhance website aesthetics and user experience.

• YouTube
• 31 minutes
• Self-Paced
• Free Video

Stop Using px for Font Size - Accessibility Best Practices

Discover why using px for font-size, width, and height can hinder accessibility. Learn about alternative units like rem and em for responsive, user-friendly web design.

• YouTube
• 15 minutes
• Self-Paced
• Free Video

Building a Single-Page Developer Portfolio Website

Master HTML & CSS by building a professional single-page developer portfolio website from scratch in this comprehensive 13.5-hour hands-on tutorial.

• YouTube
• 13 hours 30 minutes
• Self-Paced
• Free Video

Build a Responsive Website - HTML, CSS, JS

Master responsive web development by building a complete website from scratch using HTML, CSS, and JavaScript with hands-on coding techniques and best practices.

• YouTube
• 2 hours 48 minutes
• Self-Paced
• Free Video

CSS Box Model Explained - Padding, Border, Margin

Understand the CSS Box Model fundamentals including content, padding, border, and margin - essential building blocks for every website layout and design.

• YouTube
• 22 minutes
• Self-Paced
• Free Video

CSS Display Property Explained - Block, Inline, Inline-Block, None

Master CSS display property fundamentals: block, inline, inline-block, and none values, plus how padding, border, and margin behave with each element type.

• YouTube
• 15 minutes
• Self-Paced
• Free Video