JavaScript Emoji Selector Using Fetch

JavaScript Emoji Selector Using Fetch

9118 次观看 · 2022-10-07 UI 设计
We offer free trials - learn JavaScript with us!
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://trhouse.co/43necas

Blog article
https://trhouse.co/3BROu2d

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

Related Courses:
JavaScript Basics (course)
https://trhouse.co/3MCS05t

Working With the Fetch API (course)
https://trhouse.co/45thrip

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.

Follow Us!
Twitter: https://twitter.com/treehouse
Instagram: https://instagram.com/teamtreehouse
LinkedIn: https://www.linkedin.com/school/treehouse-island-inc-/
Facebook: https://www.facebook.com/teamtreehouse/

#coding #programming #javascript