Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Svelte Cubed + 3D In Browser

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 Hasty Treat, Scott and Wes talk about Svelte Cubed and working in 3D in the browser.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Prismic__Sponsor_2" name="Prismic__Sponsor_2"></a>Prismic - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5"> Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at <a href= "https://prismic.io/syntax">prismic.io/syntax</a>.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "LogRocket__Sponsor_6" name="LogRocket__Sponsor_6"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at <a href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="Show_Notes_10" name="Show_Notes_10"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="12" data-line-end="13"> <strong><a href="#t=00:21">00:21</a></strong> Welcome</li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=01:00">01:00</a></strong> Sponsor: LogRocket</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=01:41">01:41</a></strong> Sponsor: Prismic</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=02:45">02:45</a></strong> Intro to 3D in the browser</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://svelte-cubed.vercel.app">Svelte Cubed</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href= "https://svelte-cubed.vercel.app/docs/getting-started">Getting started with Svelte Cubed</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=03:49">03:49</a></strong> Declarative vs imperative</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=07:43">07:43</a></strong> How does Three.JS work?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://threejs.org">ThreeJS</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=12:28">12:28</a></strong> Orbit controls</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=15:47">15:47</a></strong> Svelte Cannon</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="https://svelte-cannon.bfanger.nl">Svelte Cannon</a></li> <li class="has-line-data" data-line-start="24" data-line-end="26"> <a href="https://www.blender.org">Blender</a></li> </ul> <h2 class="code-line" data-line-start="26" data-line-end="27"> <a id="Tweet_us_your_tasty_treats_26" name= "Tweet_us_your_tasty_treats_26"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk about Svelte Cubed and working in 3D in the browser.
 Prismic - Sponsor Prismic is a Headless CMS that makes it easy to build website pages as a set of components. Break pages into sections of components using React, Vue, or whatever you like. Make corresponding Slices in Prismic. Start building pages dynamically in minutes. Get started at prismic.io/syntax.
 LogRocket - Sponsor LogRocket lets you replay what users do on your site, helping you reproduce bugs and fix issues faster. It’s an exception tracker, a session re-player and a performance monitor. Get 14 days free at logrocket.com/syntax.
 Show Notes  00:21 Welcome
 01:00 Sponsor: LogRocket
 01:41 Sponsor: Prismic
 02:45 Intro to 3D in the browser
 Svelte Cubed

 Getting started with Svelte Cubed

 03:49 Declarative vs imperative
 07:43 How does Three.JS work?
 ThreeJS

 12:28 Orbit controls
 15:47 Svelte Cannon
 Svelte Cannon

 Blender

  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

Aplikace Youradio Talk

Svelte Cubed + 3D In Browser

Poslechněte si podcast