Vue.js custom Video Player from scratch!
- Development
- Apr 24, 2025

Vue.js custom Video Player from scratch!, available at $49.99, has an average rating of 4.75, with 17 lectures, based on 15 reviews, and has 99 subscribers.
You will learn about Video element API Vue best practises Vuetify DOM Calculations Creating custom UX friendly UISlider component SOLID, DRY & KISS principles Custom UI for the Player This course is ideal for individuals who are Beginner JavaScript developers who want to leverage their skills to next level or Middle JavaScript developers who want to learn something new or Intermediate developers who want to just focus on the core concepts, and quickly build a Player It is particularly useful for Beginner JavaScript developers who want to leverage their skills to next level or Middle JavaScript developers who want to learn something new or Intermediate developers who want to just focus on the core concepts, and quickly build a Player.
Enroll now: Vue.js custom Video Player from scratch!
Summary
Title: Vue.js custom Video Player from scratch!
Price: $49.99
Average Rating: 4.75
Number of Lectures: 17
Number of Published Lectures: 17
Number of Curriculum Items: 17
Number of Published Curriculum Objects: 17
Original Price: $19.99
Quality Status: approved
Status: Live
What You Will Learn
Who Should Attend
Target Audiences
Have you ever wanted to learn how to write a professional, high quality and reusable HTML5 Video Player? Then this course is just for you!
We will focus mostly on JavaScript, so Css / Sass and BEM skills are not required and I will not go through them as much, you can style your player however you want using your favorite naming convention and preprocessor, or just download the source sass files, if you don’t want to write any style, so you can focus on the JavaScript part the most.
In this course we will focus on writing high quality Vue / JavaScript code and follow SOLID principles to make our application maintainable and scalable.
We will write almost everything from scratch, including our own reusable UISlider component, that we will integrate into our player.
The skills you gain from this course can be applied not only in Vue, but in any other framework, or even vanilla JavaScript. So it is not strictly tied to the framework we are using.
Course Curriculum
Chapter 1: Introduction
Lecture 1: Introduction
Lecture 2: What we will create? Final Player showcase.
Chapter 2: Development
Lecture 1: Setting up the development environment
Lecture 2: Creating the Player component
Lecture 3: Sizing the Player and making it responsive
Lecture 4: Slider Component – Part 1
Lecture 5: Slider Component – Part 2
Lecture 6: Slider Component – Part 3
Lecture 7: The Toolbar
Lecture 8: Play & Pause
Lecture 9: Sound Controls
Lecture 10: Updating the Time Label
Lecture 11: Fullscreen
Lecture 12: Seeker – Part 1
Lecture 13: Seeker – Part 2
Lecture 14: The Spinner
Lecture 15: Final Touches & Conclusion 馃檪
Instructors

Sanzhar Mirakhmedov
Frontend Developer
Rating Distribution
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
- Random Picks
- Popular
- Hot Reviews
- Learn How To Ace Your UX Design Job Interview
- Life Insurance Annuity Ultimate Buyer’s Guide
- Crypto Trading Mastery (Scalping, Day trading, price action)
- Personal Finance
- The Beginner Forex Trading Playbook
- How to Draw Cute Thanksgiving!
- Step-By-Step Stock Market Analysis and Real-Time Trades
- Canva Next Level- Become a Canva Expert
- 1YouTube Masterclass The Best Guide to YouTube Success
- 2Photoshop CC- Adjustement Layers, Blending Modes Masks
- 3Personal Finance
- 4SolidWorks Essential Training ( 2023 2024 )
- 5The Architecture of Oscar Niemeyer
- 6Advanced Photoshop Manipulations Tutorials Bundle
- 7Polymer Clay Jewelry Making Techniques for Beginners
- 8SEO for Web Developers
- 1Linux Performance Monitoring Analysis Hands On !!
- 2Content Writing Mastery 1- Content Writing For Beginners
- 3Media Training for PrintOnline Interviews-Get Great Quotes
- 4Learn Facebook Ads from Scratch Get more Leads and Sales
- 5The Complete Digital Marketing Course Learn From Scratch
- 6C#- Start programming with C# (for complete beginners)
- 7[FREE] How to code 10 times faster with Emmet
- 8Driving Results through Data Storytelling