In this 3-course series, Scott and Wes serve up some JavaScript Promises treats. In part 1, they unravel the concept of promises and delve into common examples of their usage, from creating and waiting on promises, to database queries and user permissions. <a id= "Show_Notes_2"></a>Show Notes <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:00">00:00</a> Welcome to Syntax!</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:27">01:27</a> Brought to you by <a href="https://www.sentry.io/syntax">Sentry.io</a>.</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:32">02:32</a> What is a promise?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href= "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise"> Promise mdn web docs</a>.</li> <li class="has-line-data" data-line-start="8" data-line-end="13"> <a href="#t=03:27">03:27</a> Common examples of promises. <ul> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=03:45">03:45</a> A fetch call to an API returns a promise.</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=05:54">05:54</a> A database query or Insert command</li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=07:18">07:18</a> A request for user permissions.</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=07:37">07:37</a> A wait function.</li> </ul> </li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=08:08">08:08</a> Resolve or rejecting promises.</li> <li class="has-line-data" data-line-start="14" data-line-end="18"> <a href="#t=09:33">09:33</a> Creating promises. <ul> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=09:46">09:46</a> New promise.</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=11:09">11:09</a> <a href= "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Promise/withResolvers"> Promise.withResolvers()</a>.</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=11:37">11:37</a> An <a href= "https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/async_function"> async function</a>.</li> </ul> </li> <li class="has-line-data" data-line-start="18" data-line-end="23"> <a href="#t=14:34">14:34</a> Waiting on a promise. <ul> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=15:09">15:09</a> .then().</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=16:50">16:50</a> Await.</li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <a href="#t=17:44">17:44</a> Why use one wait method over the other?</li> </ul> </li> </ul> <a id="Hit_us_up_on_Socials_23"></a>Hit us up on Socials! Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott:<a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a> Randy: <a href="https://twitter.com/randyrektor">X</a> <a href= "https://www.instagram.com/randyrektor/">Instagram</a> <a href= "https://www.youtube.com/@randyrektor">YouTube</a> <a href= "https://www.threads.net/@randyrektor">Threads</a>

Podurama

Home

Trending

Personal

Your Podcasts

New Episodes

My Files

Favourite Episodes

Tags (Folders)

Recently Played

Bookmarks

Followed Playlists

765: JS Promises Fundamentals - Part 1

Syntax - Tasty Web Development Treats