TheCoderCoder Courses

HTML & CSS Live Coding

Learn to build responsive landing pages and product pages through live coding sessions, mastering HTML and CSS techniques for creating professional web designs.

• YouTube
• 1 day 8 hours
• On-Demand
• Free Video

Social Media Dashboard with Dark-Light Toggle

Learn to build a responsive social media dashboard with dark/light mode toggle, focusing on research, planning, accessibility, Sass, BEM methodology, and JavaScript implementation.

• YouTube
• 7 hours
• On-Demand
• 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
• On-Demand
• Free Video

Building a Portfolio Website With HTML & CSS - Part 1

Learn to create a developer portfolio website using HTML and CSS, focusing on global styles and header construction in this hands-on tutorial.

• YouTube
• 1 hour 41 minutes
• On-Demand
• Free Video

Building a Portfolio Website with HTML & CSS

Learn to build a portfolio website's Skills section using HTML and CSS, covering responsive design for mobile, tablet, and desktop layouts.

• YouTube
• 58 minutes
• On-Demand
• Free Video

Building a Portfolio Website With HTML & CSS

Learn to build a portfolio website's Projects and Contact Form sections, focusing on responsive design and accessibility across devices.

• YouTube
• 5 hours 20 minutes
• On-Demand
• Free Video

How I Debug and Problem-Solve CSS Issues

Learn effective CSS debugging techniques, from search strategies to practical problem-solving methods, enhancing your web development skills and troubleshooting abilities.

• YouTube
• 57 minutes
• On-Demand
• Free Video

Building a Portfolio Website With HTML & CSS - Part 2

Learn to build a responsive hero section for a developer portfolio website using HTML and CSS, focusing on mobile-first design and progressive enhancement.

• YouTube
• 5 hours 32 minutes
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• 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
• On-Demand
• Free Video