Learn how to recreate Netflix's iconic video carousel UI in this comprehensive live coding tutorial. Dive into the complex yet visually simple component, starting with planning and HTML structure. Master the CSS styling, implement left and right navigation buttons, create a progress indicator, and add wrapping functionality. Follow along as the instructor builds this intricate UI element step-by-step, offering insights and explanations throughout the process. Access the provided GitHub repository for reference code and enhance your web development skills by tackling this challenging project.
Overview
Syllabus
- Introduction
- Planning
- Slider HTML
- Slider CSS
- Slider Left/Right Buttons
- Slider Progress Indicator
- Slider Wrapping
Taught by
Web Dev Simplified
