Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Serverless / Cloud Functions - Part 1

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 serverless and cloud providers - the benefits, limitations, providers and more!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "TECH_Domains__Sponsor_9" name="TECH_Domains__Sponsor_9"></a>.TECH Domains - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11">If you need eyes on your project, you’ll need a domain, and .TECH is perfect for representing your brand. Find out if your .TECH domain is available at <a href= "https://go.tech/syntax2020">go.tech/syntax2020</a>. Use the coupon code Syntax2020 and get 90% off 1- 5- and 10-year domain names.</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"> 4:05 - What is Serverless?</p> <ul> <li class="has-line-data" data-line-start="19" data-line-end="20"> URL driven</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> Startup/shut down (Heroku works this way)</li> <li class="has-line-data" data-line-start="21" data-line-end="23"> Digital Ocean droplet works differently</li> </ul> <p class="has-line-data" data-line-start="23" data-line-end="24"> 8:15 - What are the benefits?</p> <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> Scale up specific functions rather than everything - aka potentially cheaper</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> Security - your singular server instance being hacked is not a possibility</li> <li class="has-line-data" data-line-start="27" data-line-end="30"> Less knowledge overhead required <ul> <li class="has-line-data" data-line-start="28" data-line-end="29"> You don’t need to manage your own server</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> Empowers front-end devs to do more</li> </ul> </li> <li class="has-line-data" data-line-start="30" data-line-end="33"> Faster deploys <ul> <li class="has-line-data" data-line-start="31" data-line-end="33"> Only re-deploy the code that changed</li> </ul> </li> </ul> <p class="has-line-data" data-line-start="33" data-line-end="34"> 17:05 - What can you host on Serverless?</p> <ul> <li class="has-line-data" data-line-start="35" data-line-end="36"> Static Files - SPA (React)</li> <li class="has-line-data" data-line-start="36" data-line-end="37"> Single functions</li> <li class="has-line-data" data-line-start="37" data-line-end="39"> It can be in JS, Python, GO, PHP</li> </ul> <p class="has-line-data" data-line-start="39" data-line-end="40"> 18:07 - What can’t you host on Serverless?</p> <ul> <li class="has-line-data" data-line-start="41" data-line-end="42"> Entire applications</li> <li class="has-line-data" data-line-start="42" data-line-end="43"> Large apps have slow coldstarts</li> <li class="has-line-data" data-line-start="43" data-line-end="45"> 500mb limit</li> </ul> <p class="has-line-data" data-line-start="45" data-line-end="46"> 23:40 - Raw Providers</p> <ul> <li class="has-line-data" data-line-start="47" data-line-end="48"> Google Cloud</li> <li class="has-line-data" data-line-start="48" data-line-end="49"> Azure</li> <li class="has-line-data" data-line-start="49" data-line-end="50"> AWS Lambda</li> <li class="has-line-data" data-line-start="50" data-line-end="51"> SAP</li> <li class="has-line-data" data-line-start="51" data-line-end="52"> Red Hat</li> <li class="has-line-data" data-line-start="52" data-line-end="53"> IBM Cloud Functions</li> <li class="has-line-data" data-line-start="53" data-line-end="54"> Cloudflare Workers</li> <li class="has-line-data" data-line-start="54" data-line-end="56"> Kind of cool because they work like service workers where you can intercept any HTTP request</li> </ul> <p class="has-line-data" data-line-start="56" data-line-end="57"> 27:33 - Easy Providers + Frameworks</p> <ul> <li class="has-line-data" data-line-start="58" data-line-end="59"> Begin + Arc.codes</li> <li class="has-line-data" data-line-start="59" data-line-end="60"> Zeit Now + Next.js</li> <li class="has-line-data" data-line-start="60" data-line-end="61"> Anything + Serverless</li> <li class="has-line-data" data-line-start="61" data-line-end="62"> Netlify</li> <li class="has-line-data" data-line-start="62" data-line-end="63"> AWS Amplify</li> <li class="has-line-data" data-line-start="63" data-line-end="64"> Apex Up - TJ Holowaychuk</li> <li class="has-line-data" data-line-start="64" data-line-end="66"> Open Faas + Digital Ocean</li> </ul> <h2 class="code-line" data-line-start="66" data-line-end="67"> <a id="Links_66" name="Links_66"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="67" data-line-end="68"> <a href="https://www.heroku.com/">Heroku</a></li> <li class="has-line-data" data-line-start="68" data-line-end="69"> <a href="https://www.digitalocean.com/">Digital Ocean</a></li> <li class="has-line-data" data-line-start="69" data-line-end="70"> <a href="https://www.meteor.com/hosting">Meteor Galaxy</a></li> <li class="has-line-data" data-line-start="70" data-line-end="71"> <a href= "https://blog.codepen.io/2017/10/03/145-preprocessors-lambda/">Codepen Radio: Preprocessors and Lambda</a></li> <li class="has-line-data" data-line-start="71" data-line-end="72"> <a href="https://zeit.co/home">Zeit Now</a></li> <li class="has-line-data" data-line-start="72" data-line-end="73"> <a href= "https://twitter.com/maxsteenbergen/status/1226994154510725120">Wes’ tweet about serverless</a></li> <li class="has-line-data" data-line-start="73" data-line-end="74"> <a href= "https://twitter.com/maxsteenbergen">@maxsteenbergen</a></li> <li class="has-line-data" data-line-start="74" data-line-end="75"> <a href="https://uses.tech/">uses.tech</a></li> <li class="has-line-data" data-line-start="75" data-line-end="76"> <a href="https://cloud.google.com/gcp/">Google Cloud</a></li> <li class="has-line-data" data-line-start="76" data-line-end="77"> <a href="https://azure.microsoft.com/">Azure</a></li> <li class="has-line-data" data-line-start="77" data-line-end="78"> <a href="https://aws.amazon.com/lambda/">AWS Lambda</a></li> <li class="has-line-data" data-line-start="78" data-line-end="79"> <a href="https://www.sap.com/index.html">SAP</a></li> <li class="has-line-data" data-line-start="79" data-line-end="80"> <a href="https://www.redhat.com/">Red Hat</a></li> <li class="has-line-data" data-line-start="80" data-line-end="81"> <a href="https://cloud.ibm.com/functions/">IBM Cloud Functions</a></li> <li class="has-line-data" data-line-start="81" data-line-end="82"> <a href="https://workers.cloudflare.com/">Cloudflare Workers</a></li> <li class="has-line-data" data-line-start="82" data-line-end="83"> <a href="https://begin.com/">Begin</a></li> <li class="has-line-data" data-line-start="83" data-line-end="84"> <a href="https://arc.codes/">Arc.codes</a></li> <li class="has-line-data" data-line-start="84" data-line-end="85"> <a href="https://serverless.com/">Severless</a></li> <li class="has-line-data" data-line-start="85" data-line-end="86"> <a href="https://www.netlify.com/">Netlify</a></li> <li class="has-line-data" data-line-start="86" data-line-end="87"> <a href="https://aws.amazon.com/amplify/">AWS Amplify</a></li> <li class="has-line-data" data-line-start="87" data-line-end="88"> <a href="https://apex.sh/docs/up/">Apex Up</a></li> <li class="has-line-data" data-line-start="88" data-line-end="89"> <a href="https://www.openfaas.com/">Open Faas</a></li> <li class="has-line-data" data-line-start="89" data-line-end="90"> <a href="https://twitter.com/tjholowaychuk">@tjholowaychuk</a></li> <li class="has-line-data" data-line-start="90" data-line-end="91"> <a href="https://www.youtube.com/watch?v=dpHizW9Ojsg">Scott tries Begin.com</a></li> <li class="has-line-data" data-line-start="91" data-line-end="93"> <a href="https://www.reddit.com/r/SyntaxFM/">SyntaxFM Reddit</a></li> </ul> <h2 class="code-line" data-line-start="93" data-line-end="94"> <a id="_SIIIIICK__PIIIICKS__93" name= "_SIIIIICK__PIIIICKS__93"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="94" data-line-end="95"> Scott: <a href= "https://www.youtube.com/channel/UCiP_FwGyJQ_6P8k5ON5mncQ">Matt McMuscles YouTube Channel</a></li> <li class="has-line-data" data-line-start="95" data-line-end="97"> Wes: <a href= "https://www.youtube.com/channel/UCjFaPUcJU1vwk193mnW_w1w">Modern Vintage Gamer</a></li> </ul> <h2 class="code-line" data-line-start="97" data-line-end="98"> <a id="Shameless_Plugs_97" name="Shameless_Plugs_97"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="98" data-line-end="99"> Scott: <a href= "https://www.youtube.com/user/LevelUpTuts/videos">Scott’s YouTube Channel</a></li> <li class="has-line-data" data-line-start="99" data-line-end="101"> Wes: <a href="https://beginnerjavascript.com/">Beginner Javascript Course</a> - Use the coupon code ‘Syntax’ for $10 off!</li> </ul> <h2 class="code-line" data-line-start="101" data-line-end="102"> <a id="Tweet_us_your_tasty_treats_101" name= "Tweet_us_your_tasty_treats_101"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="102" data-line-end= "103"><a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="103" data-line-end= "104"><a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="104" data-line-end= "105"><a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="105" data-line-end= "106"><a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="106" data-line-end= "107"><a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="107" data-line-end= "108"><a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="108" data-line-end= "109">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 serverless and cloud providers - the benefits, limitations, providers and more!
.TECH Domains - Sponsor If you need eyes on your project, you’ll need a domain, and.TECH is perfect for representing your brand. Find out if your.TECH domain is available at go.tech/syntax2020. Use the coupon code Syntax2020 and get 90% off 1- 5- and 10-year domain names.
 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 4:05 - What is Serverless?
  URL driven
 Startup/shut down (Heroku works this way)
 Digital Ocean droplet works differently
  8:15 - What are the benefits?
  Scale up specific functions rather than everything - aka potentially cheaper
 Security - your singular server instance being hacked is not a possibility
 Less knowledge overhead required  You don’t need to manage your own server
 Empowers front-end devs to do more

 Faster deploys  Only re-deploy the code that changed

  17:05 - What can you host on Serverless?
  Static Files - SPA (React)
 Single functions
 It can be in JS, Python, GO, PHP
  18:07 - What can’t you host on Serverless?
  Entire applications
 Large apps have slow coldstarts
 500mb limit
  23:40 - Raw Providers
  Google Cloud
 Azure
 AWS Lambda
 SAP
 Red Hat
 IBM Cloud Functions
 Cloudflare Workers
 Kind of cool because they work like service workers where you can intercept any HTTP request
  27:33 - Easy Providers + Frameworks
  Begin + Arc.codes
 Zeit Now + Next.js
 Anything + Serverless
 Netlify
 AWS Amplify
 Apex Up - TJ Holowaychuk
 Open Faas + Digital Ocean
  Links  Heroku

 Digital Ocean

 Meteor Galaxy

 Codepen Radio: Preprocessors and Lambda

 Zeit Now

 Wes’ tweet about serverless

 @maxsteenbergen

 uses.tech

 Google Cloud

 Azure

 AWS Lambda

 SAP

 Red Hat

 IBM Cloud Functions

 Cloudflare Workers

 Begin

 Arc.codes

 Severless

 Netlify

 AWS Amplify

 Apex Up

 Open Faas

 @tjholowaychuk

 Scott tries Begin.com

 SyntaxFM Reddit

  ××× SIIIIICK ××× PIIIICKS ×××  Scott: Matt McMuscles YouTube Channel

 Wes: Modern Vintage Gamer

  Shameless Plugs  Scott: Scott’s YouTube Channel

 Wes: Beginner Javascript Course - 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

Serverless / Cloud Functions - Part 1

Poslechněte si podcast