JavaScript Emoji Selector Using Fetch



Published
We offer free trials - learn JavaScript with us! https://trhou.se/3fI26VP
There are APIs for just about everything. I'll take you through how to connect to an API using fetch. We'll add a feature to a chat application to toggle a menu full of emojis that are coming from the open-emoji API. Start your free trial to learn more! https://trhou.se/3fI26VP

Blog article
https://trhou.se/3T6vRhz

GitHub repository
https://github.com/treehouse/emoji-selector

Related Courses:
JavaScript Basics (course)
https://trhou.se/3CE6YUW

Working With the Fetch API (course)
https://trhou.se/3CDiyQh

Resources:
MDN Docs - Fetch API
https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API/Using_Fetch

MDN Docs - forEach()
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

MDN Docs - includes()
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/includes

Chapters:
0:00 Intro / Project overview
1:21 Toggling the Emoji menu
3:00 Fetching the API data
7:31 Searching through Emojis
10:29 Outro

#javascript #html #css #api
---
Learn how to build websites and apps, write code, or start a business at Treehouse. Learn from over 1,000 videos created by our expert teachers on web design, coding, business, and much more. Treehouse teaches the in-demand technology skills you need to land your dream job.
Category
Web design
Be the first to comment