Create a Carousel

In this article, we will create a carousel to present our courses using the data from our Cloud DB  .

Here is a little video of the rendering :

Not so bad hehe 😎, ok let's go.

Create a new table 'Courses' :

Now we can add our courses easily :

Create a new VISUAL API Function 'getActifsCourses'  of type GET :

Well played, our backend is done ! 😎

Create our front end : 

Add a component source code jQuery and paste this code. Don't forget to change the name of API_NAME to your own.

See the Pen Create carousel by David (@DavidAppdrag) on CodePen.


 Tips : You can modify the front-end code to personalize your carousel.