Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × val.town with Steve Krouse

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 Steve Krouse about val.town, what it is, his philosophies on teaching people to code, the tech stack for val.town, and the benefits of inspiring kids to learn to code.</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:27">01:27</a></strong> Who is Steve Krouse?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://stevekrouse.com/">Steve Krouse</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://futureofcoding.org/">Future of Coding</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://github.com/stevekrouse">stevekrouse (Steve Krouse) · GitHub</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://twitter.com/stevekrouse">Steve Krouse (@stevekrouse) on Twitter</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://www.thecodingspace.com/">Coding Classes for Kids & Teens | Coding for Kids | The Coding Space</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=03:06">03:06</a></strong> What is Val.town?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://www.val.town/pricing">Val Town</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <strong><a href="#t=08:35">08:35</a></strong> Where did the inspiration for social dev environments come from?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=12:52">12:52</a></strong> WYSIWYG code vs being code first</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <strong><a href="#t=16:30">16:30</a></strong> How does val.town inspire people?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=20:26">20:26</a></strong> How do you prevent people abusing val.town?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=24:57">24:57</a></strong> What’s the UI story for snippets on val.town?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=27:31">27:31</a></strong> Do you plan to support express?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=29:03">29:03</a></strong> What’s the tech stack behind the front end of val.town?</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=30:35">30:35</a></strong> What’s the tech stack for the back end of val.town?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <strong><a href="#t=34:37">34:37</a></strong> How do you measure for pricing?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=37:07">37:07</a></strong> Who is using val.town?</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=42:00">42:00</a></strong> What’s your methodology for teaching kids to code?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=47:44">47:44</a></strong> Supper Club questions</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="https://github.com/pomdtr/sunbeam">GitHub - pomdtr/sunbeam: Generate powerful TUIs from simple scripts written in any language.</a></li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="https://deno.land/">Deno — A modern runtime for JavaScript and TypeScript</a></li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href= "https://mitpress.mit.edu/9780262140539/a-small-matter-of-programming/"> A Small Matter of Programming</a></li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="https://www.unison-lang.org/">The Unison language</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://codemirror.net/">CodeMirror</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href= "https://www.amazon.ca/s?k=A+Small+Matter+of+Programming:+Perspectives+on+End+User+Computing&linkCode=gs3&linkId=a4276584f94c53442569757002ff7fe2&tag=isi777-20"> A Small Matter of Programming: Perspectives on End User Computing</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://press.stripe.com/">Stripe Press — Ideas for progress</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="https://github.com/pomdtr/sunbeam">pomdtr/sunbeam: Generate powerful TUIs from simple scripts written in any language.</a></li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://en.wikipedia.org/wiki/Seymour_Papert">Seymour Papert</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://woofjs.com/">woofjs.com</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://en.wikipedia.org/wiki/Bret_Victor">Bret Victor</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="https://futureofcoding.org/">Welcome | Future of Coding</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://twitter.com/tmcw">Tom MacWright (@tmcw)</a></li> <li class="has-line-data" data-line-start="38" data-line-end="40"> <strong><a href="#t=55:54">55:54</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="40" data-line-end="41"> <a id="_SIIIIICK__PIIIICKS__40"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="42" data-line-end="44"> <a href= "https://www.amazon.ca/dp/B0B155T8QM?crid=1QGM6LSDYF8IR&keywords=switchbot+lock&sprefix=switchbot+loc,aps,116&language=en_US&sr=8-4&linkCode=gs2&linkId=9da52a90625d3d2fabe94ba5cfef40bf&tag=isi777-20"> SwitchBot Wi-Fi Smart Lock</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="48"> <a href="https://www.val.town/">Val Town</a></li> </ul> <h2 class="code-line" data-line-start="48" data-line-end="49"> <a id="Tweet_us_your_tasty_treats_48"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://bsky.app/profile/wesbos.com">Wes Bos on Bluesky</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://bsky.app/profile/tolin.ski">Scott on Bluesky</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://bsky.app/profile/syntax.fm">Syntax on Bluesky</a></li> </ul>

In this supper club episode of Syntax, Wes and Scott talk with Steve Krouse about val.town, what it is, his philosophies on teaching people to code, the tech stack for val.town, and the benefits of inspiring kids to learn to code.
 Show Notes  00:36 Welcome
 01:27 Who is Steve Krouse?
 Steve Krouse

 Future of Coding

 stevekrouse (Steve Krouse) · GitHub

 Steve Krouse (@stevekrouse) on Twitter

 Coding Classes for Kids & Teens | Coding for Kids | The Coding Space

 03:06 What is Val.town?
 Val Town

 08:35 Where did the inspiration for social dev environments come from?
 12:52 WYSIWYG code vs being code first
 16:30 How does val.town inspire people?
 20:26 How do you prevent people abusing val.town?
 24:57 What’s the UI story for snippets on val.town?
 27:31 Do you plan to support express?
 29:03 What’s the tech stack behind the front end of val.town?
 30:35 What’s the tech stack for the back end of val.town?
 34:37 How do you measure for pricing?
 37:07 Who is using val.town?
 42:00 What’s your methodology for teaching kids to code?
 47:44 Supper Club questions
 GitHub - pomdtr/sunbeam: Generate powerful TUIs from simple scripts written in any language.

 Deno — A modern runtime for JavaScript and TypeScript

  A Small Matter of Programming

 The Unison language

 CodeMirror

  A Small Matter of Programming: Perspectives on End User Computing

 Stripe Press — Ideas for progress

 pomdtr/sunbeam: Generate powerful TUIs from simple scripts written in any language.

 Seymour Papert

 woofjs.com

 Bret Victor

 Welcome | Future of Coding

 Tom MacWright (@tmcw)

 55:54 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  SwitchBot Wi-Fi Smart Lock

  Shameless Plugs  Val Town

  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

Supper Club × val.town with Steve Krouse

Poslechněte si podcast