Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

JavaScript and Hardware × Cars, Factories, Heavy Industry, Robots, and the Internet of Things

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>In this episode of Syntax, Scott and Wes talk with Anth Rogan about JavaScript and hardware - from cars, to factories, and the internet.</p> <h2 id="bryntum---sponsor" class="code-line" data-line="9">Bryntum - Sponsor</h2> <p class="code-line" data-line="11">Bryntum’s suite of web components help developers quickly add powerful project and resource scheduling capabilities to their React, Angular, Vue or vanilla JS apps. The SDKs include extensive API docs and plenty of examples. Try them online at <a title= "https://bryntum.com/examples/gantt" href= "https://bryntum.com/examples/gantt" data-href= "https://bryntum.com/examples/gantt">bryntum.com/examples/gantt</a> or <a title="https://bryntum.com/examples/scheduler-pro" href="https://bryntum.com/examples/scheduler-pro" data-href= "https://bryntum.com/examples/scheduler-pro">bryntum.com/examples/scheduler-pro</a>. Visit <a title="https://Bryntum.com/syntax" href= "https://bryntum.com/syntax" data-href= "https://Bryntum.com/syntax">Bryntum.com/syntax</a> for a 45-day free trial.</p> <h2 id="logrocket---sponsor" class="code-line" data-line="13"> Logrocket - Sponsor</h2> <p class="code-line" data-line="15">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 title= "https://logrocket.com/syntax" href="https://logrocket.com/syntax" data-href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 id="linode---sponsor" class="code-line" data-line="17">Linode - Sponsor</h2> <p class="code-line" data-line="19">Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at <a title= "https://linode.com/syntax" href="https://linode.com/syntax" data-href="https://linode.com/syntax">linode.com/syntax</a>. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit <a title="https://linode.com/syntax" href= "https://linode.com/syntax" data-href= "https://linode.com/syntax">linode.com/syntax</a> and click on the “Create Free Account” button to get started.</p> <h2 id="show-notes" class="code-line" data-line="21">Show Notes</h2> <ul class="code-line" data-line="23"> <li class="code-line" data-line="23"><strong><a title="#t=01:02" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=01:02" data-href="#t=01:02">01:02</a></strong> Guest introductions</li> <li class="code-line" data-line="24"><a title= "https://www.linkedin.com/in/anth-rogan-59955429/" href= "https://www.linkedin.com/in/anth-rogan-59955429/" data-href= "https://www.linkedin.com/in/anth-rogan-59955429/">Anth Rogan on LinkedIn</a></li> <li class="code-line" data-line="25"><strong><a title="#t=05:44" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=05:44" data-href="#t=05:44">05:44</a></strong> What kinds of things did you work on at Nissan?</li> <li class="code-line" data-line="26"><strong><a title="#t=09:02" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=09:02" data-href="#t=09:02">09:02</a></strong> Why are car head units based in the past?</li> <li class="code-line" data-line="27"><strong><a title="#t=11:35" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=11:35" data-href="#t=11:35">11:35</a></strong> What are cars running for UI?</li> <li class="code-line" data-line="28"><strong><a title="#t=14:04" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=14:04" data-href="#t=14:04">14:04</a></strong> What are PLC's?</li> <li class="code-line" data-line="29"><strong><a title="#t=17:02" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=17:02" data-href="#t=17:02">17:02</a></strong> What kinds of regulations exist for automotive software?</li> <li class="code-line" data-line="30"><strong><a title="#t=22:28" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=22:28" data-href="#t=22:28">22:28</a></strong> Sponsor: LogRocket</li> <li class="code-line" data-line="31"><strong><a title="#t=23:03" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=23:03" data-href="#t=23:03">23:03</a></strong> Deeper look at PLC's</li> <li class="code-line" data-line="32"><strong><a title="#t=26:56" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=26:56" data-href="#t=26:56">26:56</a></strong> What's Node-RED?</li> <li class="code-line" data-line="33"><a title="https://nodered.org" href="https://nodered.org/" data-href= "https://nodered.org">Node-RED</a></li> <li class="code-line" data-line="34"><strong><a title="#t=29:37" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=29:37" data-href="#t=29:37">29:37</a></strong> JavaScript is popular in industry? What else is used?</li> <li class="code-line" data-line="35"><strong><a title="#t=31:06" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=31:06" data-href="#t=31:06">31:06</a></strong> Sponsor: Brymtum Products</li> <li class="code-line" data-line="36"><strong><a title="#t=32:57" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=32:57" data-href="#t=32:57">32:57</a></strong> How do you learn about this tech?</li> <li class="code-line" data-line="37"><a title= "https://www.reddit.com/r/PLC/" href= "https://www.reddit.com/r/PLC/" data-href= "https://www.reddit.com/r/PLC/">PLC Subreddit</a></li> <li class="code-line" data-line="38"><strong><a title="#t=35:24" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=35:24" data-href="#t=35:24">35:24</a></strong> What were you doing with Nissan head units?</li> <li class="code-line" data-line="39"><a title= "https://obd2scanner.net" href="https://obd2scanner.net/" data-href="https://obd2scanner.net">OBD2 Scanner</a></li> <li class="code-line" data-line="40"><strong><a title="#t=37:15" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=37:15" data-href="#t=37:15">37:15</a></strong> Web bluetooth API research</li> <li class="code-line" data-line="41"><strong><a title="#t=39:13" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=39:13" data-href="#t=39:13">39:13</a></strong> What's MQTT?</li> <li class="code-line" data-line="42"><a title="https://mqtt.org" href="https://mqtt.org/" data-href="https://mqtt.org">MQTT</a></li> <li class="code-line" data-line="43"><strong><a title="#t=41:29" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=41:29" data-href="#t=41:29">41:29</a></strong> Sponsor: Linode</li> <li class="code-line" data-line="44"><strong><a title="#t=42:14" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=42:14" data-href="#t=42:14">42:14</a></strong> Using IoT and machine learning to find issues</li> <li class="code-line" data-line="45"><strong><a title="#t=46:53" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=46:53" data-href="#t=46:53">46:53</a></strong> New opportunities in industry tech coming</li> <li class="code-line" data-line="46"><strong><a title="#t=52:40" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=52:40" data-href="#t=52:40">52:40</a></strong> Cottage IoT dreams</li> <li class="code-line" data-line="47"><strong><a title="#t=56:27" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=56:27" data-href="#t=56:27">56:27</a></strong> Relaxing in Minecraft</li> <li class="code-line" data-line="48"><strong><a title="#t=57:42" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=57:42" data-href="#t=57:42">57:42</a></strong> Sick Picks - Anth</li> <li class="code-line" data-line="49"><strong><a title="#t=58:38" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=58:38" data-href="#t=58:38">58:38</a></strong> Sick Pick - Scott</li> <li class="code-line" data-line="50"><strong><a title="#t=59:49" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=59:49" data-href="#t=59:49">59:49</a></strong> Sick Pick - Wes</li> <li class="code-line" data-line="51"><strong><a title="#t=02:12" href= "https://file+.vscode-resource.vscode-webview.net/Users/ichris/Documents/GitHub/Syntax/shows/412%20-%20JavaScript%20and%20Hardware.md#t=02:12" data-href="#t=02:12">02:12</a></strong> Shameless plugs</li> </ul> <h2 id= "%C3%97%C3%97%C3%97-siiiiick-%C3%97%C3%97%C3%97-piiiicks-%C3%97%C3%97%C3%97" class="code-line" data-line="53">××× SIIIIICK ××× PIIIICKS ×××</h2> <ul class="code-line" data-line="55"> <li class="code-line" data-line="55">Scott: <a title= "https://lightpillar.com/spotless.html" href= "https://lightpillar.com/spotless.html" data-href= "https://lightpillar.com/spotless.html">Spotless for macOS</a></li> <li class="code-line" data-line="56">Wes: <a title= "https://www.wago.com/ca-en/lp-221" href= "https://www.wago.com/ca-en/lp-221" data-href= "https://www.wago.com/ca-en/lp-221">Wago Lever Nuts</a></li> <li class="code-line" data-line="57">Anth: <a title= "https://daily.dev" href="https://daily.dev/" data-href= "https://daily.dev">Daily.dev</a></li> </ul> <h2 id="shameless-plugs" class="code-line" data-line="59">Shameless Plugs</h2> <ul class="code-line" data-line="61"> <li class="code-line" data-line="61">Scott: <a title= "https://www.leveluptutorials.com/pro" href= "https://www.leveluptutorials.com/pro" data-href= "https://www.leveluptutorials.com/pro">Astro Course</a> - Sign up for the year and save 50%!</li> <li class="code-line" data-line="62">Wes: <a title= "https://wesbos.com/courses/" href="https://wesbos.com/courses/" data-href="https://wesbos.com/courses/">All Courses</a> - Black Friday sale!</li> </ul> <h2 id="tweet-us-your-tasty-treats" class="code-line" data-line= "64">Tweet us your tasty treats</h2> <ul class="code-line" data-line="66"> <li class="code-line" data-line="66"><a title= "https://www.instagram.com/stolinski/" href= "https://www.instagram.com/stolinski/" data-href= "https://www.instagram.com/stolinski/">Scott's Instagram</a></li> <li class="code-line" data-line="67"><a title= "https://www.instagram.com/LevelUpTutorials/" href= "https://www.instagram.com/LevelUpTutorials/" data-href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="code-line" data-line="68"><a title= "https://www.instagram.com/wesbos/" href= "https://www.instagram.com/wesbos/" data-href= "https://www.instagram.com/wesbos/">Wes' Instagram</a></li> <li class="code-line" data-line="69"><a title= "https://twitter.com/wesbos" href="https://twitter.com/wesbos" data-href="https://twitter.com/wesbos">Wes' Twitter</a></li> <li class="code-line" data-line="70"><a title= "https://www.facebook.com/wesbos.developer" href= "https://www.facebook.com/wesbos.developer" data-href= "https://www.facebook.com/wesbos.developer">Wes' Facebook</a></li> <li class="code-line" data-line="71"><a title= "https://twitter.com/stolinski" href= "https://twitter.com/stolinski" data-href= "https://twitter.com/stolinski">Scott's Twitter</a></li> <li class="code-line" data-line="72">Make sure to include <a title="https://twitter.com/SyntaxFM" href= "https://twitter.com/SyntaxFM" data-href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Scott and Wes talk with Anth Rogan about JavaScript and hardware - from cars, to factories, and the internet.
 Bryntum - Sponsor Bryntum’s suite of web components help developers quickly add powerful project and resource scheduling capabilities to their React, Angular, Vue or vanilla JS apps. The SDKs include extensive API docs and plenty of examples. Try them online at bryntum.com/examples/gantt or bryntum.com/examples/scheduler-pro. Visit Bryntum.com/syntax for a 45-day free trial.
 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.
 Linode - Sponsor Whether you’re working on a personal project or managing enterprise infrastructure, you deserve simple, affordable, and accessible cloud computing solutions that allow you to take your project to the next level. Simplify your cloud infrastructure with Linode’s Linux virtual machines and develop, deploy, and scale your modern applications faster and easier. Get started on Linode today with a $100 in free credit for listeners of Syntax. You can find all the details at linode.com/syntax. Linode has 11 global data centers and provides 24/7/365 human support with no tiers or hand-offs regardless of your plan size. In addition to shared and dedicated compute instances, you can use your $100 in credit on S3-compatible object storage, Managed Kubernetes, and more. Visit linode.com/syntax and click on the “Create Free Account” button to get started.
 Show Notes 
01:02 Guest introductions
 Anth Rogan on LinkedIn

05:44 What kinds of things did you work on at Nissan?

09:02 Why are car head units based in the past?

11:35 What are cars running for UI?

14:04 What are PLC's?

17:02 What kinds of regulations exist for automotive software?

22:28 Sponsor: LogRocket

23:03 Deeper look at PLC's

26:56 What's Node-RED?
 Node-RED

29:37 JavaScript is popular in industry? What else is used?

31:06 Sponsor: Brymtum Products

32:57 How do you learn about this tech?
 PLC Subreddit

35:24 What were you doing with Nissan head units?
 OBD2 Scanner

37:15 Web bluetooth API research

39:13 What's MQTT?
 MQTT

41:29 Sponsor: Linode

42:14 Using IoT and machine learning to find issues

46:53 New opportunities in industry tech coming

52:40 Cottage IoT dreams

56:27 Relaxing in Minecraft

57:42 Sick Picks - Anth

58:38 Sick Pick - Scott

59:49 Sick Pick - Wes

02:12 Shameless plugs
 ××× SIIIIICK ××× PIIIICKS ××× Scott: Spotless for macOS

 Wes: Wago Lever Nuts

 Anth: Daily.dev

 Shameless Plugs Scott: Astro Course - Sign up for the year and save 50%!
 Wes: All Courses - Black Friday sale!
 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

JavaScript and Hardware × Cars, Factories, Heavy Industry, Robots, and the Internet of Things

Poslechněte si podcast