Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

676: Google IDX - VS Code in the Browser with David East

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.

In this episode of Syntax, Wes and Scott talk with David East about Google’s new cloud based full-stack, multiplatform app development workflow, Project IDX. <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"> <a href="#t=00:22">00:22</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:31">01:31</a> Browser in the car</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=02:16">02:16</a> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="#t=02:24">02:24</a> Who is David East?</li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://www.linkedin.com/in/eastdavid/">David East</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://davidea.st/">David East</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://twitter.com/_davideast?lang=en">David East (@_davideast) / X</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://frontendmasters.com/teachers/david-east/">Learn from David East’s courses | Frontend Masters</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://firebase.google.com/">Firebase | Google’s Mobile and Web App Development Platform</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=04:32">04:32</a> What is IDX?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="https://idx.dev/">Project IDX</a></li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://flutter.dev/">Flutter - Build apps for any screen</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://nix.dev/">Welcome to nix.dev — nix.dev documentation</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=13:15">13:15</a> What’s the experience of IDX?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://nx.dev/">Nx: Smart, Fast and Extensible Build System</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=16:42">16:42</a> IDX isn’t just a toy - it’s a dev machine</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=20:29">20:29</a> What’s the offline mode like?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=23:30">23:30</a> How are VS Code extensions handled?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=27:03">27:03</a> Is multiplayer or project sharing on the road map?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=28:45">28:45</a> How is latency taken care of?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=31:43">31:43</a> This could be faster than local dev environment</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=36:18">36:18</a> Portability of your projects</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=42:25">42:25</a> What do you think about iPad coding?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=44:28">44:28</a> Phone testing with IDX</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://firebase.google.com/docs/test-lab">Firebase Test Lab</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=46:59">46:59</a> How is AI being integrated?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="#t=50:23">50:23</a> Supper Club questions</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://www.typography.com/blog/introducing-operator">Introducing Operator | Fonts by Hoefler&Co.</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://www.futurefonts.xyz/mass-driver/io">MD IO by Mass-Driver - Future Fonts</a></li> <li class="has-line-data" data-line-start="33" data-line-end="35"> <a href="#t=55:25">55:25</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="35" data-line-end="36"> <a id="_SIIIIICK__PIIIICKS__35"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> CSS <h2 class="code-line" data-line-start="39" data-line-end="40"> <a id="Shameless_Plugs_39"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="41" data-line-end="43"> <a href="https://nerdy.dev/introducing-the-bad-at-css-podcast">The Bad At Css Podcast</a></li> </ul> <h2 class="code-line" data-line-start="43" data-line-end="44"> <a id="Tweet_us_your_tasty_treats_43"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="47" data-line-end="48"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="48" data-line-end="49"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="49" data-line-end="50"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this episode of Syntax, Wes and Scott talk with David East about Google’s new cloud based full-stack, multiplatform app development workflow, Project IDX.
 Show Notes  00:22 Welcome
 01:31 Browser in the car
 02:16 Syntax Brought to you by Sentry
 02:24 Who is David East?
 David East

 David East

 David East (@_davideast) / X

 Learn from David East’s courses | Frontend Masters

 Firebase | Google’s Mobile and Web App Development Platform

 04:32 What is IDX?
 Project IDX

 Flutter - Build apps for any screen

 Welcome to nix.dev — nix.dev documentation

 13:15 What’s the experience of IDX?
 Nx: Smart, Fast and Extensible Build System

 16:42 IDX isn’t just a toy - it’s a dev machine
 20:29 What’s the offline mode like?
 23:30 How are VS Code extensions handled?
 27:03 Is multiplayer or project sharing on the road map?
 28:45 How is latency taken care of?
 31:43 This could be faster than local dev environment
 36:18 Portability of your projects
 42:25 What do you think about iPad coding?
 44:28 Phone testing with IDX
 Firebase Test Lab

 46:59 How is AI being integrated?
 50:23 Supper Club questions
 Introducing Operator | Fonts by Hoefler&Co.

 MD IO by Mass-Driver - Future Fonts

 55:25 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ××× CSS
 Shameless Plugs  The Bad At Css Podcast

  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

676: Google IDX - VS Code in the Browser with David East

Poslechněte si podcast