Product Review Slider Javascript Project (Part 3: JavaScript)
In this three-part tutorial, we’ll build a fully-responsive review slider loaded from an “api endpoint” (welp, it’s a JSON file mimicking an api endpoint) and then populating the UI.
In part 3, we’ll focus on the JavaScript.
Links
Live site: https://codinginpublic.dev/projects/r...
Github Repo: https://github.com/coding-in-public/r...
Other videos in this series
Part 1: • Product Review Slider Javascript Project (...
Part 2: • Product Review Slider Javascript Project (...
Resources
Clamp video for dynamic sizing: • Dynamic Font Size CSS with clamp()
Icons: https://phosphoricons.com/
Photos: https://uifaces.co/
Pattern Generator: https://doodad.dev/pattern-generator/
Timestamps
0:00 Intro and Setup
1:17 Planning out the JavaScript
2:11 Fetch the data
3:27 Parse data to create review divs
5:32 Populate stars for each review
14:02 Event listeners to move to next/previous review
20:39 Outro
Auf dieser Seite können Sie das Online-Video Product Review Slider Javascript Project (Part 3: JavaScript) mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Coding in Public 14 September 2021 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 1,167 Mal angesehen und es wurde von 47 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
