Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Roundup - Sick AI Tools For 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 supper club episode of Syntax, Wes and Scott talk with Colby Fayock about Cloudinary’s new AI tools, media flow, removing backgrounds, using AI for video templates, and Colby’s stack for creating YouTube content.</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:36">00:36</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=01:11">01:11</a></strong> Who is Colby Fayock?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://www.colbyfayock.com/">ColbyFayock.com</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://twitter.com/colbyfayock">Colby Fayock (@colbyfayock)on Twitter</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://www.twitch.tv/colbyfayock">ColbyFayock - Twitch</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://github.com/colbyfayock">colbyfayock on GitHub</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://www.instagram.com/colbyfayock/">Colby Fayock (@colbyfayock) • Instagram</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=01:57">01:57</a></strong> What is Cloudinary?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://cloudinary.com/">Image and Video Upload, Storage, Optimization and CDN</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=03:03">03:03</a></strong> What’s with the space jellyfish?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=03:52">03:52</a></strong> How is Cloudinary using AI for the web?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://cloudinary.com/developers">Developer resources for using images and videos in your apps</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=09:54">09:54</a></strong> What is media flow?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=13:00">13:00</a></strong> Who is the target audience for AI tools from Cloudinary?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=17:03">17:03</a></strong> Removing backgrounds</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://www.remove.bg/">Remove Background from Image for Free – remove.bg</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href= "https://9to5mac.com/2023/06/14/how-to-make-use-iphone-messages-stickers-ios-17/"> iPhone Messages stickers: How to make and use them - 9to5Mac</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=21:14">21:14</a></strong> Cloudinary’s Video API</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://github.com/ascorbic/unpic-img">ascorbic/unpic-img: Multi-framework responsive image component</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=22:44">22:44</a></strong> Function calling in OpenAI</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=26:22">26:22</a></strong> How do you deal with the random generation of AI?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=29:00">29:00</a></strong> What are the community SDKs for Cloudinary?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=37:04">37:04</a></strong> What’s your process for creating content for YouTube?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=42:49">42:49</a></strong> Supper Club Questions</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://obsproject.com/">Open Broadcaster Software | OBS</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://www.elgato.com/us/en/p/facecam-pro">Facecam Pro – Elgato</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://getrecut.com/">Recut — Automatic Video Editor</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://marketplace.visualstudio.com/items?itemName=sdras.night-owl"> Night Owl - Visual Studio Marketplace</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://iterm2.com/">iTerm2 - macOS Terminal Replacement</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://ohmyz.sh/">Oh My Zsh - a delightful & open source framework for Zsh</a></li> <li class="has-line-data" data-line-start="34" data-line-end="36"> <strong><a href="#t=51:40">51:40</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="36" data-line-end="37"> <a id="_SIIIIICK__PIIIICKS__36"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="38" data-line-end="40"> <a href= "https://www.traderjoes.com/home/products/pdp/ready-to-drink-cold-brew-coffee-062611"> Ready To Drink Cold Brew Coffee | Trader Joe’s</a></li> </ul> <h2 class="code-line" data-line-start="40" data-line-end="41"> <a id="Shameless_Plugs_40"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="42" data-line-end="44"> <a href="https://www.youtube.com/colbyfayock">Colby Fayock on YouTube</a></li> </ul> <h2 class="code-line" data-line-start="44" data-line-end="45"> <a id="Tweet_us_your_tasty_treats_44"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this Hasty Treat, Scott and Wes talk about various AI tools for developers that are available.
 Show Notes  00:25 Welcome
 01:36 AI creeping into real life
 04:03 Cody AI
 Cody - Business AI Employee Trained on Your Knowledge Base

 Sourcegraph

 06:24 How AI coding help works
 09:57 Amazon Code Whisper
 AI Code Generator - Amazon CodeWhisperer - AWS

 Amazon Code Whisperer VS Github Copilot

 10:44 Copilot Labs
 GitHub Next

 GitHub Next | GitHub Copilot Labs

 14:25 LintRule
 Lintrule

 18:06 Open Commit
 di-sukharev/opencommit: Auto-generate impressive commits with AI in 1 second

 24:03 Code Geex
 CodeGeeX - A Multilingual Code Generation Tool - CodeGeeX

 Ghostwriter - Code faster with AI - Replit

 Meaningful Code Tests for Busy Devs | CodiumAI

 30:20 Tab9 and Kite
 AI assistant for software developers | Tabnine

  Potluck - Web components × Gear × Docker × Web Dev Frameworks × Golden Handcuffs × Browser Testing × SSR React × Code Prediction × More! — Syntax Podcast 364

 33:06 Sloppy prompt example
  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

Roundup - Sick AI Tools For Developers

Poslechněte si podcast