Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck - Headless WordPress, Databases, Regex

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 answer your questions about headless WordPress, Regex, their health and fitness, CSS custom properties in media queries, and more.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Sentry___Sponsor_2" name="Sentry___Sponsor_2"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="4" data-line-end="5">If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting <a href= "https://sentry.io">Sentry.io</a> and using the coupon code TASTYTREAT during sign up.</p> <h2 class="code-line" data-line-start="6" data-line-end="7"><a id= "Sanity__Sponsor_6" name="Sanity__Sponsor_6"></a>Sanity - Sponsor</h2> <p class="has-line-data" data-line-start="8" data-line-end="9"> <a href="http://Sanity.io">Sanity.io</a> is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at <a href= "https://www.sanity.io/create">sanity.io/create</a>. Get an awesome supercharged free developer plan on <a href= "https://www.sanity.io/syntax">sanity.io/syntax</a>.</p> <h2 class="code-line" data-line-start="10" data-line-end="11"> <a id="TECH_Domains__Sponsor_10" name= "TECH_Domains__Sponsor_10"></a>.TECH Domains - Sponsor</h2> <p class="has-line-data" data-line-start="12" data-line-end="13"> .TECH is taking the tech industry by storm. A domain that shows the world what you are all about! If you’re looking for a domain name for your startup, portfolio, or your own project like we did with uses.tech, check out .tech Domains. Syntax listeners can snap their .TECH Domains at 80% off on five-year registration by visiting <a href="https://go.tech/syntaxistech">go.tech/syntaxistech</a> and using the coupon code “syntax5”.</p> <h2 class="code-line" data-line-start="14" data-line-end="15"> <a id="Show_Notes_14" name="Show_Notes_14"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=00:10">00:10</a></strong> Welcome</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=03:30">03:30</a></strong> If I host a NextJS app on Digital Ocean, should I use a Digital Ocean database?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=09:14">09:14</a></strong> Will either of you ever do a regex course?</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://regex101.com/">Regex101</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=13:58">13:58</a></strong> Is it possible to use the WordPress users database as the same database that the app uses?</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="https://www.wpgraphql.com">WPGraphQL</a></li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <strong><a href="#t=18:46">18:46</a></strong> Sponsor: Sentry</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <strong><a href="#t=19:43">19:43</a></strong> How is health and fitness going for the both of you?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <strong><a href="#t=26:08">26:08</a></strong> Does Wes know who Gendo Ikari is?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <strong><a href="#t=27:36">27:36</a></strong> Dart popularity follow up</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <strong><a href="#t=29:40">29:40</a></strong> Is it vital that I should learn another programming language?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <strong><a href="#t=33:42">33:42</a></strong> Sponsor: Sanity</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <strong><a href="#t=34:54">34:54</a></strong> If I’m trying to get my first job in web development, do I need to be familiar with design software?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://www.figma.com">Figma</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <strong><a href="#t=40:01">40:01</a></strong> Thank you for the confidence to apply for a web dev job</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href= "https://syntax.fm/show/463/supper-club-redwood-js-with-tom-preston-werner"> Syntax 463 with Tom Preston-Werner</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <strong><a href="#t=41:55">41:55</a></strong> What advice will you give in terms of setting up core important things around network, state management, folder structure?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <strong><a href="#t=45:37">45:37</a></strong> .TECH Domain Names</li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <strong><a href="#t=46:22">46:22</a></strong> I just had an interview with a “major tech company” and your article on using string templates was really helpful.</li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://wesbos.com/template-strings-html">Template Strings</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <strong><a href="#t=48:43">48:43</a></strong> If 80% of the time ew need to use preventDefault on form submission, why don’t the simply change the HTML spec?</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <strong><a href="#t=50:01">50:01</a></strong> What’s the rationale for not supporting CSS custom properties in media queries when using max/min width?</li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://drafts.csswg.org/css-env-1/">CSS Env</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/env">MDN CSS Env</a></li> <li class="has-line-data" data-line-start="40" data-line-end="42"> <strong><a href="#t=55:37">55:37</a></strong> ××× SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="42" data-line-end="43"> <a id="_SIIIIICK__PIIIICKS__42" name= "_SIIIIICK__PIIIICKS__42"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="44" data-line-end="45"> Scott: * <a href="http://www.youmustrememberthispodcast.com">You Must Remember This Podcast</a></li> <li class="has-line-data" data-line-start="45" data-line-end="47"> Wes: Tools</li> </ul> <h2 class="code-line" data-line-start="47" data-line-end="48"> <a id="Shameless_Plugs_47" name="Shameless_Plugs_47"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="49" data-line-end="50"> Scott: <a href= "https://leveluptutorials.com/tutorials/keystone-js/introduction">LevelUp Tutorials</a></li> <li class="has-line-data" data-line-start="50" data-line-end="52"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="52" data-line-end="53"> <a id="Tweet_us_your_tasty_treats_52" name= "Tweet_us_your_tasty_treats_52"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Wes and Scott answer your questions about headless WordPress, Regex, their health and fitness, CSS custom properties in media queries, and more.
 Sentry - Sponsor If you want to know what’s happening with your code, track errors and monitor performance with Sentry. Sentry’s Application Monitoring platform helps developers see performance issues, fix errors faster, and optimize their code health. Cut your time on error resolution from hours to minutes. It works with any language and integrates with dozens of other services. Syntax listeners new to Sentry can get two months for free by visiting Sentry.io and using the coupon code TASTYTREAT during sign up.
 Sanity - Sponsor Sanity.io is a real-time headless CMS with a fully customizable Content Studio built in React. Get a Sanity powered site up and running in minutes at sanity.io/create. Get an awesome supercharged free developer plan on sanity.io/syntax.
 .TECH Domains - Sponsor .TECH is taking the tech industry by storm. A domain that shows the world what you are all about! If you’re looking for a domain name for your startup, portfolio, or your own project like we did with uses.tech, check out.tech Domains. Syntax listeners can snap their.TECH Domains at 80% off on five-year registration by visiting go.tech/syntaxistech and using the coupon code “syntax5”.
 Show Notes  00:10 Welcome
 03:30 If I host a NextJS app on Digital Ocean, should I use a Digital Ocean database?
 09:14 Will either of you ever do a regex course?
 Regex101

 13:58 Is it possible to use the WordPress users database as the same database that the app uses?
 WPGraphQL

 18:46 Sponsor: Sentry
 19:43 How is health and fitness going for the both of you?
 26:08 Does Wes know who Gendo Ikari is?
 27:36 Dart popularity follow up
 29:40 Is it vital that I should learn another programming language?
 33:42 Sponsor: Sanity
 34:54 If I’m trying to get my first job in web development, do I need to be familiar with design software?
 Figma

 40:01 Thank you for the confidence to apply for a web dev job
  Syntax 463 with Tom Preston-Werner

 41:55 What advice will you give in terms of setting up core important things around network, state management, folder structure?
 45:37.TECH Domain Names
 46:22 I just had an interview with a “major tech company” and your article on using string templates was really helpful.
 Template Strings

 48:43 If 80% of the time ew need to use preventDefault on form submission, why don’t the simply change the HTML spec?
 50:01 What’s the rationale for not supporting CSS custom properties in media queries when using max/min width?
 CSS Env

 MDN CSS Env

 55:37 ××× SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: * You Must Remember This Podcast

 Wes: Tools
  Shameless Plugs  Scott: LevelUp Tutorials

 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

Aplikace Youradio Talk

Potluck - Headless WordPress, Databases, Regex

Poslechněte si podcast