Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

Supper Club × Fabian Kägy - Modern WordPress - Blocks, Page builders, Headless, Custom Fields

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.

In this supper club episode of Syntax, Wes and Scott talk with Fabian Kägy about modern WordPress development, including what the local dev experience is like, changes to the block editor, how version control is handled, and more! <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"> <a href="#t=00:34">00:34</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:20">01:20</a> Who is Fabian Kägy?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="https://fabian-kaegy.com/">Fabian Kägy</a></li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://twitter.com/fabiankaegy">Fabian Kaegy (@fabiankaegy)</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://www.instagram.com/fabiankaegy/">Fabian Kägy (@fabiankaegy) on Instagram</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://github.com/fabiankaegy">fabiankaegy on GitHub</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://10up.com/">10up | finely crafted websites and tools</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="#t=03:32">03:32</a> What is the local WordPress development workflow like in 2023?</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href= "https://developer.wordpress.org/block-editor/reference-guides/packages/packages-env/"> @wordpress/env</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="https://wpengine.com/local/">Free Local WordPress Development</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=05:35">05:35</a> Why do people still want to use WordPress?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="https://www.builder.io/">Builder.io - Drag & Drop Headless CMS</a></li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="https://www.squarespace.com/">Website Builder — Create a Website in Minutes — Squarespace</a></li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="https://www.wix.com/">Website Builder | Wix.com</a></li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://docusaurus.io/">Build optimized websites quickly, focus on your content | Docusaurus</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="#t=09:08">09:08</a> Changes because of the block editor</li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="#t=11:50">11:50</a> Using a JSON file to configure design styles for your site</li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=13:48">13:48</a> What is it like to develop with headless WordPress?</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="https://github.com/10up/10up-toolkit">10up/10up-toolkit: Official 10up asset building toolkit.</a></li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=16:59">16:59</a> Are people using WordPress for applications besides websites?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=19:20">19:20</a> What does version control look like in WordPress?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=21:57">21:57</a> Are plugins using the database or the file system?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=23:38">23:38</a> Is jQuery still a must have for WordPress?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=25:30">25:30</a> How do you enqueue JavaScript?</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href="#t=27:56">27:56</a> Does WordPress support live reloading?</li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="#t=28:22">28:22</a> How can you host WordPress on the web?</li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://wpengine.com/">WordPress Hosting | WP Engine®</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://wpvip.com/">WordPress for the Enterprise | WordPress VIP</a></li> <li class="has-line-data" data-line-start="32" data-line-end="33"> <a href="#t=29:11">29:11</a> What is the editing experience like in WordPress in 2023?</li> <li class="has-line-data" data-line-start="33" data-line-end="34"> <a href="https://www.sanity.io/">The Composable Content Cloud - Sanity.io</a></li> <li class="has-line-data" data-line-start="34" data-line-end="35"> <a href="https://wpml.org/">WPML - The WordPress Multilingual Plugin</a></li> <li class="has-line-data" data-line-start="35" data-line-end="36"> <a href="https://polylang.pro/">Polylang – Making WordPress multilingual</a></li> <li class="has-line-data" data-line-start="36" data-line-end="37"> <a href="#t=34:01">34:01</a> How is WordPress handling CSS in 2023?</li> <li class="has-line-data" data-line-start="37" data-line-end="38"> <a href="#t=41:44">41:44</a> How do you make WordPress fast?</li> <li class="has-line-data" data-line-start="38" data-line-end="39"> <a href="https://simplenote.com/">Simplenote</a></li> <li class="has-line-data" data-line-start="39" data-line-end="40"> <a href="https://www.tumblr.com/">Tumblr</a></li> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href="https://pocketcasts.com/">Pocketcasts</a></li> <li class="has-line-data" data-line-start="41" data-line-end="42"> <a href="#t=47:23">47:23</a> Where can you learn about WordPress development?</li> <li class="has-line-data" data-line-start="42" data-line-end="43"> <a href="https://learn.wordpress.org/">Learn WordPress - There’s always more to learn | Learn WordPress</a></li> <li class="has-line-data" data-line-start="43" data-line-end="44"> <a href="https://gutenberg.10up.com/">10up - Gutenberg Best Practices | 10up - Gutenberg Best Practices</a></li> <li class="has-line-data" data-line-start="44" data-line-end="45"> <a href="#t=50:12">50:12</a> With blocks, do you write less PHP?</li> <li class="has-line-data" data-line-start="45" data-line-end="46"> <a href="https://www.advancedcustomfields.com/">ACF | Advanced Custom Fields Plugin for WordPress</a></li> <li class="has-line-data" data-line-start="46" data-line-end="47"> <a href="#t=50:59">50:59</a> Supper Club Questions</li> <li class="has-line-data" data-line-start="47" data-line-end="49"> <a href="#t=55:09">55:09</a> SIIIIICK ××× PIIIICKS ×××</li> </ul> <h2 class="code-line" data-line-start="49" data-line-end="50"> <a id="_SIIIIICK__PIIIICKS__49"></a>××× SIIIIICK ××× PIIIICKS ×××</h2> <ul> <li class="has-line-data" data-line-start="51" data-line-end="53"> <a href= "https://tv.apple.com/us/show/shrinking/umc.cmc.apzybj6eqf6pzccd97kev7bs"> Watch Shrinking | Apple TV+</a></li> </ul> <h2 class="code-line" data-line-start="53" data-line-end="54"> <a id="Tweet_us_your_tasty_treats_53"></a>Tweet us your tasty treats</h2> <ul> <li class="has-line-data" data-line-start="55" data-line-end="56"> <a href="https://www.instagram.com/stolinski/">Scott’s Instagram</a></li> <li class="has-line-data" data-line-start="56" data-line-end="57"> <a href= "https://www.instagram.com/LevelUpTutorials/">LevelUpTutorials Instagram</a></li> <li class="has-line-data" data-line-start="57" data-line-end="58"> <a href="https://www.instagram.com/wesbos/">Wes’ Instagram</a></li> <li class="has-line-data" data-line-start="58" data-line-end="59"> <a href="https://twitter.com/wesbos">Wes’ Twitter</a></li> <li class="has-line-data" data-line-start="59" data-line-end="60"> <a href="https://www.facebook.com/wesbos.developer">Wes’ Facebook</a></li> <li class="has-line-data" data-line-start="60" data-line-end="61"> <a href="https://twitter.com/stolinski">Scott’s Twitter</a></li> <li class="has-line-data" data-line-start="61" data-line-end="62"> Make sure to include <a href= "https://twitter.com/SyntaxFM">@SyntaxFM</a> in your tweets</li> </ul>

In this supper club episode of Syntax, Wes and Scott talk with Fabian Kägy about modern WordPress development, including what the local dev experience is like, changes to the block editor, how version control is handled, and more!
 Show Notes  00:34 Welcome
 01:20 Who is Fabian Kägy?
 Fabian Kägy

 Fabian Kaegy (@fabiankaegy)

 Fabian Kägy (@fabiankaegy) on Instagram

 fabiankaegy on GitHub

 10up | finely crafted websites and tools

 03:32 What is the local WordPress development workflow like in 2023?
  @wordpress/env

 Free Local WordPress Development

 05:35 Why do people still want to use WordPress?
 Builder.io - Drag & Drop Headless CMS

 Website Builder — Create a Website in Minutes — Squarespace

 Website Builder | Wix.com

 Build optimized websites quickly, focus on your content | Docusaurus

 09:08 Changes because of the block editor
 11:50 Using a JSON file to configure design styles for your site
 13:48 What is it like to develop with headless WordPress?
 10up/10up-toolkit: Official 10up asset building toolkit.

 16:59 Are people using WordPress for applications besides websites?
 19:20 What does version control look like in WordPress?
 21:57 Are plugins using the database or the file system?
 23:38 Is jQuery still a must have for WordPress?
 25:30 How do you enqueue JavaScript?
 27:56 Does WordPress support live reloading?
 28:22 How can you host WordPress on the web?
 WordPress Hosting | WP Engine®

 WordPress for the Enterprise | WordPress VIP

 29:11 What is the editing experience like in WordPress in 2023?
 The Composable Content Cloud - Sanity.io

 WPML - The WordPress Multilingual Plugin

 Polylang – Making WordPress multilingual

 34:01 How is WordPress handling CSS in 2023?
 41:44 How do you make WordPress fast?
 Simplenote

 Tumblr

 Pocketcasts

 47:23 Where can you learn about WordPress development?
 Learn WordPress - There’s always more to learn | Learn WordPress

 10up - Gutenberg Best Practices | 10up - Gutenberg Best Practices

 50:12 With blocks, do you write less PHP?
 ACF | Advanced Custom Fields Plugin for WordPress

 50:59 Supper Club Questions
 55:09 SIIIIICK ××× PIIIICKS ×××
  ××× SIIIIICK ××× PIIIICKS ×××  Watch Shrinking | Apple TV+

  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

Supper Club × Fabian Kägy - Modern WordPress - Blocks, Page builders, Headless, Custom Fields

Poslechněte si podcast