Getting Started with Algolia InstantSearch.js
Offered By: egghead.io
Course Description
Overview
Today’s users expect great things from their search experiences — speed, relevance, and usability, to name a few. Algolia provides developers with out-of-the-box and customizable search experiences that are a joy to build.
This introductory course on the Algolia search solution focuses on the user-facing part of search. Using the Algolia InstantSearch.js front-end library, we’ll see how to build an engaging search experience in no time. (28 minutes, to be exact.)
Prerequisites: You don’t need previous experience with search to follow this course — we’ll use an example index with an e-commerce data set preconfigured. We will work mainly in JavaScript, so basic JS knowledge is expected.
If you want to play with your own index settings and data set, you can create a free Algolia account here, but this is not required to follow along with this first course.
This introductory course on the Algolia search solution focuses on the user-facing part of search. Using the Algolia InstantSearch.js front-end library, we’ll see how to build an engaging search experience in no time. (28 minutes, to be exact.)
Prerequisites: You don’t need previous experience with search to follow this course — we’ll use an example index with an e-commerce data set preconfigured. We will work mainly in JavaScript, so basic JS knowledge is expected.
If you want to play with your own index settings and data set, you can create a free Algolia account here, but this is not required to follow along with this first course.
Syllabus
- Anatomy of an Algolia Search API Response
- Leverage the Algolia JS API Client to Display Raw Hits from the API Response
- Set up the Instantsearch JS Library
- How to Add Instantsearch JS widgets and their common attributes
- Search an Algolia Index with Instantsearch JS searchbox and hits widgets
- Display Rich results with templates in the Hits widget for Instantsearch JS
- Highlight Keywords in Query Results using the Instantsearch JS Hits Widget
- Filter Datasets with Facets using Instantsearch JS to add a Refinement List
- Browse results based on a hierarchy of Facets (HierarchicalMenu) in Instantsearch JS
- Refine a dataset using a numeric range in Instantsearch JS with the Range Input widget
- Reset all active refinements with the clearRefinements Instantsearch JS widget
- Paginate Large Sets of Algolia Data with Instantsearch JS Pagination widget
- Inform users about the current result set with Instantsearch JS Stats widget
Taught by
Raphael Terrier
Related Courses
Web DevelopmentUdacity Do-It-Yourself Geo Apps
Esri via Independent Software Construction: Object-Oriented Design
The University of British Columbia via edX Full-Text Search with SAP HANA Platform
SAP Learning Tools for Data Science
IBM via Coursera