Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - Hosting + Web Services Pricing Explainer

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 Hasty Treat, Scott and Wes talk about how hosting and web services pricing works, and how to figure out what you need, and what you don’t.</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "LogRocket__Sponsor_9" name="LogRocket__Sponsor_9"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> 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 href= "https://logrocket.com/syntax">logrocket.com/syntax</a>.</p> <h2 class="code-line" data-line-start="13" data-line-end="14"> <a id="Show_Notes_13" name="Show_Notes_13"></a>Show Notes</h2> <p class="has-line-data" data-line-start="14" data-line-end="15"> 01:55 - Per minute</p> <ul> <li class="has-line-data" data-line-start="15" data-line-end="16"> Spin up, do the work, spin down</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> Popular in serverless space</li> <li class="has-line-data" data-line-start="17" data-line-end="19"> Can apply to other types of computing such as graphics, AI, machine learning, etc.</li> </ul> <p class="has-line-data" data-line-start="19" data-line-end="20"> 03:49 - By resources</p> <ul> <li class="has-line-data" data-line-start="20" data-line-end="21"> Ram</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> CPU</li> <li class="has-line-data" data-line-start="22" data-line-end="24"> Disk space</li> </ul> <p class="has-line-data" data-line-start="24" data-line-end="25"> 06:02 - Per “dyno”</p> <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> These are Heroku Linux servers</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> You can add more dynos and make your app faster</li> <li class="has-line-data" data-line-start="27" data-line-end="29"> They scale it for you</li> </ul> <p class="has-line-data" data-line-start="29" data-line-end="30"> 08:54 - By bandwidth</p> <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> Sitting files</li> <li class="has-line-data" data-line-start="31" data-line-end="32"> Inbound (ingress)</li> <li class="has-line-data" data-line-start="32" data-line-end="34"> Output</li> </ul> <p class="has-line-data" data-line-start="34" data-line-end="35"> 12:24 - By DB calls or entries</p> <ul> <li class="has-line-data" data-line-start="35" data-line-end="37"> Databases</li> </ul> <p class="has-line-data" data-line-start="37" data-line-end="38"> 14:04 - By users</p> <ul> <li class="has-line-data" data-line-start="38" data-line-end="39"> This is more of a Sass thing, but can bleed into hosting too</li> <li class="has-line-data" data-line-start="39" data-line-end="41"> Seat-based - Netlify does something like this</li> </ul> <p class="has-line-data" data-line-start="41" data-line-end="42"> 17:23 - By apps</p> <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> Digital Ocean app platform</li> <li class="has-line-data" data-line-start="43" data-line-end="45"> Each app is $5</li> </ul> <p class="has-line-data" data-line-start="45" data-line-end="46"> 21:22 - By “work”</p> <ul> <li class="has-line-data" data-line-start="46" data-line-end="47"> Cloudinary does transforms on images</li> <li class="has-line-data" data-line-start="47" data-line-end="49"> Mux</li> </ul> <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://www.heroku.com/">Heroku</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> <a href="https://aws.amazon.com/">AWS</a></li> <li class="has-line-data" data-line-start="52" data-line-end="53"> <a href="https://www.digitalocean.com/">Digital Ocean</a></li> <li class="has-line-data" data-line-start="53" data-line-end="54"> <a href="https://www.meteor.com/hosting">Meteor Galaxy</a></li> <li class="has-line-data" data-line-start="54" data-line-end="55"> <a href="https://www.linode.com/">Linode</a></li> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.rackspace.com/">Rackspace</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href="https://mediatemple.net/">MediaTemple</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://www.godaddy.com/">GoDaddy</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://www.bluehost.com/">Bluehost</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://www.backblaze.com/b2/cloud-storage.html">Backblaze B2</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://mux.com/">Mux</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> <a href="https://graphql.org/">GraphQL</a></li> <li class="has-line-data" data-line-start="62" data-line-end="63"> <a href="https://github.com/">Github</a></li> <li class="has-line-data" data-line-start="63" data-line-end="64"> <a href="https://www.netlify.com/">Netlify</a></li> <li class="has-line-data" data-line-start="64" data-line-end="65"> <a href="https://1password.com/">1Password</a></li> <li class="has-line-data" data-line-start="65" data-line-end="66"> <a href="https://cloudinary.com/">Cloudinary</a></li> <li class="has-line-data" data-line-start="66" data-line-end="67"> <a href= "https://addons.mozilla.org/en-US/firefox/addon/multi-account-containers/"> Firefox Containers</a></li> <li class="has-line-data" data-line-start="67" data-line-end="68"> <a href= "https://blog.google/products/chrome/manage-tabs-with-google-chrome/"> Chrome grouped tabs</a></li> <li class="has-line-data" data-line-start="68" data-line-end="69"> <a href="https://brave.com/">Brave</a></li> <li class="has-line-data" data-line-start="69" data-line-end="70"> <a href= "https://www.digitalocean.com/products/app-platform/">Digital Ocean app platform</a></li> <li class="has-line-data" data-line-start="70" data-line-end="71"> <a href="https://www.cloudflare.com/">Cloudflare</a></li> <li class="has-line-data" data-line-start="71" data-line-end="72"> <a href="https://vercel.com/">Vercel</a></li> <li class="has-line-data" data-line-start="72" data-line-end="74"> <a href="https://www.prisma.io/">Prisma</a></li> </ul> <h2 class="code-line" data-line-start="74" data-line-end="75"> <a id="Tweet_us_your_tasty_treats_74" name= "Tweet_us_your_tasty_treats_74"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="75" data-line-end="76"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="76" data-line-end="77"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="77" data-line-end="78"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="78" data-line-end="79"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="79" data-line-end="80"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="80" data-line-end="81"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="81" data-line-end="82"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this Hasty Treat, Scott and Wes talk about how hosting and web services pricing works, and how to figure out what you need, and what you don’t.
 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.
 Show Notes 01:55 - Per minute
  Spin up, do the work, spin down
 Popular in serverless space
 Can apply to other types of computing such as graphics, AI, machine learning, etc.
  03:49 - By resources
  Ram
 CPU
 Disk space
  06:02 - Per “dyno”
  These are Heroku Linux servers
 You can add more dynos and make your app faster
 They scale it for you
  08:54 - By bandwidth
  Sitting files
 Inbound (ingress)
 Output
  12:24 - By DB calls or entries
  Databases
  14:04 - By users
  This is more of a Sass thing, but can bleed into hosting too
 Seat-based - Netlify does something like this
  17:23 - By apps
  Digital Ocean app platform
 Each app is $5
  21:22 - By “work”
  Cloudinary does transforms on images
 Mux
  Links  Heroku

 AWS

 Digital Ocean

 Meteor Galaxy

 Linode

 Rackspace

 MediaTemple

 GoDaddy

 Bluehost

 Backblaze B2

 Mux

 GraphQL

 Github

 Netlify

 1Password

 Cloudinary

  Firefox Containers

  Chrome grouped tabs

 Brave

 Digital Ocean app platform

 Cloudflare

 Vercel

 Prisma

  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

Hasty Treat - Hosting + Web Services Pricing Explainer

Poslechněte si podcast