Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

The Fundamentals - Server Side

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="7" data-line-end="8">In this episode of Syntax, Scott and Wes talk about server side fundamentals — the important things you should know if you’re interested in diving into server side.</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Sentry__Sponsor_9" name="Sentry__Sponsor_9"></a>Sentry - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11">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 class="code-line" data-line-start="12" data-line-end="13"> <a id="Freshbooks__Sponsor_12" name= "Freshbooks__Sponsor_12"></a>Freshbooks - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> 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 class="code-line" data-line-start="15" data-line-end="16"> <a id="Show_Notes_15" name="Show_Notes_15"></a>Show Notes</h2> <p class="has-line-data" data-line-start="17" data-line-end="18"> 2:53 - Requests and responses</p> <p class="has-line-data" data-line-start="19" data-line-end="20"> 9:21 - What is a server?</p> <p class="has-line-data" data-line-start="21" data-line-end="22"> 10:33 - Ports</p> <p class="has-line-data" data-line-start="23" data-line-end="24"> 13:50 - Database connection and interaction</p> <p class="has-line-data" data-line-start="25" data-line-end="26"> 15:16 - Cookies and sessions</p> <p class="has-line-data" data-line-start="27" data-line-end="28"> 15:48 - Writing files and directory permissions</p> <p class="has-line-data" data-line-start="29" data-line-end="30"> 19:34 - Headers</p> <p class="has-line-data" data-line-start="31" data-line-end="32"> 22:13 - Error Handling</p> <p class="has-line-data" data-line-start="33" data-line-end="34"> 22:50 - Logs</p> <p class="has-line-data" data-line-start="35" data-line-end="36"> 25:04 - Async data handling</p> <p class="has-line-data" data-line-start="37" data-line-end="38"> 26:33 - Routing</p> <p class="has-line-data" data-line-start="39" data-line-end="40"> 30:44 - Mime types</p> <p class="has-line-data" data-line-start="41" data-line-end="42"> 36:26 - Authentication</p> <p class="has-line-data" data-line-start="43" data-line-end="44"> 37:49 - Environmental variables</p> <p class="has-line-data" data-line-start="45" data-line-end="46"> 40:37 - Deployment</p> <p class="has-line-data" data-line-start="47" data-line-end="48"> 43:24 - Advanced</p> <h2 class="code-line" data-line-start="49" data-line-end="50"> <a id="Links_49" name="Links_49"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://graphql.org/">GraphQL</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://nodejs.org/">Node</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://reactforbeginners.com/">React For Beginners</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://nextjs.org/">Next.js</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.meteor.com/">Meteor</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://papertrailapp.com/">Papertrail</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://pjax.herokuapp.com/">pjax</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://jquery.com/">jQuery</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://github.com/">Github</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://imazing.com/heic">iMazing HEIC Converter</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://zeit.co/home">Now.sh</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> <a href="https://www.netlify.com/">Netlify</a></li> <li class="has-line-data" data-line-start="62" data-line-end="63"> <a href= "https://developer.twitter.com/en/docs/tutorials/consuming-streaming-data"> Twitter streaming API</a></li> <li class="has-line-data" data-line-start="63" data-line-end="65"> <a href= "https://www.youtube.com/channel/UCl4-WBRqWA2MlxmZorKOV7w">B is for Build</a></li> </ul> <h2 class="code-line" data-line-start="65" data-line-end="66"> <a id="_SIIIIICK__PIIIICKS__65" name= "_SIIIIICK__PIIIICKS__65"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="66" data-line-end="67"> Scott: <a href= "https://www.youtube.com/channel/UCtn2hU9HKYQAgDtwrhux7Sw">Samcrac YouTube Channel</a></li> <li class="has-line-data" data-line-start="67" data-line-end="69"> Wes: <a href="https://amzn.to/2o2iXZ9">Wyze Plugs</a></li> </ul> <h2 class="code-line" data-line-start="69" data-line-end="70"> <a id="Shameless_Plugs_69" name="Shameless_Plugs_69"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="70" data-line-end="71"> Scott: <a href="https://www.leveluptutorials.com/pro">Svelte For Beginners</a> - Sign up for the year and save 25%!</li> <li class="has-line-data" data-line-start="71" data-line-end="73"> Wes: <a href="https://wesbos.com/courses/">All Courses</a> - Use the coupon code ‘Syntax’ for $10 off!</li> </ul> <h2 class="code-line" data-line-start="73" data-line-end="74"> <a id="Tweet_us_your_tasty_treats_73" name= "Tweet_us_your_tasty_treats_73"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="74" data-line-end="75"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="75" data-line-end="76"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="76" data-line-end="77"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="77" data-line-end="78"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="78" data-line-end="79"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="79" data-line-end="80"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="80" data-line-end="81"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Scott and Wes talk about server side fundamentals — the important things you should know if you’re interested in diving into server side.
 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:53 - Requests and responses
 9:21 - What is a server?
 10:33 - Ports
 13:50 - Database connection and interaction
 15:16 - Cookies and sessions
 15:48 - Writing files and directory permissions
 19:34 - Headers
 22:13 - Error Handling
 22:50 - Logs
 25:04 - Async data handling
 26:33 - Routing
 30:44 - Mime types
 36:26 - Authentication
 37:49 - Environmental variables
 40:37 - Deployment
 43:24 - Advanced
 Links  GraphQL

 Node

 React For Beginners

 Next.js

 Meteor

 Papertrail

 pjax

 jQuery

 Github

 iMazing HEIC Converter

 Now.sh

 Netlify

  Twitter streaming API

 B is for Build

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Samcrac YouTube Channel

 Wes: Wyze Plugs

  Shameless Plugs  Scott: Svelte For Beginners - Sign up for the year and save 25%!
 Wes: All Courses - Use the coupon code ‘Syntax’ for $10 off!
  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

The Fundamentals - Server Side

Poslechněte si podcast