Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

The Syntax Giveaway Site - Codes, Bots, Tech Stack and 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 class="has-line-data" data-line-start="0" data-line-end="1">In this episode of Syntax, Wes and Scott talk about the tech stack they used to create the Syntax giveaway site for the Sentry + Syntax announcement week. What were the features of the site, how’d they generate proper codes, and how’d they stop developers from hacking the system?</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:07">00:07</a></strong> How to do a giveaway and distribute it?</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=04:26">04:26</a></strong> Building in the spirit of Syntax</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=05:44">05:44</a></strong> The tech stack</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://kit.svelte.dev/">SvelteKit • Web development, streamlined</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://www.prisma.io/">Prisma | Next-generation ORM for Node.js & TypeScript</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href= "https://blog.sentry.io/2023/04/12/syntax-sentry-mmxxiii/">Syntax × Sentry MMXXIII | Product Blog • Sentry</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://planetscale.com/">PlanetScale: The world’s most advanced database platform</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href= "https://www.google.com/maps/d/viewer?mid=1eLqvkQ9wGvMRVrAQsm5g7EdlnSY&hl=en_US&ll=39.04394865349766,-76.85871&z=10"> My Places - Google My Maps</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href= "https://github.com/ghostdevv/sveltekit-basic-auth/blob/main/src/hooks.server.ts"> sveltekit-basic-auth/hooks.server.ts at main · ghostdevv/sveltekit-basic-auth</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://www.voucherify.io/generator">Voucherify: Free Random Codes Generator</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <strong><a href="#t=09:48">09:48</a></strong> Hosted on Vercel</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://vercel.com/">Vercel</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <strong><a href="#t=13:04">13:04</a></strong> What are the features of the site?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <strong><a href="#t=19:10">19:10</a></strong> Generating the codes properly</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <strong><a href="#t=26:48">26:48</a></strong> Releasing locked coupon codes</li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <strong><a href="#t=29:13">29:13</a></strong> Client to server side connections</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <strong><a href="#t=32:56">32:56</a></strong> Stopping developers from gaming the giveaway</li> <li class="has-line-data" data-line-start="21" data-line-end="23"> <strong><a href="#t=46:29">46:29</a></strong> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="23" data-line-end="24"> <a id="_SIIIIICK__PIIIICKS__23"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> Scott: <a href="https://www.imdb.com/title/tt6718170/">The Super Mario Bros. Movie (2023) - IMDb</a></li> <li class="has-line-data" data-line-start="26" data-line-end="28"> Wes: <a href="https://www.museumofplay.org/">The Strong National Museum of Play</a></li> </ul> <h2 class="code-line" data-line-start="28" data-line-end="29"> <a id="Shameless_Plugs_28"></a>Shameless Plugs</h2> <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> Scott: <a href="https://sentry.io/welcome/">Application Performance Monitoring & Error Tracking Software | Sentry</a></li> <li class="has-line-data" data-line-start="31" data-line-end="33"> Wes: <a href="https://wesbos.com/courses">Wes Bos Tutorials</a></li> </ul> <h2 class="code-line" data-line-start="33" data-line-end="34"> <a id="Tweet_us_your_tasty_treats_33"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this episode of Syntax, Wes and Scott talk about the tech stack they used to create the Syntax giveaway site for the Sentry + Syntax announcement week. What were the features of the site, how’d they generate proper codes, and how’d they stop developers from hacking the system?
 Show Notes  00:07 How to do a giveaway and distribute it?
 04:26 Building in the spirit of Syntax
 05:44 The tech stack
 SvelteKit • Web development, streamlined

 Prisma | Next-generation ORM for Node.js & TypeScript

 Syntax × Sentry MMXXIII | Product Blog • Sentry

 PlanetScale: The world’s most advanced database platform

  My Places - Google My Maps

  sveltekit-basic-auth/hooks.server.ts at main · ghostdevv/sveltekit-basic-auth

 Voucherify: Free Random Codes Generator

 09:48 Hosted on Vercel
 Vercel

 13:04 What are the features of the site?
 19:10 Generating the codes properly
 26:48 Releasing locked coupon codes
 29:13 Client to server side connections
 32:56 Stopping developers from gaming the giveaway
 46:29 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Scott: The Super Mario Bros. Movie (2023) - IMDb

 Wes: The Strong National Museum of Play

  Shameless Plugs  Scott: Application Performance Monitoring & Error Tracking Software | Sentry

 Wes: Wes Bos Tutorials

  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 Syntax Giveaway Site - Codes, Bots, Tech Stack and More!

Poslechněte si podcast