Let’s Build a Tinder-Like Swipe Carousel

Channel:
United States freeCodeCamp.org
Subscribers:
10,700,000
Published on ● Video Link: https://www.youtube.com/watch?v=Iz6W4HizXq8


Duration: 1:57:39
8,501 views
162

Learn how to make a Tinder-like image carousel. We’ll be able to swipe images left or right on your computer or phone!

We’ll learn about the Pointer event APIs built into almost every browser to handle the swipe detection. We’ll also use CanJS to handle events and build a reusable component.

💻Code: https://codepen.io/chasenlehara/pen/pZOpRE

Talk given by Chasen Le Hara at the JavaScriptLA meetup.

Thanks to JavaScriptLA for giving us permission to post this talk. freeCodeCamp is not associated with this talk. We're just excited to bring more exposure to to it!

--

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://medium.freecodecamp.org



Other Videos By freeCodeCamp.org


2018-11-02Intro to Node.js and npm
2018-11-02Connect Four Python Game Tutorial with pygame
2018-11-01Debugging JavaScript - Are you doing it wrong?
2018-11-01Introduction to Front End Testing
2018-10-31Getting Your First Developer Job
2018-10-31Snake Game Python Tutorial
2018-10-29Live ReactJS Coding (P5D102) - Live Coding with Jesse
2018-10-29Easily Build an Airbnb Clone with Sharetribe - Tutorial
2018-10-26Simon Game JavaScript Tutorial for Beginners
2018-10-26How to stream on YouTube using OBS - in-depth OBS tutorial
2018-10-25Let’s Build a Tinder-Like Swipe Carousel
2018-10-23Gatsby - Full Tutorial for Beginners
2018-10-19Create a Kanban Board
2018-10-18Tweet Visualization and Sentiment Analysis in Python - Full Tutorial
2018-10-17Intro to Computer Networks - Crash Course
2018-10-16Protected Routes in React using React Router
2018-10-15Building React Components (P5D101) - Live Coding with Jesse
2018-10-15HTML and CSS Tutorial - Create a Website for Beginners
2018-10-12The History of JavaScript: a timeline of programming language evolution over the past 20 years
2018-10-11Intro to Game Development with JavaScript - Full Tutorial
2018-10-10CSS Coffee Cup: CSS Tutorial (Day 30 of CSS3 in 30 Days)