YoVDO

Can I Create Netflix’s Video Carousel UI

Offered By: Web Dev Simplified via YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Development Courses HTML Courses Front-end Development Courses

Course Description

Overview

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.

Syllabus

- Introduction
- Planning
- Slider HTML
- Slider CSS
- Slider Left/Right Buttons
- Slider Progress Indicator
- Slider Wrapping


Taught by

Web Dev Simplified

Related Courses

Intro to HTML and CSS
Udacity
Responsive Web Design Fundamentals
Google via Udacity
HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX
CSS Basics
Microsoft via edX
Advanced CSS Concepts
Microsoft via edX