Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Potluck - Media Queries × NPM Vulnerabilities × Fullstack JS vs JAMstack × Web VR/AR × Switching Jobs × More!

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>It’s another potluck episode in which Wes and Scott answer your questions! This month - Media Queries, NPM Vulnerabilities, Web VR and AR, Fullstack JS vs JAMstack for freelancers, switching jobs, and more!</p> <h2><a id="Sentry__Sponsor_9" name="Sentry__Sponsor_9"></a>Sentry - Sponsor</h2> <p>If you want to know what’s happening with your errors, track them with <a href="https://sentry.io/">Sentry</a>. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting <a href= "https://sentry.io/">Sentry.io</a> and using the coupon code “tastytreat”.</p> <h2><a id="Freshbooks__Sponsor_13" name= "Freshbooks__Sponsor_13"></a>Freshbooks - Sponsor</h2> <p>Get a 30 day free trial of Freshbooks at <a href= "https://freshbooks.com/syntax">freshbooks.com/syntax</a> and put SYNTAX in the “How did you hear about us?” section.</p> <h2><a id="Show_Notes_17" name="Show_Notes_17"></a>Show Notes</h2> <p>2:46</p> <ul> <li>Q: I recently started a static site so I want as much of the site as possible to change layout with just CSS for responsive design. I am comfortable with media queries but find often times the design is very different between sizes. It is easy to tame the complexity of repeated data for the different component views keeping everything in sync but is it good practice to put two completely different component level views in a single HTML file? Does the repeated data in the static HTML have any effect on SEO?</li> </ul> <p>7:08</p> <ul> <li>Q: How should a mid developer know when its time to leave the current company? Is tech stack (e.g frameworkless) a decent reason even though he/she is happy at the place, but feels like they are not growing enough?</li> </ul> <p>11:19</p> <ul> <li>Q: Should I worry about the critical vulnerabilities when installing an NPM package?</li> </ul> <p>15:06</p> <ul> <li>Q: I’ve had the idea for styling one site two different ways (professional/artistic) and giving visitors a button to toggle between the two. Too gimmicky? Secondary: how did you pick your brand colors?</li> </ul> <p>20:19</p> <ul> <li>Q: Any SICK TIPS on career change? I’m a full-time employee with two kids and a lovely wife, who wants a fulfilling career. I throw as much time in as I can to study, but I feel like it isn’t enough to apply for jobs.</li> </ul> <p>20:49</p> <ul> <li>Q: Within the next two years, how well do you think WebVR and WebXR technologies would fit within mainstream web development (think A-Frame, SparkAR, React 360 in normal websites and applications)?</li> </ul> <p>30:39</p> <ul> <li>Q: Should I learn Fullstack JS or JAMstack for freelancing?</li> </ul> <p>35:34</p> <ul> <li>Q: Is front-end development dying?</li> </ul> <p>37:30</p> <ul> <li>Q: How do you deal with CSS-in-JS when you have one-off stuff, or coupled components/selectors like a [CSS] grid container and a grid child (think <code>grid-area</code>)? CSS-in-JS feels very verbose for this use case.</li> </ul> <p>42:07</p> <ul> <li>Q: Scott always talks about Meteor. I thinks its really cool too. What’s the future of it and why didn’t it take off? It seems to have slowed down. They seem to have moved on to other projects like GraphQL stuff.</li> </ul> <h2><a id="Links_59" name="Links_59"></a>Links</h2> <ul> <li><a href="https://www.influxtechnology.com/">Influx</a></li> <li><a href="https://webvr.info/">WebVR</a></li> <li><a href="https://www.w3.org/TR/webxr/">WebXR</a></li> <li><a href= "https://news.yahoo.com/google-maps-core-waze-feature-223508153.html"> Google Maps will use a core Waze feature to improve public transit</a></li> </ul> <h2><a id="_SIIIIICK__PIIIICKS__65" name= "_SIIIIICK__PIIIICKS__65"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li>Scott: <a href="https://amzn.to/2Dq9WNG">The Making of a Manager</a></li> <li>Wes: <a href="https://amzn.to/2Iz7jNQ">DeWalt Oscillating Tool</a></li> </ul> <h2><a id="Shameless_Plugs_69" name= "Shameless_Plugs_69"></a>Shameless Plugs</h2> <ul> <li>Wes: <a href= "https://dillinger.io/wesbos.com/courses">Wes’ Courses</a> — use coupon code “syntax” at checkout and get and extra $10 off.</li> <li>Scott: <a href= "https://dillinger.io/leveluptutorials.com/pro">Animating React</a></li> </ul> <h2><a id="Tweet_us_your_tasty_treats_73" name= "Tweet_us_your_tasty_treats_73"></a>Tweet us your tasty treats!</h2> <ul> <li><a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li><a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li><a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li><a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li><a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li><a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li>Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

It’s another potluck episode in which Wes and Scott answer your questions! This month - Media Queries, NPM Vulnerabilities, Web VR and AR, Fullstack JS vs JAMstack for freelancers, switching jobs, and more!
 Sentry - Sponsor If you want to know what’s happening with your errors, track them with Sentry. Sentry is open-source error tracking that helps developers monitor and fix crashes in real time. Cut your time on error resolution from five hours to five minutes. It works with any language and integrates with dozens of other services. Syntax listeners can get two months for free by visiting Sentry.io and using the coupon code “tastytreat”.
 Freshbooks - Sponsor Get a 30 day free trial of Freshbooks at freshbooks.com/syntax and put SYNTAX in the “How did you hear about us?” section.
 Show Notes 2:46
 Q: I recently started a static site so I want as much of the site as possible to change layout with just CSS for responsive design. I am comfortable with media queries but find often times the design is very different between sizes. It is easy to tame the complexity of repeated data for the different component views keeping everything in sync but is it good practice to put two completely different component level views in a single HTML file? Does the repeated data in the static HTML have any effect on SEO?
 7:08
 Q: How should a mid developer know when its time to leave the current company? Is tech stack (e.g frameworkless) a decent reason even though he/she is happy at the place, but feels like they are not growing enough?
 11:19
 Q: Should I worry about the critical vulnerabilities when installing an NPM package?
 15:06
 Q: I’ve had the idea for styling one site two different ways (professional/artistic) and giving visitors a button to toggle between the two. Too gimmicky? Secondary: how did you pick your brand colors?
 20:19
 Q: Any SICK TIPS on career change? I’m a full-time employee with two kids and a lovely wife, who wants a fulfilling career. I throw as much time in as I can to study, but I feel like it isn’t enough to apply for jobs.
 20:49
 Q: Within the next two years, how well do you think WebVR and WebXR technologies would fit within mainstream web development (think A-Frame, SparkAR, React 360 in normal websites and applications)?
 30:39
 Q: Should I learn Fullstack JS or JAMstack for freelancing?
 35:34
 Q: Is front-end development dying?
 37:30
 Q: How do you deal with CSS-in-JS when you have one-off stuff, or coupled components/selectors like a [CSS] grid container and a grid child (think grid-area)? CSS-in-JS feels very verbose for this use case.
 42:07
 Q: Scott always talks about Meteor. I thinks its really cool too. What’s the future of it and why didn’t it take off? It seems to have slowed down. They seem to have moved on to other projects like GraphQL stuff.
 Links Influx
 WebVR
 WebXR
 Google Maps will use a core Waze feature to improve public transit
 ××× SIIIIICK ××× PIIIICKS ××× Scott: The Making of a Manager

 Wes: DeWalt Oscillating Tool

 Shameless Plugs Wes: Wes’ Courses — use coupon code “syntax” at checkout and get and extra $10 off.
 Scott: Animating React

 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 - Media Queries × NPM Vulnerabilities × Fullstack JS vs JAMstack × Web VR/AR × Switching Jobs × More!

Poslechněte si podcast