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
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