Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

681: What's New in AI for Web Developers

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.

<p class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk through recent developments in AI and how they might be useful for developers, whether AI is still worthy of the hype, and whether developer jobs are at risk from AI.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=03:10">03:10</a></strong> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=03:49">03:49</a></strong> v0.dev</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://v0.dev/">v0 by Vercel</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <strong><a href="#t=09:28">09:28</a></strong> Anthropic and Claude</li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://claude.ai/">Claude</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://wcqk05xik6u.typeform.com/to/gN54Y7kd">Syntax Listener Survey</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=18:02">18:02</a></strong> Facebook’s Meta AI</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://ai.meta.com/">AI at Meta</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=18:48">18:48</a></strong> Cloudflare AI</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href= "https://developers.cloudflare.com/workers-ai/models/llm/">Large language model (LLM)</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href= "https://developers.cloudflare.com/workers-ai/models/speech-to-text/"> Speech to text</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href= "https://developers.cloudflare.com/workers-ai/models/translation/">Translation</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://developers.cloudflare.com/workers-ai/models/sentiment-analysis/"> Sentiment Analysis</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href= "https://developers.cloudflare.com/workers-ai/models/image-classification/"> Image classification</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href= "https://developers.cloudflare.com/workers-ai/models/embedding/">Embedding</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=27:24">27:24</a></strong> AI Hardware announced</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://www.rewind.ai/">Rewind</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=29:39">29:39</a></strong> Cloudflare Hugging face</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://huggingface.co/">Hugging Face – The AI community building the future.</a></li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="https://huggingface.co/blog/starcoder">StarCoder: A State-of-the-Art LLM for Code</a></li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href= "https://blog.cloudflare.com/vectorize-vector-database-open-beta/">Vectorize: a vector database for shipping AI-powered applications</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=36:28">36:28</a></strong> OpenAI Function calling</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://openai.com/blog/function-calling-and-other-api-updates">Function calling and other API updates</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=38:55">38:55</a></strong> GPT-4V</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href= "https://openai.com/research/gpt-4v-system-card">GPT-4V(ision) system card</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=42:36">42:36</a></strong> GitHub CoPilot</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <strong><a href="#t=44:03">44:03</a></strong> Are we still on the AI hype train?</li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=48:27">48:27</a></strong> Are our jobs at risk as developers?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=52:24">52:24</a></strong> Spotify DJ AI</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href= "https://newsroom.spotify.com/2023-02-22/spotify-debuts-a-new-ai-dj-right-in-your-pocket/"> Spotify Debuts a New AI DJ</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <strong><a href="#t=53:29">53:29</a></strong> ChatGPT plugins</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://openai.com/blog/chatgpt-plugins">ChatGPT plugins</a></li> <li class="has-line-data" data-line-start="37" data-line-end="39"> <strong><a href="#t=55:19">55:19</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="39" data-line-end="40"> <a id="_SIIIIICK__PIIIICKS__39"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> Scott: <a href="https://codespark.com/">Coding App for Kids | codeSpark Academy</a></li> <li class="has-line-data" data-line-start="42" data-line-end="44"> Wes: <a href= "https://www.youtube.com/channel/UC3Vuq4Q1bKFtAiKYlwRv3oA">Peter Santenello</a>, <a href="https://www.roblox.com/">Roblox</a></li> </ul> <h2 class="code-line" data-line-start="44" data-line-end="45"> <a id="Shameless_Plugs_44"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="46" data-line-end="47"> Scott: <a href="https://sentry.io">Sentry</a></li> <li class="has-line-data" data-line-start="47" data-line-end="49"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="49" data-line-end="50"> <a id="Tweet_us_your_tasty_treats_49"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this episode of Syntax, Wes and Scott talk through recent developments in AI and how they might be useful for developers, whether AI is still worthy of the hype, and whether developer jobs are at risk from AI.
 Show Notes  00:10 Welcome
 03:10 Syntax Brought to you by Sentry
 03:49 v0.dev
 v0 by Vercel

 09:28 Anthropic and Claude
 Claude

 Syntax Listener Survey

 18:02 Facebook’s Meta AI
 AI at Meta

 18:48 Cloudflare AI
 Large language model (LLM)

  Speech to text

 Translation

  Sentiment Analysis

  Image classification

 Embedding

 27:24 AI Hardware announced
 Rewind

 29:39 Cloudflare Hugging face
 Hugging Face – The AI community building the future.

 StarCoder: A State-of-the-Art LLM for Code

 Vectorize: a vector database for shipping AI-powered applications

 36:28 OpenAI Function calling
 Function calling and other API updates

 38:55 GPT-4V
 GPT-4V(ision) system card

 42:36 GitHub CoPilot
 44:03 Are we still on the AI hype train?
 48:27 Are our jobs at risk as developers?
 52:24 Spotify DJ AI
  Spotify Debuts a New AI DJ

 53:29 ChatGPT plugins
 ChatGPT plugins

 55:19 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Coding App for Kids | codeSpark Academy

 Wes: Peter Santenello, Roblox

  Shameless Plugs  Scott: Sentry

 Wes: Wes Bos Tutorials

  Tweet us your tasty treats  Scott’s Instagram

 LevelUpTutorials Instagram

 Wes’ Instagram

 Wes’ Twitter

 Wes’ Facebook

 Scott’s Twitter

 Make sure to include @SyntaxFM in your tweets
 Wes Bos on Bluesky

 Scott on Bluesky

 Syntax on Bluesky

Aplikace Youradio Talk

681: What's New in AI for Web Developers

Poslechněte si podcast