Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Hasty Treat - Spicy Takeout - PHP Is Good and We’re Just Re-Creating It

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 much modern web development has taken from PHP!</p> <h2 class="code-line" data-line-start="9" data-line-end="10"><a id= "Freshbooks__Sponsor_9" name="Freshbooks__Sponsor_9"></a>Freshbooks - Sponsor</h2> <p class="has-line-data" data-line-start="10" data-line-end="11"> 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="12" data-line-end="13"> <a id="LogRocket__Sponsor_12" name= "LogRocket__Sponsor_12"></a>LogRocket - Sponsor</h2> <p class="has-line-data" data-line-start="13" data-line-end="14"> 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="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="16" data-line-end="17"> 03:56 - Why much of modern web development is just recreating PHP</p> <ul> <li class="has-line-data" data-line-start="17" data-line-end="19"> Everyone loves to hate on PHP, but modern Web dev takes a lot from PHP</li> </ul> <p class="has-line-data" data-line-start="19" data-line-end="20"> 05:44 - Mixing templating and logic</p> <ul> <li class="has-line-data" data-line-start="20" data-line-end="22"> We do this with JSX</li> </ul> <p class="has-line-data" data-line-start="22" data-line-end="23"> 07:39 - Each request has its own scope</p> <p class="has-line-data" data-line-start="24" data-line-end="25"> 08:57 - Massive standard lib</p> <ul> <li class="has-line-data" data-line-start="25" data-line-end="26"> Format a date? No sweat!</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> Image resizing? Sure!</li> <li class="has-line-data" data-line-start="27" data-line-end="29"> Audio bindings? Sure!</li> </ul> <p class="has-line-data" data-line-start="29" data-line-end="30"> 10:16 - URL-based routing</p> <ul> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://nextjs.org/">Next.js</a> pages</li> <li class="has-line-data" data-line-start="31" data-line-end="33"> Serverless functions</li> </ul> <p class="has-line-data" data-line-start="33" data-line-end="34"> 11:13 - Server-rendered</p> <ul> <li class="has-line-data" data-line-start="34" data-line-end="36"> <a href="https://hotwired.dev/">Hotwire</a></li> </ul> <p class="has-line-data" data-line-start="36" data-line-end="37"> 11:38 - $_GET, $_POST, are just available</p> <ul> <li class="has-line-data" data-line-start="37" data-line-end="39"> <a href="https://nextjs.org/">Next.js</a> hooks</li> </ul> <p class="has-line-data" data-line-start="39" data-line-end="40"> 12:29 - Variable interpolation</p> <p class="has-line-data" data-line-start="41" data-line-end="42"> 12:59 - All-in-one frameworks</p> <ul> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://laravel.com/">Laravel</a> did it</li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://cakephp.org/">CakePHP</a></li> <li class="has-line-data" data-line-start="44" data-line-end="46"> <a href="https://codeigniter.com/">CodeIgnighter</a></li> </ul> <p class="has-line-data" data-line-start="46" data-line-end="47"> 13:32 - Direct DB access</p> <ul> <li class="has-line-data" data-line-start="47" data-line-end="49"> SQL statements</li> </ul> <p class="has-line-data" data-line-start="49" data-line-end="50"> 14:37 - Why do people hate PHP?</p> <ul> <li class="has-line-data" data-line-start="50" data-line-end="51"> <a href="https://wordpress.org/">WordPress</a></li> <li class="has-line-data" data-line-start="51" data-line-end="52"> Inconsistent API</li> <li class="has-line-data" data-line-start="52" data-line-end="53"> Their first code was PHP and they sucked</li> <li class="has-line-data" data-line-start="53" data-line-end="54"> PHP has come a long way</li> <li class="has-line-data" data-line-start="54" data-line-end="55"> It used to not be safe</li> <li class="has-line-data" data-line-start="55" data-line-end="57"> Blocking by default - no async/await</li> </ul> <p class="has-line-data" data-line-start="57" data-line-end="58"> 17:48 - Why is JS still better?</p> <ul> <li class="has-line-data" data-line-start="58" data-line-end="59"> Shared code between frontend and backend</li> <li class="has-line-data" data-line-start="59" data-line-end="60"> Single language</li> <li class="has-line-data" data-line-start="60" data-line-end="62"> Huge ecosystem (could be a con)</li> </ul> <h2 class="code-line" data-line-start="62" data-line-end="63"> <a id="Links_62" name="Links_62"></a>Links</h2> <ul> <li class="has-line-data" data-line-start="63" data-line-end="64"> <a href= "https://syntax.fm/show/267/hasty-treat-turbolinks-server-generated-html-js-sprinkles"> Syntax 267: Hasty Treat - Turbolinks + Server Generated HTML + JS Sprinkles</a></li> <li class="has-line-data" data-line-start="64" data-line-end="65"> <a href="https://vuejs.org/">https://vuejs.org/</a></li> <li class="has-line-data" data-line-start="65" data-line-end="67"> <a href="https://www.hey.com/">https://www.hey.com/</a></li> </ul> <h2 class="code-line" data-line-start="67" data-line-end="68"> <a id="Tweet_us_your_tasty_treats_67" name= "Tweet_us_your_tasty_treats_67"></a>Tweet us your tasty treats!</h2> <ul> <li class="has-line-data" data-line-start="68" data-line-end="69"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="69" data-line-end="70"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="70" data-line-end="71"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="71" data-line-end="72"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="72" data-line-end="73"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="73" data-line-end="74"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="74" data-line-end="75"> 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 much modern web development has taken from PHP!
 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.
 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 03:56 - Why much of modern web development is just recreating PHP
  Everyone loves to hate on PHP, but modern Web dev takes a lot from PHP
  05:44 - Mixing templating and logic
  We do this with JSX
  07:39 - Each request has its own scope
 08:57 - Massive standard lib
  Format a date? No sweat!
 Image resizing? Sure!
 Audio bindings? Sure!
  10:16 - URL-based routing
  Next.js pages
 Serverless functions
  11:13 - Server-rendered
  Hotwire

  11:38 - $_GET, $_POST, are just available
  Next.js hooks
  12:29 - Variable interpolation
 12:59 - All-in-one frameworks
  Laravel did it
 CakePHP

 CodeIgnighter

  13:32 - Direct DB access
  SQL statements
  14:37 - Why do people hate PHP?
  WordPress

 Inconsistent API
 Their first code was PHP and they sucked
 PHP has come a long way
 It used to not be safe
 Blocking by default - no async/await
  17:48 - Why is JS still better?
  Shared code between frontend and backend
 Single language
 Huge ecosystem (could be a con)
  Links  Syntax 267: Hasty Treat - Turbolinks + Server Generated HTML + JS Sprinkles

 https://vuejs.org/

 https://www.hey.com/

  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 - Spicy Takeout - PHP Is Good and We’re Just Re-Creating It

Poslechněte si podcast