In this course we will explore one of its most powerful features: Component.
We will learn how to create a reusable feed component, which you'll be able to use anywhere within the structure of your html document.
Before we start styling our component we need to create an html structure for it.
Let's now start writing styles to make our feed look pretty.
In this episode we'll continue applying styling to our component.
Our component will reside in its own file called HorizontalFeed.vue.
The first thing we need to do is to extract our html template and add it to our component file.
In order for us to inject data into our component we'll make use of static and dynamic properties.
Our feed will provide 2 ways in which we'll be able to obtain the items for it - direct array or the end point called using ajax call.
Now that we have our array of items available within the component, it is time to add them to the template.
In this episode we will learn how to swap items after certain amount of time.
When we move our mouse over the feed our feed should pause scrolling and resume once we move the cursor away.
In this, last episode we will add functionality to our controls.
A passionate web developer with over a decade experience in web industry.
Founder of SSD Tutorials, where he publishes his free and premium tutorials on how to build modern web applications.
Currently living and working in United Kingdom as a Senior Web Developer for one of the companies in West Sussex.