Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

Zpravodajství

Technologické zprávy

Technika

694: What's Up With Angular with Mark Techson

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 Mark Techson about the recent Angular announcements and updates. How did Angular implement signals? What’s new in Angular 17? How does Angular handle CSS or UI component libraries? <h3 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h3> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <a href="#t=00:30">00:30</a> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <a href="#t=01:11">01:11</a> Syntax Brought to you by Sentry</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <a href="#t=01:39">01:39</a> What’s changing with Angular?</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://www.youtube.com/watch?v=Wq6GpTZ7AX0">Special Angular Event</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://angular.dev/">Angular</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="#t=03:19">03:19</a> What happened to Angular.js, and what’s happening now?</li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://stackblitz.com/">StackBlitz</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <a href="https://analogjs.org/">Analog | Analog</a></li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href= "https://syntax.fm/*how/502/supper-club-self-hosted-backend-as-a-service-with-brandon-roberts"> Supper Club × Self Hosted Backend-as-a-service with Brandon Roberts</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href="#t=08:19">08:19</a> What makes Angular special?</li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href="#t=13:21">13:21</a> How did Angular implement signals?</li> <li class="has-line-data" data-line-start="15" data-line-end="16"> <a href="#t=17:17">17:17</a> What is a computed value?</li> <li class="has-line-data" data-line-start="16" data-line-end="17"> <a href="#t=18:54">18:54</a> What’s new in Angular 17?</li> <li class="has-line-data" data-line-start="17" data-line-end="18"> <a href="#t=25:10">25:10</a> What’s the meta framework story with Angular?</li> <li class="has-line-data" data-line-start="18" data-line-end="19"> <a href="https://material.angular.io/">Angular Material UI component library</a></li> <li class="has-line-data" data-line-start="19" data-line-end="20"> <a href="https://material.angular.io/cdk/categories">CDK | Angular Material</a></li> <li class="has-line-data" data-line-start="20" data-line-end="21"> <a href="https://angular.io/guide/elements">Angular - Angular elements overview</a></li> <li class="has-line-data" data-line-start="21" data-line-end="22"> <a href="#t=27:40">27:40</a> Adding close to the metal if statements</li> <li class="has-line-data" data-line-start="22" data-line-end="23"> <a href="#t=31:03">31:03</a> View transitions</li> <li class="has-line-data" data-line-start="23" data-line-end="24"> <a href="#t=32:34">32:34</a> How does Angular handle CSS?</li> <li class="has-line-data" data-line-start="24" data-line-end="25"> <a href="#t=39:31">39:31</a> How does Angular integrate with UI component libraries?</li> <li class="has-line-data" data-line-start="25" data-line-end="26"> <a href="#t=41:07">41:07</a> What are headless components?</li> <li class="has-line-data" data-line-start="26" data-line-end="27"> <a href="#t=41:45">41:45</a> Does Angular work well with web components?</li> <li class="has-line-data" data-line-start="27" data-line-end="28"> <a href="#t=42:43">42:43</a> Supper Club Questions</li> <li class="has-line-data" data-line-start="28" data-line-end="29"> <a href= "https://code.visualstudio.com/docs/editor/*ccessibility#:~:text=level%20by%2020%25.-,High%20Contrast%20theme,*elect%20the%20High%20Contrast%20theme."> Accessibility in Visual Studio Code</a></li> <li class="has-line-data" data-line-start="29" data-line-end="30"> <a href="https://www.thoughtworks.com/en-ca/radar">Technology Radar Thoughtworks</a></li> <li class="has-line-data" data-line-start="30" data-line-end="31"> <a href="https://redmonk.com/">RedMonk – The developer-focused analyst firm</a></li> <li class="has-line-data" data-line-start="31" data-line-end="32"> <a href="https://mermaid.js.org/">Mermaid | Diagramming and charting tool</a></li> <li class="has-line-data" data-line-start="32" data-line-end="34"> <a href="#t=49:38">49:38</a> Sick Picks</li> </ul> <h3 class="code-line" data-line-start="34" data-line-end="35"> <a id="Sick_Picks_34"></a>Sick Picks</h3> <ul> <li class="has-line-data" data-line-start="36" data-line-end="38"> <a href="https://godotengine.org/">Godot Engine - Free and open source 2D and 3D game engine</a></li> </ul> <h3 class="code-line" data-line-start="38" data-line-end="39"> <a id="Shameless_Plugs_38"></a>Shameless Plugs</h3> <ul> <li class="has-line-data" data-line-start="40" data-line-end="41"> <a href= "https://twitter.com/search?q=%23goodmorningwithmark&src=typed_query"> #goodmorningwithmark on Twitter</a></li> <li class="has-line-data" data-line-start="41" data-line-end="43"> <a href= "https://www.youtube.com/results?search_query=%23goodmorningwithmark"> #goodmorningwithmark on YouTube</a></li> </ul> <h3 class="code-line" data-line-start="43" data-line-end="44"> <a id="Hit_us_up_on_Socials_43"></a>Hit us up on Socials!</h3> Syntax: <a href="https://twitter.com/syntaxfm">X</a> <a href= "https://www.instagram.com/syntax_fm/">Instagram</a> <a href= "https://www.tiktok.com/@syntaxfm">Tiktok</a> <a href= "https://www.linkedin.com/company/96077407/admin/feed/posts/">LinkedIn</a> <a href="https://www.threads.net/@syntax_fm">Threads</a> Wes: <a href="https://twitter.com/wesbos">X</a> <a href= "https://www.instagram.com/wesbos/">Instagram</a> <a href= "https://www.tiktok.com/@wesbos">Tiktok</a> <a href= "https://www.linkedin.com/in/wesbos/">LinkedIn</a> <a href= "https://www.threads.net/@wesbos">Threads</a> Scott: <a href="https://twitter.com/stolinski">X</a> <a href= "https://www.instagram.com/stolinski/">Instagram</a> <a href= "https://www.tiktok.com/@stolinski">Tiktok</a> <a href= "https://www.linkedin.com/in/stolinski/">LinkedIn</a> <a href= "https://www.threads.net/@stolinski">Threads</a>

In this supper club episode of Syntax, Wes and Scott talk with Mark Techson about the recent Angular announcements and updates. How did Angular implement signals? What’s new in Angular 17? How does Angular handle CSS or UI component libraries?
 Show Notes  00:30 Welcome
 01:11 Syntax Brought to you by Sentry
 01:39 What’s changing with Angular?
 Special Angular Event

 Angular

 03:19 What happened to Angular.js, and what’s happening now?
 StackBlitz

 Analog | Analog

  Supper Club × Self Hosted Backend-as-a-service with Brandon Roberts

 08:19 What makes Angular special?
 13:21 How did Angular implement signals?
 17:17 What is a computed value?
 18:54 What’s new in Angular 17?
 25:10 What’s the meta framework story with Angular?
 Angular Material UI component library

 CDK | Angular Material

 Angular - Angular elements overview

 27:40 Adding close to the metal if statements
 31:03 View transitions
 32:34 How does Angular handle CSS?
 39:31 How does Angular integrate with UI component libraries?
 41:07 What are headless components?
 41:45 Does Angular work well with web components?
 42:43 Supper Club Questions
  Accessibility in Visual Studio Code

 Technology Radar Thoughtworks

 RedMonk – The developer-focused analyst firm

 Mermaid | Diagramming and charting tool

 49:38 Sick Picks
  Sick Picks  Godot Engine - Free and open source 2D and 3D game engine

  Shameless Plugs  #goodmorningwithmark on Twitter

  #goodmorningwithmark on YouTube

  Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
 Wes: X Instagram Tiktok LinkedIn Threads
 Scott: X Instagram Tiktok LinkedIn Threads

Aplikace Youradio Talk

694: What's Up With Angular with Mark Techson

Poslechněte si podcast