/infinity-slider

We are a group of enthusiastic developers (HTML, CSS, and Javascript) who meet to code, learn, eat and make friends.

Primary LanguageJavaScript

infinity-slider

We are a group of enthusiastic developers (HTML, CSS, and Javascript) who meet to code, learn, eat and make friends.

Welcome Coders and tech lovers of Montreal.
We are a group of enthusiastic developers (HTML, CSS, and Javascript) who meet to code, learn, eat and make friends.
We'll be sharing experiences, creating collaborative projects (just for fun), challenging ourselves with coding games, and most important, expanding our network in a pleasant and friendly environment.

How does it work?
The fun activity last 3 hours (you're more than welcome to stay more if you want). In the first hour, we'll mainly introduce ourselves, chat, and eat, and in the next two hours we'll be engaged in coding and sharing knowledge.

Notes:

  • The group is entirely beginner-friendly.
  • If possible, bring your laptop with battery fully charged.
  • Arriving on time is recommended, so you don't miss the introductions and get to know people in this group.

Hows does it sound to you? Excellent, right?!
See you there.

Website:
https://lets-code.ca (work in progress)

Infinity Slider

The challenge:

Recreate a similar application using the video above as a reference, using native tools (HTML, CSS & Javascript).

Instructions:

BASIC

  • The slider should follow the same appearance and components displayed in the video. (1 point)
  • The slider must have at least 6 differents titles and six differents images (1 point)
  • The slider must have two buttons (previous and next). (1 point)

MEDIUM

  • The slider must move images and texts on button clicked. (2 points)
  • The elements should be revealed and hidden like like on the video. (2 points)
  • The slider should go back and forth when clicking on the button. (2 points).
  • The button "Move to top" should not be available in the first card. (2 points).

ADVANCED (Bonus)

  • The title on the middle should have different revealing effect like on the vide. (3 points)
  • The slider should move infinitely. (3 points)