Wes Bos & Scott Tolinski - Full Stack JavaScrip...

Zpravodajství

Technologické zprávy

Technika

722: Next Level Web APIs. Bluetooth, File Access, Thomas Steiner - Project Fugu

Syntax - Tasty Web Development Treats

Full Stack Developers Wes Bos and Scott Tolinski dive deep into web development topics, explaining how they work and talking about their own experiences. They cover from JavaScript frameworks like React, to the latest advancements in CSS to simplifying web tooling.

Thomas Steiner talks with us about Project Fugu, an effort from Google to enable new classes of applications to run on the web. What is Project Fugu? What are some of Thomas’ favorite APIs to use? What is an IWA vs a PWA? And more! <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:32">00:32</a> Welcome </li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:52">01:52</a> Who is Thomas Steiner? </li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:57">02:57</a> What is the overall goal of Project Fugu? </li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=08:17">08:17</a> When might we see these APIs come to all browsers? </li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="#t=14:10">14:10</a> Do you have examples of companies pushing for an API? </li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=18:53">18:53</a> What happens with the face detection API? </li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="#t=28:33">28:33</a> What is an IWA? </li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=35:17">35:17</a> What is the web transport API for? </li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="#t=37:11">37:11</a> What is MIDI? </li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=41:20">41:20</a> Nintendo Joycon hack </li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=45:28">45:28</a> File handlers in a PWA </li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=50:38">50:38</a> File System Observer API coming soon </li> <li class="has-line-data" data-line-start="16" data-line-end="18"> <a href="#t=56:26">56:26</a> Sick Picks </li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://onnx.ai/">Onnx</a> </li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href= "https://huggingface.co/docs/transformers.js/index">HuggingFace</a> </li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://developer.chrome.com/docs/capabilities/status">Chrome for Developers</a> </li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://fugu-tracker.web.app/">Fugu API Tracker</a> </li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://io.google/2023/">Google I/O 2023</a> </li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://spike.legoeducation.com/">LEGO Education SPIKE</a> </li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://www.igalia.com/">Igalia</a> </li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://www.capcut.com/">CapCut</a> </li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://www.descript.com/">Descript</a> </li> <li class="has-line-data" data-line-start="27" data-line-end="29"> <a href="https://folivora.ai/">Better Touch Tool</a> </li> </ul> <h3 class="code-line" data-line-start="29" data-line-end="30"> <a id="Sick_Picks_29"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="31" data-line-end="33"> Laser printers</li> </ul> <h3 class="code-line" data-line-start="33" data-line-end="34"> <a id="Shameless_Plugs_33"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="35" data-line-end="37"> <a href= "https://howfuguismybrowser.dev/">HowFuguIsMyBrowser</a></li> </ul> <h3 class="code-line" data-line-start="37" data-line-end="38"> <a id="Hit_us_up_on_Socials_37"></a>Hit us up on Socials!</h3> 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>

Thomas Steiner talks with us about Project Fugu, an effort from Google to enable new classes of applications to run on the web. What is Project Fugu? What are some of Thomas’ favorite APIs to use? What is an IWA vs a PWA? And more!
 Show Notes  00:32 Welcome

  01:52 Who is Thomas Steiner?

  02:57 What is the overall goal of Project Fugu?

  08:17 When might we see these APIs come to all browsers?

  14:10 Do you have examples of companies pushing for an API?

  18:53 What happens with the face detection API?

  28:33 What is an IWA?

  35:17 What is the web transport API for?

  37:11 What is MIDI?

  41:20 Nintendo Joycon hack

  45:28 File handlers in a PWA

  50:38 File System Observer API coming soon

  56:26 Sick Picks

  Onnx

  HuggingFace

  Chrome for Developers

  Fugu API Tracker

  Google I/O 2023

  LEGO Education SPIKE

  Igalia

  CapCut

  Descript

  Better Touch Tool

  Sick Picks  Laser printers
  Shameless Plugs  HowFuguIsMyBrowser

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott:X Instagram Tiktok LinkedIn Threads

Aplikace Youradio Talk

722: Next Level Web APIs. Bluetooth, File Access, Thomas Steiner - Project Fugu

Poslechněte si podcast