Udemy

Vue.js custom Video Player from scratch!

Enroll Now
  • 106 Students
  • Updated 1/2021
4.8
(16 Ratings)
CTgoodjobs selects quality courses to enhance professionals' competitiveness. By purchasing courses through links on our site, we may receive an affiliate commission.

Course Information

Registration period
Year-round Recruitment
Course Level
Study Mode
Duration
2 Hour(s) 31 Minute(s)
Language
English
Taught by
Sanzhar Mirakhmedov
Rating
4.8
(16 Ratings)
2 views

Course Overview

Vue.js custom Video Player from scratch!

Learn how to build a professional, custom Video Player with zero struggle! Reveal the secrets of writing quality code!

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 Content

  • 2 section(s)
  • 17 lecture(s)
  • Section 1 Introduction
  • Section 2 Development

What You’ll Learn

  • Video element API
  • Vue best practises
  • Vuetify
  • DOM Calculations
  • Creating custom UX friendly UISlider component
  • SOLID, DRY & KISS principles
  • Custom UI for the Player

Reviews

  • R
    Ricardo Tapia
    5.0

    Es un excelente curso para principiantes en Vue. Muestra de manera sencilla, rápida y muy bien explicados lo que se esta haciendo.

  • N
    Nathaniel Windecker
    5.0

    Found it to be great overall! Had a problem with the slider click event as it is added to the document and sets the slider wherever you click. I moved it to only listen for clicks in the slider area.

  • D
    Dmitry Kaltovich
    5.0

    top

  • C
    Carlos Mairena López
    5.0

    I'm learning!! Thank you!!!

Start FollowingSee all

We use cookies to enhance your experience on our website. Please read and confirm your agreement to our Privacy Policy and Terms and Conditions before continue to browse our website.

Read and Agreed