Horizontal Feed Component with Sass and VueJs 2
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Horizontal Feed Component with Sass and VueJs 2 to your Wishlist.

Add to Wishlist

Horizontal Feed Component with Sass and VueJs 2

Learn how to use the Progressive JavaScript Framework in order to build a reusable component.
0.0 (0 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
2 students enrolled
Last updated 2/2017
English
Price: $35
30-Day Money-Back Guarantee
Includes:
  • 1.5 hours on-demand video
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • Understand how to build a Vue 2 Component
  • Set up a simple project and compile EcmaScript 6 code with Webpack and Babel using Laravel-Mix
  • Have a basic understanding of how to use Sass to compile your css
View Curriculum
Requirements
  • You should have a basic / intermediate knowledge of JavaScript
  • You should have a good understanding of Html and Css
Description

VueJs is a progressive javascript framework for building modern user interfaces. It is one of the most popular frameworks these days with a fast growing community.

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.

During this course we will be using Vue 2, which differs slightly from its previous version and we'll code it using EcmaScript 6 (latest version of javascript).

This course is for those who have a good understanding of JavaScript fundamentals, some Css and Html knowledge.

Who is the target audience?
  • This course is for intermediate JavaScript enthusiasts who want to learn how to use VueJs 2 to build reusable components
Compare to Other Vue JS Courses
Curriculum For This Course
12 Lectures
01:38:56
+
Start Here
1 Lecture 09:08

Find out what it is we are going to be building during this course.

Preview 09:08
+
Styling with Sass
4 Lectures 32:10

Before we start styling our component we need to create an html structure for it.

Preview 02:55

In this episode we will write some global styling.

Preview 08:31

Let's now start writing styles to make our feed look pretty.

Feed styling (Part 1)
09:46

In this episode we'll continue applying styling to our component.

Feed styling (Part 2)
10:58
+
Vue component
7 Lectures 57:38

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.

Vue template
03:51

In order for us to inject data into our component we'll make use of static and dynamic properties.

Component properties
08:48

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.

Getting feed items
10:53

Now that we have our array of items available within the component, it is time to add them to the template.

Displaying items
06:20

In this episode we will learn how to swap items after certain amount of time.

Swapping items
10:36

When we move our mouse over the feed our feed should pause scrolling and resume once we move the cursor away.

Pause and Resume
04:31

In this, last episode we will add functionality to our controls.

Previous, next and play buttons
12:39
About the Instructor
Sebastian Sulinski
4.5 Average rating
197 Reviews
1,170 Students
13 Courses
Founder of SSD Tutorials

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.